/*--------------------------------------------------
Global Resets
--------------------------------------------------*/
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,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
  text-transform: inherit;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a img,
#footer .credit,
.inner-content {
  text-align: left;
}
body,
html {
  padding: 0;
  margin: 0;
}
body {
  color: black;
  background: white;
}
sub,
sup {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 80%;
  font-family: inherit;
  text-transform: inherit;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.sidebox h2 a,
.footer-top h2 a {
  font-size: 1em;
}
.header3 {
  text-align: center;
}
:focus {
  outline: 0;
}
input[type='radio'] {
  margin: 0;
}
caption {
  text-align: left;
  font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}
blockquote,
q {
  quotes: "" "";
}
img {
  border: 0;
}
ul {
  margin: 0;
}
ol {
  padding-left: 30px;
  margin-bottom: 1em;
  line-height: 1.5em;
}
/*--------------------------------------------------
Layout
--------------------------------------------------*/
.clear {
  clear: both;
}
.left {
  float: left;
}
.right {
  float: right;
}
img {
  max-width: 100%;
  height: auto;
}
.container {
  min-width: 767px;
  max-width: 1200px;
  margin: 0 auto;
}
/*Clear Fix*/
.container:before,
.container:after,
[id*="column_td"]:before,
[id*="column_td"]:after,
.sidebox:before,
.sidebox:after,
.ques-group:before,
.ques-group:after,
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.container:after,
[id*="column_td"]:after,
.sidebox:before,
.sidebox:after,
.ques-group:before,
.ques-group:after,
.cf:before,
.cf:after {
  clear: both;
}
/*For IE 6/7 only */
.container,
[id*="column_td"] {
  *zoom: 1;
}
/* Break Word */
/*Word Break*/
p a {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  /* Non standard for webkit */
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.content-container {
  float: left;
}
.content-container.last {
  margin-right: 0;
}
.inner-content {
  padding: 10px;
}
#header .content-container,
.header-btm .content-container,
.footer-top .content-container,
#footer .content-container,
#left-col.content-container,
#right-col.content-container,
#middle-col.content-container,
#middle-col-full.content-container {
  margin: 0;
}
#header .inner-content,
.header-btm .inner-content,
.footer-top .inner-content,
#footer .inner-content {
  padding: 0;
}
/*---------- 100% ----------*/
.col_1col100 {
  width: 100%;
  margin-right: 0;
}
/*---------- 75% ----------*/
.col_2col7525.one {
  width: 75%;
}
.col_2col2575.two,
#middle-col-full {
  width: 75%;
}
/*---------- 70% ----------*/
.col_2col3070.last,
.col_2col7030.one {
  width: 70%;
}
/*---------- 60% ----------*/
.col_2col4060.last,
.col_2col6040.one {
  width: 60%;
}
/*---------- 50% ----------*/
.col_2col50,
.col_3col255025.two {
  width: 50%;
}
.col_2col50.last,
#middle-col {
  width: 50%;
}
/*---------- 40% ----------*/
.col_2col4060.one,
.col_2col6040.last {
  width: 40%;
}
/*---------- 33% ----------*/
.col_3col33 {
  width: 33.3333333%;
}
.col_3col33.last {
  width: 33.3333333%;
}
/*---------- 30% ----------*/
.col_2col3070.one,
.col_2col7030.last {
  width: 30%;
}
/*---------- 25% ----------*/
.col_4col25,
.col_2col2575.one,
.col_3col255025.one {
  width: 25%;
}
.col_4col25.last,
.col_2col7525.two,
.col_3col255025.three,
#right-col,
#left-col {
  width: 25%;
}
/*---------- 20% ----------*/
.col_5col20,
.col_5col20.last {
  width: 20%;
}
/*--------------------------------------------------
Typography
--------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
.header3 {
  font-weight: bold;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.header3 a {
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  color: inherit;
  font-family: inherit;
  text-transform: inherit;
  text-align: inherit;
  line-height: inherit;
  background-color: inherit;
}
body {
  font-size: 15px;
  color: #09090d;
  font-family: 'Poppins', Arial, sans-serif;
  line-height: 22px;
  font-weight: normal;
  text-transform: none;
  text-align: left;
}
h1 {
  font-size: 2.1em;
  color: #26467d;
  font-family: Inherit;
  font-weight: 700;
  font-style: inherit;
  text-transform: none;
  text-align: inherit;
  line-height: 1.5em;
  margin: 0px 0px 1em 0px;
  padding: 0px;
  background-color: auto;
  letter-spacing: 0em;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: auto;
}
h1 a {
  text-decoration: none;
}
h1 a:hover {
  color: #26467d;
  text-decoration: underline;
}
h2,
.header3 {
  font-size: 1.8em;
  font-weight: 500;
  font-style: inherit;
  color: #b43449;
  font-family: Inherit;
  text-transform: none;
  text-align: inherit;
  line-height: 1.5em;
  margin: 0 0 1em 0;
  padding: 0px;
  background-color: auto;
}
h2 {
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: auto;
  letter-spacing: 0em;
}
h2 a {
  text-decoration: none;
}
h2 a:hover {
  color: #b43449;
  text-decoration: underline;
}
.sidebox h2 a {
  font-size: 1em;
}
h3 {
  font-size: 1.5em;
  color: #09090d;
  font-family: Inherit;
  font-weight: 600;
  font-style: inherit;
  text-transform: none;
  text-align: inherit;
  line-height: 1.5em;
  margin: 0px 0px 1em 0px;
  padding: 0px;
  background-color: auto;
  letter-spacing: 0em;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: auto;
}
h3 a {
  text-decoration: none;
}
h3 a:hover {
  color: #09090d;
  text-decoration: underline;
}
h4 {
  font-size: 1.2em;
  color: #26467d;
  font-family: Inherit;
  font-weight: 500;
  font-style: italic;
  text-transform: none;
  text-align: inherit;
  line-height: 1.5em;
  margin: 0px 0px 1em 0px;
  padding: 0px;
  background-color: auto;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: auto;
}
h4 a {
  text-decoration: none;
}
h4 a:hover {
  color: #26467d;
  text-decoration: underline;
}
h5 {
  font-size: 15px;
  color: #26467d;
  font-family: Inherit;
  font-weight: 500;
  font-style: italic;
  text-transform: none;
  text-align: inherit;
  line-height: 1.5em;
  margin: 0px 0px 1em 0px;
  padding: 0px;
  background-color: auto;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: rgba(0, 0, 0, 0);
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: rgba(0, 0, 0, 0);
}
h5 a {
  text-decoration: none;
}
h5 a:hover {
  color: #26467d;
  text-decoration: underline;
}
h6 {
  font-size: 14px;
  color: #26467d;
  font-family: Inherit;
  font-weight: 500;
  font-style: italic;
  text-transform: none;
  text-align: inherit;
  line-height: 1.5em;
  margin: 0px 0px 1em 0px;
  padding: 0px;
  background-color: auto;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: rgba(0, 0, 0, 0);
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: rgba(0, 0, 0, 0);
}
h6 a {
  text-decoration: none;
}
h6 a:hover {
  color: #26467d;
  text-decoration: underline;
}
p {
  font-size: 1em;
  color: #09090d;
  font-family: Inherit;
  text-transform: none;
  font-weight: normal;
  text-align: left;
  line-height: 1.7em;
  margin: 0 0 1.5em 0;
  word-break: break-word;
}
a {
  font-size: 1em;
  color: #b43449;
  font-family: Inherit;
  font-weight: normal;
  font-style: inherit;
  text-transform: none;
  text-align: inherit;
  text-decoration: underline;
  word-break: break-word;
}
a:hover {
  color: #b43449;
  text-decoration: underline;
}
strong {
  font-weight: bold;
}
em {
  font-style: italic;
}
ul {
  padding-left: 30px;
}
/*--------------------------------------------------
Body
--------------------------------------------------*/
body {
  background-color: #ffffff;
}
/*
 * Tiny MCE in admin area
 * We want a white background
*/
body#tinymce {
  background: #FFFFFF;
}
/*--------------------------------------------------
Top Menu
--------------------------------------------------*/
#topnav {
  color: inherit;
  margin: 0 0 0 0;
  padding: 5px 20px 5px 0px;
  background-color: #26467d;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: auto;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
}
#topnav .container {
  background-color: auto;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: auto;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
}
#topnav ul {
  text-align: right;
}
#topnav li {
  list-style: none;
  list-style-position: inside;
  display: inline-block;
  padding: 0 10px;
}
#topnav a {
  text-decoration: none;
  font-weight: normal;
  font-family: Inherit;
  font-style: normal;
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 1em;
  background-color: auto;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: auto;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
}
#topnav a:hover {
  text-decoration: none;
  color: #e7e7e7;
  background-color: auto;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: auto;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
}
/* --- Logo Area  --- */
#logo {
  padding: 10px 0px 8px 20px;
  float: left;
  margin: 4px 0px 0px 0px;
  transition: height 0.4s ease;
}
#logo img {
  width: 182px;
  height: auto;
}
/* --- Horizontal Logo  --- */
.logo-horizontal .brand-normal #logo img {
  -webkit-transition: height 0.4s ease;
  -moz-transition: height 0.4s ease;
  transition: height 0.4s ease;
}
/* --- Vertical Logo  --- */
.logo-vertical #logo {
  background-image: unset;
  background-repeat: repeat;
  background-position: left top;
  background-color: #f5f6f4;
}
/*--------------------------------------------------
Header
--------------------------------------------------*/
#header {
  margin: 0px;
  background-color: #ffffff;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: #5b5561;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
  /* --- Sticky Header  --- */
}
#header .container {
  background-color: auto;
  padding: 10px 0px 8px 20px;
  max-width: 1180px;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: auto;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
}
#header.is-sticky.sticky-header {
  background-color: transparent !important;
}
#header.sticky-header #header-wrap {
  background-color: #ffffff;
}
#header.sticky-header #logo {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  padding: 5px !important;
}
#header.sticky-header #logo img {
  height: 40px;
  width: 182px;
  -webkit-transition: height 0.4s ease;
  -moz-transition: height 0.4s ease;
  transition: height 0.4s ease;
}
#header.sticky-header.is-sticky {
  height: 42px;
}
#header.sticky-header.is-sticky .logo-horizontal #logo {
  height: 60px;
  max-height: 60px;
}
#header.sticky-header.is-sticky .logo-horizontal #logo img {
  -webkit-transition: height 0.4s ease;
  -moz-transition: height 0.4s ease;
  transition: height 0.4s ease;
}
.vertical-logo-bar {
  height: 50px;
  width: 100%;
  background-color: #f5f6f4;
  opacity: 0.6;
}
.indexphp .vertical-logo-bar {
  display: none;
}
#banner_images {
  text-align: right;
  width: 100%;
  padding: 10px 0;
  overflow: hidden;
}
#banner_images img {
  max-width: none;
  margin: 0 0 0 10px;
  float: right;
  border-top-color: white;
  border-top-style: solid;
  border-top-width: 5px;
  border-right-color: white;
  border-right-style: solid;
  border-right-width: 5px;
  border-bottom-color: white;
  border-bottom-style: solid;
  border-bottom-width: 5px;
  border-left-color: white;
  border-left-style: solid;
  border-left-width: 5px;
}
.header-btm {
  margin: 0px;
  background-color: auto;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: auto;
}
.header-btm .container {
  padding: 0px 0px 0px 0px;
  max-width: 1200px;
  background-color: #ffffff;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: auto;
}
/*--------------------------------------------------
Main Navigation
--------------------------------------------------*/
#botnav {
  background-color: #ffffff;
  width: 100%;
  margin: 0px;
  padding: 25px 20px 30px 0px;
  float: right;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: auto;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
}
#botnav .container {
  background-color: auto;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: auto;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
}
#nav {
  list-style: none;
  line-height: 42px;
  height: 42px;
  /*,a.active
     .sfHover li,
     .sfHover li a,
     */
}
#nav li {
  float: left;
  margin: 0;
  padding: 0;
  height: 42px;
}
#nav a {
  display: inline-block;
  text-decoration: none;
  width: auto;
  padding: 10px 12px 10px 12px;
  margin: 0px;
  color: #46344e;
  font-size: 1em;
  background-color: auto;
  font-family: Inherit;
  font-style: normal;
  text-transform: none;
  text-align: left;
  font-weight: bold;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: auto;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
}
#nav a:hover,
#nav .sfHover > a,
#nav .sfHoverFix > a {
  color: #46344e;
  background-color: #ffffff;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: #2fc3e5;
  border-bottom-style: solid;
  border-bottom-width: 5px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
}
#nav a.active {
  color: #46344e;
  background-color: #ffffff;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: #2fc3e5;
  border-bottom-style: solid;
  border-bottom-width: 5px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
}
#nav ul {
  width: 100%;
}
#nav ul a:hover {
  text-decoration: underline;
}
#nav ul li,
#nav ul li a {
  height: auto;
  line-height: 1;
}
#nav .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0.1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #46344e;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  transition: 0.4s ease;
}
#nav.sf-menu a {
  padding: 10px 12px 10px 12px !important;
}
#nav a.no-hover:hover {
  color: #46344e;
  background-color: auto;
}
/* Header Dropdowns */
.sf-menu ul {
  top: initial !important;
}
#main-navbar ul ul {
  width: max-content;
}
.monospace {
  font-family: monospace;
}
/*------------------- FLYOUT MENU ESSENTIAL STYLES -------------------*/
#left-col,
#right-col {
  overflow: visible;
}
.sf-menu,
.sf-menu * {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sf-menu ul {
  position: absolute;
  top: -999em;
  width: 150px;
  /* left offset of submenus need to match (see below) */
  z-index: 1999;
}
.sf-menu ul li {
  width: 100%;
}
.sf-menu li:hover {
  visibility: inherit;
  /* fixes IE7 'sticky bug' */
}
.sf-menu li {
  float: left;
  position: relative;
}
.sf-menu a {
  display: block;
  position: relative;
}
#nav ul a,
#nav ul ul a {
  text-align: left;
  padding: 8px 5px;
  display: block;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 0;
  top: 42px;
  /* match top ul list item height */
  z-index: 1999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 150px;
  top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 10em;
  /* match ul width */
  top: 0;
}
.sf-menu .sfHover {
  background: auto;
}
/*** DEMO SKIN ***/
.sf-menu {
  float: left;
}
.sf-menu a,
.sf-menu a:visited {
  /* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu li li {
  background: none;
  padding: 8px 0 8px 5px;
}
.sf-menu li li li {
  background: none;
  padding: 8px 0 8px 5px;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
  outline: 0;
}
#nav.sf-menu a.sf-with-ul {
  padding-right: 15px;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
  min-width: 1px;
  /* trigger IE7 hasLayout so spans position accurately */
  position: relative;
}
.sf-menu .sf-sub-indicator {
  position: absolute;
  display: block;
  right: 3px;
  top: 30%;
  width: 10px;
  height: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url('../../../images/arrows-ffffff.png') no-repeat left -100px;
  /* 8-bit indexed alpha png. IE6 gets solid image only */
}
.sf-menu ul .sf-sub-indicator,
.sf-menu ul ul .sf-sub-indicator {
  top: 10px;
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
  background-position: -10px -100px;
  /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
  background-position: -10px 0;
}
.sf-menu ul a > .sf-sub-indicator {
  background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0;
  /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
.sf-shadow ul {
  background: url('../../../js/images/shadow.png') no-repeat bottom right;
  padding: 0 8px 9px 0;
}
.sf-shadow ul.sf-shadow-off {
  background: transparent;
}
/*-------------Vertical Menu (.sf-vertical)-------------*/
.sf-vertical,
.sf-vertical li {
  width: 210px;
}
.content .sf-vertical,
.content .sf-vertical li {
  float: none;
}
.sf-vertical li:hover,
.sf-vertical a:hover,
.sf-vertical li.sfHover {
  background: none;
}
.sf-vertical a {
  background: none;
}
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
  left: 138px;
  top: 0;
}
.sf-vertical li ul {
  background: white;
  border: 1px solid #dddddd;
}
.sf-vertical li li {
  width: auto !important;
  background: transparent;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
  background-position: -10px 0;
  top: 2px !important;
  top: 4px;
}
/* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator {
  background-position: 0 0;
}
/* use translucent arrow for modern browsers*/
/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
  background-position: -10px 0;
  /* arrow hovers for modern browsers*/
}
/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  padding-right: 2.5em;
  *padding-right: 1em;
  /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0.1em;
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #808080;
  /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(128, 128, 128, 0.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white;
  /* IE8 fallback colour */
}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: #dFeEFF;
  /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255, 255, 255, 0.5);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after {
  border-left-color: white;
}
/*--------------------------------------------------
Search
--------------------------------------------------*/
.search-box-wrapper .search-elements {
  background-color: #2f579c;
  line-height: inherit;
  border-radius: 0px;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: inherit;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: inherit;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: inherit;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: inherit;
}
.search-box-wrapper .search-elements .fa {
  color: #ffffff;
  font-size: inherit;
  margin: 0px;
}
.search-box-wrapper .search-elements input {
  color: #ffffff;
  font-size: inherit;
  font-family: Inherit;
  font-style: inherit;
  font-weight: inherit;
  text-transform: none;
  background-color: inherit;
}
.search-box-wrapper .search-elements input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  color: #ffffff;
}
.search-box-wrapper .search-elements input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ffffff;
  opacity: 1;
}
.search-box-wrapper .search-elements input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ffffff;
  opacity: 1;
}
.search-box-wrapper .search-elements input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}
.search-box-wrapper .search-elements input::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}
.search-box-wrapper .search-elements input::placeholder {
  /* Most modern browsers support this now. */
  color: #ffffff;
}
/*--------------------------------------------------
Main Content
--------------------------------------------------*/
.content > .container {
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  -webkit-box-sizing: border-box;
  /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;
  /* Firefox, other Gecko */
  box-sizing: border-box;
  /* Opera/IE 8+ */
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: auto;
}
.content .container {
  background-color: #ffffff;
}
.content .container > [id*='left-col'] > div {
  background-color: auto;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: auto;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
  padding: 40px 20px 40px 20px;
}
.content .container > [id*='middle-col'] > div {
  background-color: auto;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: auto;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
  padding: 40px 20px 40px 20px;
}
.content .container > [id*='middle-col'] > div:has([data-react-component="MotionFullWidthImage"]) {
  padding-top: 0;
  padding-bottom: 0;
}
.content .container > [id*='middle-col'] > div:has( > *:nth-child(2)) {
  padding: 40px 20px 40px 20px;
}
.content .container > [id*='right-col'] > div {
  background-color: auto;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: auto;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
  padding: 40px 20px 40px 20px;
}
/*--------------------------------------------------
Sideboxes
--------------------------------------------------*/
.sidebox ul {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
.sidebox li {
  width: 100%;
  display: block;
}
.sidebox a {
  text-decoration: none;
}
.sidebox a.prime-btn {
  color: #ffffff;
  background-color: #2fc3e5;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-family: Inherit;
  font-style: inherit;
  font-size: 1em;
}
.sidebox a.prime-btn:hover {
  color: #2fc3e5;
  text-decoration: none;
  background-color: #ffffff;
}
.sidebox a.sec-btn {
  background-color: #26467d;
  color: #ffffff;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-family: Inherit;
  font-style: inherit;
  font-size: Inherit;
}
.sidebox a.sec-btn:hover {
  background-color: #ffffff;
  color: #26467d;
  display: inline-block;
  text-decoration: none;
}
.content .sidebox {
  width: auto;
  height: auto;
  border: none;
  padding: 0px;
  margin-bottom: 2em;
  background-color: auto;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: auto;
  color: #09090d;
  text-transform: none;
  text-align: inherit;
  font-family: Inherit;
}
.content .sidebox li {
  width: 100%;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: unset;
  border-left-style: unset;
  border-left-color: unset;
  padding: 5px 0;
  margin: 0;
}
.content .sidebox li a {
  display: block;
  color: #09090d;
  font-size: 1em;
  font-family: Inherit;
  font-weight: normal;
  font-style: inherit;
  text-decoration: none;
  background-color: auto;
  padding: 0px;
}
.content .sidebox li a:hover {
  color: #b43449;
  background-color: rgba(0, 0, 0, 0);
  text-decoration: underline;
}
.content .sidebox li a .active {
  color: #b43449;
  background-color: rgba(0, 0, 0, 0);
  text-decoration: underline;
}
.content .sidebox h2:not(:is(
            .boxed-elements h2,
            [data-content-section] h2
    )) {
  padding: 0px;
  margin: 0 0 1em 0;
}
.content .sidebox h2:not(:is(
            .boxed-elements h2,
            [data-content-section] h2
    )),
.content .sidebox h2:not(:is(
            .boxed-elements h2,
            [data-content-section] h2
    )) a {
  color: #b43449;
  background-color: auto;
  text-transform: none;
  font-weight: 500;
  text-align: inherit;
  font-family: Inherit;
}
.content .sidebox .boxcontent li a:hover,
.content .sidebox li a.active,
.content .sidebox li ul li a.active {
  color: #b43449;
  background-color: rgba(0, 0, 0, 0);
  text-decoration: underline;
}
ul.pagenavsub {
  margin: 0px 2px 20px 20px;
}
/*--------------------------------------------------
Footer Top
--------------------------------------------------*/
.footer-top {
  margin: 0px;
  background-color: #ffffff;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: auto;
}
.footer-top .main-container {
  background-color: inherit;
}
.footer-top .container {
  padding: 20px 0px 0px 0px;
  max-width: 1200px;
  background-color: #ffffff;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0);
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: rgba(255, 255, 255, 0);
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0);
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: rgba(255, 255, 255, 0);
}
.footer-top h2 {
  font-weight: bold;
}
.footer-top h2,
.footer-top .sidebox h2 {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0);
  padding: 0px;
  margin: 0px 0px 1em 0px;
  text-transform: uppercase;
  text-align: inherit;
  font-family: Inherit;
}
.footer-top .sidebox h2 a {
  color: #ffffff;
  background-color: rgba(255, 255, 255, 0);
  text-transform: uppercase;
  text-align: inherit;
  font-family: Inherit;
}
.footer-top h1,
.footer-top h3,
.footer-top h4,
.footer-top p {
  color: #ffffff;
}
.footer-top a {
  color: #ffffff;
}
.footer-top a:hover {
  color: #cccccc;
}
.footer-top a.prime-btn {
  color: #ffffff;
  background-color: #2fc3e5;
  text-transform: uppercase;
  font-family: Inherit;
}
.footer-top a.prime-btn:hover {
  color: #2fc3e5;
  background-color: #ffffff;
  text-decoration: none;
}
.footer-top a.sec-btn {
  color: #ffffff;
  background-color: #26467d;
  text-transform: uppercase;
  font-family: Inherit;
}
.footer-top a.sec-btn:hover {
  color: #26467d;
  background-color: #ffffff;
}
/*--------------------------------------------------
Footer
--------------------------------------------------*/
#footer {
  margin: 0px;
  background-color: #ffffff;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: auto;
}
#footer .container {
  max-width: 1200px;
  background-color: #ffffff;
  padding: 10px 0;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: auto;
}
#footer p {
  margin: 0;
  color: #09090d;
  font-size: 10px;
}
#footer a {
  font-size: 10px;
  color: #09090d;
}
#footer a:hover {
  color: #444444;
}
#footer .credit {
  font-size: 10px;
  margin: 10px 0;
}
#footer #footer_nav {
  text-align: right;
  color: #09090d;
  font-size: 10px;
}
#footer #footer_nav li {
  display: inline-block;
  padding: 0 5px;
  border-left: 1px solid;
  zoom: 1;
  *display: inline;
}
#footer #footer_nav li:first-child {
  border-left: 0;
}
/*--------------------------------------------------
UI Elements
--------------------------------------------------*/
/*-------------------------
General
-------------------------*/
.gray,
.gray a {
  color: #666;
}
.light {
  color: #a4a4a4;
}
.red,
.required {
  color: #FF0000;
}
.green {
  color: #008000;
}
.orange {
  color: #FFA500;
}
.italic {
  font-style: italic;
}
.sub-info {
  font-style: italic;
  color: #a4a4a4;
  line-height: 1.2;
}
.btm-border {
  padding: 0 0 20px 0;
}
/*-------------------------
Accordion
-------------------------*/
#accordion ul {
  list-style: none;
  padding: 0;
}
#accordion ul li {
  padding: 3px 0;
}
#accordion .ui-accordion-content {
  padding: 10px;
}
#accordion .ui-accordion-header a {
  color: #666;
  padding: 5px 5px 5px 20px;
}
#accordion .ui-state-active a {
  color: black;
}
#accordion .ui-icon {
  display: inline-block;
  width: 15px;
  height: 14px;
  background-image: url(../../../images/ui-icons_4d4d4d_256x240.png);
  background-position: -34px -16px;
  background-repeat: no-repeat;
}
#accordion .ui-state-active a,
#accordion .ui-accordion-header a:hover,
.accordion .ui-state-active a,
.accordion .ui-accordion-header a:hover {
  color: black;
}
#accordion .ui-state-default a,
.accordion .ui-state-default a {
  color: #666;
}
/* --- Accordion Head  --- */
.accordion .head {
  background: #f6f6f6;
  border: 1px solid #dddddd;
  margin: 0 0 1px 0;
  padding: 5px;
  cursor: pointer;
}
.accordion .head span {
  display: inline-block;
  width: 18px;
  height: 14px;
  background-image: url(../../../images/ui-icons_4d4d4d_256x240.png);
  background-position: -32px -16px;
  background-repeat: no-repeat;
}
.accordion .head a {
  font-size: 0.8em;
  text-decoration: none;
  color: #666;
  width: 90%;
  display: inline-block;
}
.accordion .head.active {
  background: white;
  border-bottom: 0;
}
.accordion .head.active span {
  background-position: -64px -16px;
}
.accordion .head.active a,
.accordion .head a:hover {
  color: black;
}
/* --- Accordion Content  --- */
.accordion .content {
  border: 1px solid #dddddd;
  border-top: 0;
  margin-top: -1px;
  padding: 10px 20px;
  margin-bottom: 1px;
  display: none;
}
.accordion input[type='checkbox'] {
  margin: 0;
}
/*-------------------------
Autocomplete
-------------------------*/
.form .ui-autocomplete-input,
.ui-autocomplete-input {
  padding: 5px;
  border: 1px solid #a4a4a4;
  margin-right: 5px;
  font-size: 0.9em;
}
.ui-autocomplete {
  border: 1px solid #a4a4a4;
  border-top: 0;
  text-align: left;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.3);
  max-height: 200px;
  overflow: auto;
}
#ui-active-menuitem {
  color: black;
  background: #f6f6f6;
  margin: 0;
}
/* --- Combo Box Styles --- */
.ui-button-text {
  display: inline-block;
  background: white;
}
.combo-button a.ui-button {
  border: 1px solid #a4a4a4;
  border-left: 0;
  background: white;
  height: auto;
  padding: 6px 0;
  margin: 0px 0 -7px -5px;
}
/* --- Firefox Hack for arrow height --- */
@-moz-document url-prefix() {
  .combo-button a.ui-button {
    padding: 7px 0 6px 0;
    margin: 0px 0 -9px -5px;
  }
}
/*-------------------------
Breadcrumbs
-------------------------*/
.breadcrumbs {
  list-style: none;
  padding: 0;
  margin: 0 0 10px 0;
  width: 100%;
  float: left;
}
.breadcrumbs li {
  float: left;
}
.breadcrumbs li span {
  display: inline-block;
  padding: 0 5px;
  color: #a4a4a4;
}
/*-------------------------
Buttons
-------------------------*/
/* --- Button defaults  --- */
.prime-btn,
.sec-btn,
.ui-widget .flat {
  border: 0;
  padding: 5px;
  color: white;
  width: auto;
  overflow: visible;
  font-weight: bold;
  font-family: inherit;
  font-size: 1em;
}
/* --- Primary Button  --- */
.prime-btn {
  background-color: #2fc3e5;
  color: #ffffff;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-family: Inherit;
  font-style: inherit;
  font-size: 1em;
  margin: 0px 0px 10px 0px;
  padding: 8px 20px 8px 20px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2fc3e5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2fc3e5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2fc3e5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2fc3e5;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.prime-btn:hover {
  color: #2fc3e5;
  text-decoration: none;
  background-color: #ffffff;
  display: inline-block;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2fc3e5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2fc3e5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2fc3e5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2fc3e5;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.ui-widget .flat {
  border: 0;
  background-color: #333;
}
/* --- Secondary Button  --- */
.sec-btn {
  background-color: #26467d;
  color: #ffffff;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  font-family: Inherit;
  font-style: inherit;
  font-size: Inherit;
  margin: 0px 0px 10px 0px;
  padding: 8px 20px 8px 20px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #26467d;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #26467d;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #26467d;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #26467d;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.sec-btn:hover {
  background-color: #ffffff;
  color: #26467d;
  display: inline-block;
  text-decoration: none;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #26467d;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #26467d;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #26467d;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #26467d;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
/* --- Button Groups and Helper Classes --- */
.prime-btn.hover,
.sec-btn.hover,
.flat:hover,
.prime-btn:hover,
.sec-btn:hover {
  cursor: pointer;
}
.btn-group {
  margin: 10px 0 10px 0;
  float: left;
  width: 100%;
  text-align: right;
}
.btn-group input,
.btns input {
  display: inline-block;
}
.btn-group input[type="button"],
.btn-group input[type="submit"],
.btn-group .btn-shadow {
  width: auto;
  text-align: right;
  margin-left: 5px;
}
.btn-group .btn-shadow {
  width: auto;
  float: right;
  text-align: right;
  margin-left: 5px;
}
.next {
  position: relative;
  text-align: left;
  width: auto;
}
.edit {
  width: 100%;
  text-align: right;
}
.edit .prime-btn {
  float: right;
}
.btn-shadow {
  display: inline-block;
}
/*-------------------------
Data Tables
-------------------------*/
.data-table {
  border-collapse: collapse;
  width: 100%;
}
.data-table td {
  padding: 5px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #dddddd;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #dddddd;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #dddddd;
}
.data-table table td {
  border: 0;
  padding: 0;
}
.data-table th {
  color: #ffffff;
  border: 0;
  padding: 5px;
  background-color: #b43449;
}
.data-table tr {
  color: auto;
  background-color: auto;
}
.data-table tr.alt {
  color: auto;
  background-color: #f6f6f6;
}
.data-table th h4 {
  margin: 0;
}
.data-table tr:hover,
.data-table tr.alt:hover {
  color: auto;
  background-color: #eeeeee;
}
.data-table h3 {
  padding: 0;
}
.data-table h3 a {
  width: 100%;
  padding-bottom: 10px;
}
.data-table h4 {
  color: white;
}
.data-table a {
  font-weight: bold;
}
.data-table input[type='checkbox'] {
  margin: 0;
}
.data-table .total-border {
  border: 0;
  border-top: 3px solid #333;
}
.data-table .no-border td,
.data-table .no-border {
  border: 0;
}
.data-table .no-border.tr-hover,
.data-table tr.no-border.alt,
.data-table tr.totals.alt,
.data-table tr.totals.tr-hover {
  background: none;
}
/* --- Gray Top Header --- */
.top-head {
  background: #dddddd;
  padding: 5px;
  width: 100%;
}
.top-head a.table-btn {
  display: inline-block;
  background: white;
  padding: 3px 5px;
  font-size: 12px;
  border: 1px solid #a4a4a4;
  color: #666;
  text-decoration: none;
  font-weight: bold;
}
.top-head a.table-btn:hover {
  border: 1px solid #333;
  color: #333;
}
.top-head input[type="text"] {
  border: 1px solid #a4a4a4;
  padding: 5px;
  margin: 0;
  width: 150px;
}
.top-head .table-btn {
  font-size: 12px;
  padding: 2px 5px;
  background: white;
  font-weight: bold;
  color: #666;
}
.top-head .table-btn:hover {
  border: 1px solid #333;
  color: #333;
  cursor: pointer;
}
.top-head .table-sec-btn {
  border: 0;
  background: transparent;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  margin-right: 5px;
  color: #666;
}
.top-head .table-sec-btn:hover {
  color: #333;
  cursor: pointer;
}
/*-------------------------
Document List and Icons
-------------------------*/
.doc-list {
  padding: 0 0 20px 0;
}
.doc-list img {
  margin: 0 0px 10px 0;
}
.doc-list h4 {
  margin-bottom: 0.5em;
}
.doc-list h4 a {
  color: inherit;
}
.doc-list a {
  display: inline-block;
  padding-left: 20px;
}
.doc-list a.txt,
.doc-list a,
.doc-list .rtf {
  background: url(../../images/icon-file.png) 0 0 no-repeat;
}
.doc-list a[class*="doc"],
.doc-list a.word,
.doc-list .odt {
  background: url(../../images/icon-word.png) 0 0 no-repeat;
}
.doc-list a[class*="xls"],
.doc-list a.xl,
.doc-list a.excel,
.doc-list a.ods {
  background: url(../../images/icon-excel.png) 0 0 no-repeat;
}
.doc-list a.pdf {
  background: url(../../images/icon-pdf-sm.png) 0 0 no-repeat;
}
.doc-list a.csv {
  background: url(../../images/icon-csv-sm.png) 0 0 no-repeat;
}
.doc-list a.jpg,
.doc-list a.jpeg,
.doc-list a.png,
.doc-list a.gif {
  background: url(../../images/icon-image.png) 0 0 no-repeat;
}
.doc-list .no-icon {
  background: none;
  padding: 0;
}
h3.cart {
  background: url(../../../images/icon-cart.gif) left top no-repeat;
  padding-left: 20px;
}
.print {
  background: url(../../../images/icon-print.gif) left center no-repeat;
  padding: 3px 0 3px 20px;
}
.restricted-doc {
  text-decoration: none;
  color: #a4a4a4;
  cursor: text;
}
/*-------------------------
Filter
-------------------------*/
.filter {
  border: 1px solid #dddddd;
  border-left: 0;
  border-right: 0;
  margin: 0 0 20px 0;
  width: 100%;
  float: left;
}
.filter form {
  padding: 10px 0;
}
.filter p {
  margin-right: 5px;
  margin-bottom: 0;
}
.filter label {
  padding: 10px 0 5px 0;
}
.filter table {
  width: 100%;
}
.filter .btns {
  float: right;
  width: 100%;
  text-align: right;
  margin: 10px 0;
}
.filter .btns input {
  margin-left: 5px;
}
.filter .btns .records {
  display: inline-block;
  margin-right: 10px;
}
.filter #open-all {
  font-style: italic;
  color: #a4a4a4;
}
#toggle-filter {
  padding: 0 0 10px 0;
}
#toggle-filter #toggle-filter a {
  font-style: italic;
  color: #a4a4a4;
}
/*-------------------------
Forms
-------------------------*/
[id*='mce'] {
  clear: both;
}
label,
select,
input {
  margin-bottom: 0.5em;
  display: inline-block;
}
label {
  font-weight: bold;
  display: inline-block;
  width: 100%;
  font-size: 15px;
  font-family: Inherit;
  color: auto;
}
input[type="text"],
textarea,
input[type="password"] {
  padding: 5px;
  background-color: #ffffff;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #dddddd;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #dddddd;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #dddddd;
  width: 300px;
  max-width: 95%;
}
input[type="checkbox"],
input[type="radio"] {
  margin: 0 2px 5px 0;
}
input.mini {
  width: 30px;
}
input.sm {
  width: 70px;
}
fieldset {
  padding: 20px;
  border: 1px solid #dddddd;
  margin: 20px auto;
}
legend {
  font-weight: bold;
  font-size: 1.8em;
  line-height: 1.5em;
}
.help-text {
  margin: 0 0 5px 0;
  font-style: italic;
  color: auto;
  font-size: 1em;
  font-family: Inherit;
  font-weight: normal;
  display: block;
}
.ques-group {
  padding: 0 0 10px 0;
  float: left;
  width: 100%;
}
.section-head {
  font-size: 1.7em;
  font-family: Inherit;
  color: auto;
  clear: both;
}
.section-head p {
  padding: 0;
  margin: 0;
  line-height: 1;
}
/* --- Older forms found in Meeting Registration, Member Account --- */
.new-form input[type="text"],
.new-form textarea {
  max-width: none;
}
/* --- Inline Labels --- */
.inline-label label {
  display: inline-block;
  width: 200px;
}
.inline-label input[type="text"] {
  width: 300px;
}
.inline-label input[type="text"].no-margin {
  margin: 0;
}
.inline-label .edit {
  margin: -10px -10px 0px 0;
}
.inline-label .ques-group label {
  width: 40%;
  float: left;
  margin-right: 2%;
}
.inline-label .ques-group .input-group {
  width: 58%;
  float: left;
}
.inline-label .ques-group .full {
  width: 100%;
}
/* --- Forms with Payment --- */
form.pmt {
  width: 70%;
  margin: 0 auto;
}
form.pmt fieldset {
  width: 100%;
}
form.pmt input[type="text"] {
  width: 95%;
  max-width: none;
}
form.pmt .col_1col100 input[type="text"] {
  width: 97.5%;
}
form.pmt [class*="col"] .col_2col50.last input {
  width: 80%;
}
/*-------------------------
Messages
-------------------------*/
.error,
.confirm,
.msg {
  padding: 2%;
  float: left;
  width: 100%;
  margin-bottom: 2em;
}
.error {
  border: 1px solid #800000;
  color: #800000;
  background: #ffcccc;
}
.confirm {
  border: 1px solid #008000;
  background: #cdffcd;
}
.warn {
  border: 1px solid #856404;
  color: #856404;
  background: #fff3cd;
  padding: 10px;
  border-radius: 5px;
}
.msg {
  background: #f6f6f6;
  border: 1px solid #dddddd;
}
/*-------------------------
Pagination
-------------------------*/
.page-nav {
  text-align: right;
  margin: 20px 0 20px 0px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 20px;
  list-style: none;
}
.page-nav li {
  display: inline;
  margin: 0 1px;
}
.page-nav li:last-child {
  margin-right: 0;
}
.page-nav strong {
  color: #333;
}
.page-nav a {
  text-decoration: none;
  display: inline-block;
  padding: 5px;
  border: 1px solid #dddddd;
  background: #f6f6f6;
  color: #333;
  font-size: 11px;
}
.page-nav a.current,
.page-nav a.current:hover,
.page-nav a:hover {
  background: #333;
  color: white;
  border: 1px solid #333;
}
.page-nav.alpha li:first-child {
  display: block;
  padding: 0 0 10px 0;
  margin: 0 -10px 0;
}
/*-------------------------
Password Strength Meter
-------------------------*/
.testresult,
.confirm-pass,
.error-pass {
  font-size: 12px;
  font-weight: bold;
  display: block;
  width: 212px;
}
.goodPass {
  border-top: 8px solid #FFA500;
  color: #FFA500;
}
.shortPass,
.badPass,
.error-pass {
  border-top: 8px solid #800000;
  color: #800000;
}
.strongPass,
.confirm-pass {
  border-top: 8px solid #008000;
  color: #008000;
}
/*-------------------------
Tooltips
-------------------------*/
.tip {
  padding: 2px 18px 5px 0;
  background: url(../../../images/icon-info.gif) right top no-repeat;
}
.tipsy {
  background: #f6f6f6;
  padding: 0 2px 2px 0px;
  text-align: left;
  color: #333;
  font-size: 11px;
}
.tipsy .arrow {
  background: url(../../../images/tooltip-arrow.gif) left center no-repeat;
  width: 12px;
  height: 100%;
  display: block;
  position: absolute;
  left: -10px;
  top: -2px;
}
.tipsy-inner {
  background: white;
  padding: 10px;
  border: 1px solid #a4a4a4;
  margin: -2px 0 0 -2px;
  width: 200px;
}
.tipsy-north {
  background-position: top center;
}
.tipsy-south {
  background-position: bottom center;
}
.tipsy-west {
  margin-left: 10px;
}
/*-------------------------
Tabs
-------------------------*/
#tabs .tabs-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
#tabs .tabs-nav li {
  display: inline-block;
  border: 1px solid #dddddd;
  border-bottom: 0;
  margin: 0 2px 0 0;
}
#tabs .tabs-nav a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  color: #a4a4a4;
  background: #f6f6f6;
  padding: 5px;
}
#tabs .tabs-nav a.active {
  background: white;
  color: #333;
  border-bottom: 2px solid white;
  margin-bottom: -2px;
}
#tabs .tabs-nav:hover {
  background: white;
  color: #333;
}
#tabs .ui-tabs-nav .ui-state-default a {
  color: #a4a4a4;
}
#tabs .ui-tabs-nav .ui-state-active a,
#tabs .ui-tabs-nav .ui-state-hover a {
  color: #333;
}
#tabs [id*="tabs-"] {
  border: 1px solid #dddddd;
  padding: 2%;
  float: left;
  width: 96%;
}
/*-------------------------
Top Step Arrows
-------------------------*/
#steps {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}
#steps li {
  float: left;
  background: #a4a4a4 url(../../../images/steps-bkg.gif) right top no-repeat;
  padding: 8px 0.5%;
  font-size: 12px;
  color: white;
  font-weight: bold;
  line-height: 1em;
}
#steps li.last {
  background-image: url(../../../images/steps-last-bkg.gif);
}
#steps li.prev {
  background-image: url(../../../images/steps-prev-bkg.gif);
}
#steps li.current {
  background: #333 url(../../../images/steps-active-bkg.gif) right top no-repeat;
  color: white;
}
#steps li.current-last,
#steps li.current.last {
  background: #333 url(../../../images/steps-last-current-bkg.gif) right top no-repeat;
}
#steps.three li {
  width: 32.333333%;
}
#steps.four li {
  width: 24%;
}
#steps.five li {
  width: 19%;
}
#steps span {
  margin-top: -5px;
  display: block;
  line-height: 1em;
}
/*--------------------------------------------------
Page Specific Styles
--------------------------------------------------*/
/*-------------------------
Calendar
-------------------------*/
/* Main Page */
.calendarphp .header3 a {
  color: #a4a4a4;
}
.calendarphp:hover {
  color: #333;
}
.cal {
  width: 90%;
  margin: 10px auto;
  border: 1px solid #a4a4a4;
  border-collapse: collapse;
  table-layout: fixed;
}
.cal thead {
  background: #333;
  color: white;
  border: 1px solid #333;
  font-size: 14px;
  height: 30px;
}
.cal th {
  width: 14%;
}
.cal td {
  border: 1px solid #a4a4a4;
  vertical-align: top;
  padding: 0;
}
.cal .cal_current {
  padding: 5px;
  min-height: 100px;
  height: auto !important;
  height: 100px;
}
.cal .cal_current .cal-day {
  background: #dddddd;
  margin: -5px -5px 10px -5px;
  padding: 5px;
  color: #333;
  font-weight: bold;
}
.cal .cal_current .cal-day.today {
  background: #a4a4a4;
  color: white;
}
.cal .cal_current .cal-event {
  border-bottom: 1px solid #a4a4a4;
  padding: 5px 0;
}
.cal .cal_current .cal-event a {
  font-size: 12px;
  font-weight: bold;
}
.cal .cal_current .cal-event .cal-tooltip {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #dddddd;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #dddddd;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #dddddd;
  position: absolute;
  z-index: 1001;
  left: -10px;
  width: 320px;
  background-color: #f6f6f6;
  color: auto;
  line-height: 1.4;
  padding: 10px;
}
.cal .cal_current .cal-event .cal-tooltip h5 {
  font-size: 14px;
  font-weight: bold;
  background: #b43449;
  color: #ffffff;
  margin: -10px -10px 10px -10px;
  padding: 5px;
}
.cal .cal_current .cal-event .cal-tooltip p.cal-date {
  font-style: italic;
  font-size: 14px;
  color: #a4a4a4;
}
.cal .cal_current .high-z {
  position: relative;
  z-index: 2000;
}
.cal-dets h3 {
  color: black;
  padding: 10px 0 0px 0;
}
.cal-dets .cal-date {
  font-style: italic;
  color: #333;
  margin: 5px 0 0px 0;
}
/* --- Content Section --- */
.data-table .prev a {
  color: #a4a4a4;
}
.data-table .event {
  background: #dddddd;
  font-weight: bold;
}
.data-table .no-border {
  border: 0;
}
.data-table a .gray:hover {
  color: #a4a4a4;
}
.data-table a.event {
  border: 0;
}
.side-cal {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
}
.side-cal a {
  color: black;
  text-decoration: none;
}
.side-cal td {
  border: 1px solid #dddddd;
}
.side-cal th {
  background: #333;
  color: white;
}
.side-cal .prev a {
  color: #a4a4a4;
}
.side-cal .event {
  background: #a4a4a4;
  color: white;
  font-weight: bold;
}
.side-cal .no-border {
  border: 0;
}
.side-cal a .gray:hover {
  color: #a4a4a4;
}
.side-cal a.event {
  border: 0;
}
/*-------------------------
Catalog
-------------------------*/
.price {
  padding: 10px;
  background: #f6f6f6;
  font-weight: bold;
  font-size: 1.5em;
}
.desc,
.qty {
  border-bottom: 1px solid #dddddd;
}
.qty {
  padding-bottom: 1.5em;
}
.catalogphp h2 {
  clear: both;
}
.catalogphp .breadcrumbs {
  width: 80%;
  float: left;
  margin-top: 10px;
}
.catalogphp #slider,
.catalogphp #carousel {
  margin: 0;
  padding-right: 10px;
}
.catalogphp #carousel {
  margin: 10px 0;
}
.catalogphp #carousel img {
  max-width: 100px;
}
.catalogphp #reg-login-box {
  width: 94%;
  float: left;
}
.catalog .prime-btn {
  margin-top: 10px;
}
.catalog > a:first-child {
  display: block;
  min-height: 236px;
}
.catalog .desc {
  border: 0;
  margin: 0;
  padding: 0;
}
.catalog .desc p {
  margin-bottom: 0;
}
.catalog img {
  max-width: 100%;
}
.cart h2 {
  display: inline-block;
}
.cart h3 {
  margin-bottom: 0;
}
.cart img {
  max-width: 60px;
}
.cart .prime-btn {
  float: right;
}
.cart [class*="col"] {
  text-align: center;
}
.cart .col2 {
  text-align: left;
  width: 150px;
}
.cart .col2 img {
  float: left;
  margin-right: 5px;
}
.cart .no-border input[type="text"] {
  width: 100px;
}
.cart tr.no-border:nth-child(8) td {
  font-size: 1.2em;
}
.cart .left,
.cart .right {
  width: 50%;
}
#cart-login-box {
  width: auto;
  float: left;
}
#cart-login-box input[type="text"],
#cart-login-box input[type="password"] {
  width: 90%;
}
#cart-login-box .left,
#cart-login-box .right {
  width: 48%;
}
#cart-login-box .left {
  border-right: 1px solid #dddddd;
  padding-right: 1%;
}
#cart-login-box .prime-btn.next {
  width: 100%;
}
#cart-login-box .btn-shadow {
  width: 98%;
}
/* --- Single Screen Checkout --- */
.box {
  float: left;
  width: 96%;
  padding: 2%;
}
.box fieldset {
  border: 0;
  border-bottom: 1px solid #dddddd;
  padding: 0;
  padding-bottom: 20px;
}
.box legend {
  padding: 0 0 15px 0;
}
.box input {
  max-width: 95%;
}
.box .left,
.box .right {
  width: 50%;
  margin: -10px 0;
  padding: 10px 0;
}
.box .left {
  width: 45%;
  padding-right: 2%;
  margin-right: 2%;
}
.box.open {
  border: 1px solid #dddddd;
}
.box.open > h2 {
  border-bottom: 1px solid #dddddd;
  padding: 5px 10px 10px;
  margin: 0 -10px 10px -10px;
}
.box.closed {
  background: #a4a4a4;
  border: 1px solid #a4a4a4;
  float: left;
  width: 96%;
  padding: 2%;
  color: white;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1.3em;
}
.box.inactive {
  background: #f6f6f6;
  border: 1px solid #dddddd;
}
.box.inactive > h2 {
  color: #333;
  padding: 0;
}
.box.inactive h2 {
  float: left;
  margin: 0;
}
.box.inactive .left {
  border: 0;
}
.box.inactive .prime-btn {
  float: right;
  margin: 0;
}
.box.inactive:first-child .right {
  text-align: right;
}
.box.inactive:first-child .left h2 {
  padding: 0;
  margin: 0;
}
/*-------------------------
Classifieds
-------------------------*/
/* --- Landing Page --- */
.class-landing {
  padding: 2%;
  border-bottom: 1px solid #dddddd;
}
.class-landing:nth-child(2n+1) {
  background: #f6f6f6;
}
.class-landing p,
.class-landing h3,
.class-landing .class-detail h3 + p,
.class-landing .class-detail h3 {
  margin: 0;
  padding: 0;
}
.class-landing .last,
.class-landing .class-detail .last {
  text-align: right;
}
.class-landing .clear {
  height: 0px;
}
.class-landing h3 a {
  color: inherit;
  text-decoration: none;
}
.class-landing h3 a:hover {
  text-decoration: underline;
}
/* --- No Landing Page --- */
.no-landing .class-detail {
  float: left;
  width: 100%;
}
.no-landing .class-detail a[href="classifieds.php"] {
  display: none;
}
/*-------------------------
Community Screens
-------------------------*/
.post {
  margin-bottom: 25px;
}
.post:first-child {
  margin-top: 0;
}
.post .entry-title {
  margin-bottom: 5px;
}
.post .entry-title a {
  color: inherit;
  text-decoration: none;
  font-size: inherit;
}
.post .entry-title a:hover {
  text-decoration: underline;
}
.post .entry-meta {
  color: #a4a4a4;
  line-height: 1em;
  margin: 0 0 1em;
}
.comments-bubble {
  background: url(../../images/icon-comment.png) no-repeat scroll 0 -4px transparent;
  color: #a4a4a4;
  display: inline-block;
  height: 30px;
  margin: 0 5px 0px;
  padding-top: 0px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 32px;
}
#comments {
  background: #f6f6f6;
}
#comments ol {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#comments ol ol {
  float: left;
  margin: 1em 0 0 5.5em;
}
#comments li {
  border-bottom: 0 none;
  border-top: 1px solid #dddddd;
  clear: both;
  float: left;
  padding: 1.5em 1%;
  width: 100%;
}
#comments li ol {
  width: 96%;
  margin: 1.5em 1% 0 3%;
}
#comments li li {
  padding-bottom: 0;
}
#comments > ol > li:last-child {
  border-bottom: 1px solid #dddddd;
}
#comments img {
  float: left;
  margin: 0px 10px 10px 0;
}
#comments small {
  color: #a4a4a4;
  display: block;
}
#comments .sec-btn {
  float: left;
}
#comments .comment-content {
  float: left;
  width: 88%;
}
#comments label,
.blogphp .ui-dialog label,
.forumphp .ui-dialog label {
  display: inline-block;
  font-weight: bold;
  margin: 0;
  padding: 0;
  width: 100%;
}
#comments input[type="text"],
#comments textarea,
.blogphp .ui-dialog input[type="text"],
.blogphp .ui-dialog textarea,
.forumphp .ui-dialog textarea,
.forumphp .ui-dialog input[type="text"] {
  margin: 0 0 1em;
  width: 70%;
}
#comments textarea,
.blogphp .ui-dialog textarea,
.forumphp .ui-dialog textarea {
  height: 100px;
  width: 97%;
  margin: 0 0 5px 0;
}
#comments input[type='checkbox'],
.blogphp .ui-dialog input[type='checkbox'],
.forumphp .ui-dialog input[type='checkbox'] {
  margin: 0 0 10px 0;
}
/* --- Calendar --- */
.entry-date-time {
  margin: 1em 0;
}
.entry-date-time p {
  margin: 0;
}
.entry-date-time strong {
  display: inline-block;
  width: 50px;
}
.entry-date {
  font-weight: bold;
}
/* --- Forum --- */
#start-thread-link {
  float: right;
  position: relative;
  z-index: 50;
}
#start-thread {
  margin: 1.5em 0;
  padding: 10px;
  background: #f6f6f6;
}
#start-thread .text-input {
  width: 50%;
}
#start-thread textarea {
  width: 95%;
  height: 150px;
}
/* --- Pop Ups --- */
#login .text-input,
#subscribe .text-input {
  width: 95%;
}
/*-------------------------
Corporate Membership
-------------------------*/
.add h2 {
  display: inline-block;
  margin-right: 10px;
}
.data-table.corp-member p {
  margin-bottom: 0;
}
.data-table.corp-member .col1 {
  margin: 0 auto;
  text-align: center;
}
#edit-reg label {
  display: inline-block;
  width: 100px;
}
#edit-reg .btns {
  margin: 15px 0 0px 0;
}
form.corp-member {
  width: 80%;
  margin: 0 auto;
}
form.corp-member fieldset {
  float: left;
  width: 95%;
}
.corp-member .btm-border {
  float: left;
  width: 100%;
}
.corp-member p {
  margin-bottom: 5px;
}
.corp-member input.mini {
  margin: 0 auto;
  margin-bottom: 10px;
}
.corp-member input.sm {
  width: 100px;
}
.corp-member input[type="checkbox"],
.corp-member select {
  margin: 0 0 10px 0;
}
.corp-member .left,
.corp-member .right {
  width: 48%;
}
.corp-member h3 .sec-btn {
  float: right;
  margin: -10px 0 0 0;
}
.corp-member .tipsy .arrow {
  background: url(../../../images/tooltip-arrow-right.gif) left center no-repeat;
  left: 219px;
}
.corp-member .testresult,
.corp-member .confirm-pass,
.corp-member .error-pass {
  margin-left: 204px;
}
.pickSub label {
  width: 300px;
}
/*-------------------------
Member Directory
-------------------------*/
.mem-directory h3 {
  margin: 0 0 5px 0;
}
.mem-directory th a {
  color: white;
  text-decoration: none;
}
.mem-directory th a:hover {
  text-decoration: underline;
}
.mem-directory .col1 {
  text-align: left;
}
.mem-directory .col1 td td {
  vertical-align: top;
}
.mem-directory div[class*="col"] {
  text-align: center;
}
.directoryphp .view {
  padding: 15px 0;
}
.directoryphp .view li {
  display: inline-block;
  margin: 0 5px 0 0;
}
.directoryphp .view li:first-child {
  padding: 8px 0;
}
.directoryphp .view li a {
  text-decoration: none;
}
.directoryphp .view li.print {
  background-image: none;
  float: right;
}
/*-------------------------
Meeting Info
-------------------------*/
.info-btn {
  display: inline-block;
  width: auto !important;
  border: 1px solid #dddddd;
  padding: 3px 5px;
  background: #f0f0f0 url(../../../images/info-btn-bkg.gif) 0 0 repeat-x;
  text-decoration: none;
  color: #666;
  font-weight: bold;
  font-size: 11px;
}
.info-btn:hover {
  background: #e6e5e5 url(../../../images/info-btn-hover.gif) 0 0 repeat-x;
}
.info-btn span {
  display: inline-block;
  width: 18px;
  background: url(../../../images/icon-gray-cal.png) 0 0 no-repeat;
}
.info-btn.cal span {
  background: url(../../../images/icon-gray-cal.png) 0 0 no-repeat;
}
.info-btn.directions span {
  background: url(../../../images/icon-gray-directions.png) 0 2px no-repeat;
  width: 20px;
}
.info-btn.photos {
  margin-bottom: 10px;
}
.info-btn.photos span {
  background: url(../../../images/icon-gray-photos.png) 0 2px no-repeat;
  width: 20px;
}
/*-------------------------
Meeting Registration
-------------------------*/
/* --- Step 1 --- */
#reg-login-box.login-box {
  width: 56%;
  float: left;
  padding: 2%;
}
#reg-login-box.login-box table {
  margin: 0;
  width: auto;
}
#reg-login-box.login-box h2 {
  margin-top: 0;
}
#reg-login-box.login-box .text-input {
  width: 90%;
}
#reg-login-box.login-box .left,
#reg-login-box.login-box .right {
  float: left;
  width: 49%;
}
#reg-login-box.login-box .left {
  border-right: 1px solid #dddddd;
}
#reg-login-box.login-box .right {
  margin-left: 2%;
  width: 48%;
}
#reg-login-box.login-box .new-form a {
  display: inline-block;
  padding: 10px 0 0 0;
}
#reg-login-box.login-box .login-inner {
  padding: 0px;
  background: none;
  float: left;
  width: 100%;
}
/* --- Meeting Information --- */
.meeting-info {
  float: left;
  width: 37%;
  margin: 0 0 0 2%;
  padding: 0 0 10px 0;
}
.meeting-info h2 {
  margin: 0;
}
.meeting-info img.meet-icon {
  float: left;
  margin-right: 10px;
  max-width: 100px;
  margin-top: 1em;
}
.meeting-info .details {
  float: left;
  line-height: 1.5em;
}
.meeting-info .date,
.meeting-info .venue {
  color: black;
  font-weight: bold;
  font-size: 1em;
}
.meeting-info .time {
  font-style: italic;
}
/* --- Step 2 --- */
.meet-reg2 {
  margin: 0 auto;
}
.meet-reg2 label,
.meet-reg2 input,
.meet-reg2 textarea {
  width: 100%;
}
.meet-reg2 .left,
.meet-reg2 .right {
  width: 50%;
  float: left;
}
.meet-reg2 .left {
  width: 46%;
  margin-right: 4%;
}
.meet-reg2 .clear input,
.meet-reg2 .clear textarea,
.meet-reg2 .text-input {
  width: 100%;
}
.meet-reg2 textarea {
  height: 100px;
}
/* --- Step 3 & 4 --- */
.meet-reg3,
.meet-reg4 {
  width: 100%;
  float: left;
}
.meet-reg3 .left,
.meet-reg4 .left {
  width: 43%;
  float: left;
  margin: 0px 5% 0 0px;
}
.meet-reg3 .right,
.meet-reg4 .right {
  width: 50%;
  float: left;
  margin: 0px 0px 0 0;
}
.meet-reg3 .col1,
.meet-reg4 .col1 {
  width: 155px;
  text-align: left;
}
.meet-reg3 .col2,
.meet-reg4 .col2,
.meet-reg3 .col3,
.meet-reg4 .col3 {
  text-align: center;
}
.meet-reg3 .col4,
.meet-reg4 .col4 {
  text-align: right;
}
.meet-reg3 .head .col1,
.meet-reg4 .head .col1 {
  width: 100%;
}
.meet-reg3 .head .col3,
.meet-reg4 .head .col3,
.meet-reg3 .head .col4,
.meet-reg4 .head .col4 {
  width: 30px;
  margin: 0 auto;
}
.meet-reg3 .left label {
  width: 100%;
}
.meet-reg3 .left .mini {
  margin-right: 5px;
  vertical-align: 1px;
}
.meet-reg3 .left div {
  margin: 0 0 20px 0;
}
.meet-reg3 .right .sm {
  width: 100px;
  display: inline;
  margin-right: 0px;
}
.meet-reg3 .right .total .prime-btn {
  margin: 0;
}
.meet-reg4 .left label {
  width: 100%;
}
.meet-reg4 .left div {
  margin: 0 0 10px 0;
}
.meet-reg4 .left .tipsy-east {
  margin-left: 140px;
}
.meet-reg4 .left .text-input {
  width: 95%;
}
.meet-reg4 .left .sm {
  width: 100px;
}
#add-tix label {
  max-width: 100%;
}
/* --- Step --- 5 */
.meet-reg5 table {
  width: 100%;
}
.meet-reg5 .edit {
  margin: 0 0 5px 0;
  float: left;
}
.meet-reg5 .left {
  margin-right: 20px;
}
.meet-reg5 .data-table {
  width: 100%;
  margin: 10px 0 0 0;
}
.meet-reg5 .col1 {
  text-align: left;
}
.meet-reg5 .data-table .col2,
.meet-reg5 .data-table .col3 {
  text-align: center;
}
.meet-reg5 .data-table .head .col2,
.meet-reg5 .data-table .head .col3,
.meet-reg5 .data-table .head .col4 {
  width: 30px;
  margin: 0 auto;
}
/* --- Step 6 --- */
.meet-reg6 table {
  width: 100%;
}
.meet-reg6 .left,
.meet-reg6 .right {
  float: left;
  margin-right: 40px;
}
.meet-reg6 h2 {
  clear: both;
  padding: 0 0 10px 0;
}
.meet-reg6 .data-table {
  width: 98%;
}
.meet-reg6 .head .col2,
.meet-reg6 .head .col3 {
  width: 30px;
  margin: 0 auto;
  text-align: center;
}
.meet-reg6 .order-table .head .col4 {
  width: 30px;
  margin: 0 auto;
  text-align: center;
}
.meet-reg6 .order-table .col2,
.meet-reg6 .order-table .col3 {
  text-align: center;
}
.meet-reg6 .order-table .col3,
.meet-reg6 .order-table .col4 {
  width: 100%;
}
.meet-reg6 .order-table .col4 {
  text-align: right;
  margin: 0 auto;
}
.meet-reg6 .pmt .head .col2 {
  text-align: center;
  width: 100px;
}
.meet-reg6 .pmt .col1 {
  width: 100%;
}
.meet-reg6 .pmt .col2 {
  width: 200px;
}
/* --- Adjustments for 3 column layouts --- */
[class*="col_3col"] [class*="meet-reg"] .left,
[class*="col_3col"] [class*="meet-reg"] .right {
  width: 100%;
  float: none;
}
[class*="col_3col"] .meet-reg5 td {
  display: block;
  width: 92%;
}
[class*="col_3col"] .meet-reg5 fieldset {
  width: 100%;
}
[class*="col_3col"] .meet-reg5 .data-table td {
  width: auto;
  display: table-cell;
}
[class*="meet-reg"] [class*="col_3col"] #steps li {
  font-size: 0.8em;
}
/*-------------------------
Member Area
-------------------------*/
/* --- Account Editor --- */
.account_info3php .tipsy-east {
  margin-left: 275px;
}
.account_info3php #edit-group {
  display: none;
}
.account-editor .msg {
  margin: 10px auto;
}
.account-editor input[readonly='readonly'] {
  background: #f6f6f6;
  color: #333;
}
.account-editor small {
  display: inline-block;
}
.account-editor .text-input {
  width: 95%;
}
#edit-group #accordion {
  width: 400px;
}
#edit-group .col2 {
  max-width: 210px;
}
.group-desc td {
  background: #a4a4a4;
  color: white;
  border: 0;
  font-weight: bold;
}
/* --- Add Non-Member --- */
.add-prospect {
  width: 80%;
  margin: 0 auto;
}
.add-prospect .text-input {
  width: 100%;
}
/* --- Create an Account (non-member ) --- */
.create-account label {
  width: 100%;
}
.create-account .text-input {
  width: 98%;
}
/* --- Event List --- */
.event-list3php h3 {
  margin: 0;
}
.event-list3php select {
  margin-right: 5px;
}
.event-list3php .col3 {
  text-align: center;
}
.event-list3php .data-table {
  margin: 10px 0;
  float: left;
}
/* --- Member Application --- */
[class*='mem-app'] .next {
  padding: 5px;
  width: auto;
}
[class*='mem-app'] fieldset {
  width: 500px;
}
.mem-app1 .text-input {
  width: 300px;
}
.mem-app3 .data-table {
  margin: 10px 0 0 0;
}
.mem-app3 .col2,
.mem-app3 .col3 {
  text-align: center;
}
.mem-app3 .col4 {
  text-align: right;
}
.mem-app4 .left {
  width: 100%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin: auto;
}
.mem-app4 .right {
  width: 100%;
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  margin: auto;
}
@media (min-width: 992px) {
  .mem-app4 .left,
  .mem-app4 .right {
    width: 50%;
  }
}
.mem-app4 label {
  width: 100%;
}
.mem-app4 .text-input {
  width: 100%;
}
.mem-app4 fieldset {
  width: 100%;
}
/* --- Login Screen --- */
.login-box {
  padding: 10px;
  border: 1px solid #dddddd;
  background: #f6f6f6;
  width: 50%;
  margin: 0 auto 20px auto;
  overflow: hidden;
}
.login-box table {
  margin: 0 auto;
  width: 100%;
}
.login-box input[type="text"],
.login-box input[type="password"] {
  width: 95%;
}
.login-box h3 {
  margin: 0 0 10px 0;
}
.login-box .btn-shadow {
  margin-left: 2px;
}
/* --- Order Details --- */
.order-detail h3 {
  padding: 0;
  margin: 0;
}
.order-detail .order-table .col1 {
  text-align: left;
}
.order-detail .order-table .col2,
.order-detail .order-table .col3 {
  text-align: center;
}
.order-detail .order-table .col4 {
  text-align: right;
}
.order-detail .pmt {
  margin-top: 10px;
}
/* --- Order History --- */
.order-history h3 {
  padding: 0;
  margin: 0;
}
.order-history .col3,
.order-history .col4,
.order-history .col5 {
  text-align: center;
}
.order-history .col6 {
  text-align: right;
}
.order-history .btn-shadow {
  margin-right: 0;
  float: right;
}
/* --- Pay Balance --- */
.pay-balance h3 {
  margin: 0;
}
.pay-balance .col2 {
  width: 270px;
}
.pay-balance .col3,
.pay-balance .col4,
.pay-balance .col5,
.pay-balance .col6 {
  text-align: center;
}
/* --- Pay Dues --- */
#reg-login-box .login-box table {
  width: 100%;
  margin: 0 auto;
}
#reg-login-box .login-box .text-input {
  width: 96%;
}
#reg-login-box .login-box .btn-shadow {
  float: left;
}
.memberdues3php #reg-login-box {
  margin: 10px auto;
  float: none;
}
.memberdues3php #reg-login-box label {
  width: 100%;
}
.memberdues3php #reg-login-box .text-input {
  margin-right: 0;
  width: 380px;
  float: left;
}
.memberdues3php #reg-login-box .btn-shadow {
  margin-right: 10px;
  float: right;
}
.memberdues3php .login-inner {
  width: 400px;
}
.memberdues3php .italic {
  float: right;
  width: 100%;
  text-align: right;
  margin-right: 10px;
}
.pay-dues1 fieldset,
.mem-app2 fieldset,
.pay-dues1 fieldset,
.mem-app2 fieldset {
  width: inherit;
  max-width: inherit;
}
.pay-dues1 h3,
.mem-app2 h3 {
  margin: 0 0 5px 0;
}
.pay-dues1 p,
.mem-app2 p {
  margin: 0 0 5px 0;
}
.pay-dues1 input[type="radio"],
.mem-app2 input[type="radio"] {
  margin: 0;
}
.pay-dues1 table {
  margin: 0 0 20px 0;
}
.pay-balance2 .left {
  width: 300px;
  float: left;
  margin: 0px 20px 0 0px;
}
.pay-balance2 .right {
  width: 360px;
  float: left;
  margin: 0px 0px 0 0;
}
.pay-balance2 label {
  width: 100%;
}
.pay-balance2 .text-input {
  width: 230px;
}
/* --- Supervisor Page --- */
.supervisor {
  margin: 0 auto;
}
.supervisor .top-head {
  margin-top: 10px;
}
.supervisor select {
  margin-right: 10px;
}
.supervisor .col1 {
  text-align: center;
}
/*-------------------------
Member Lookup by Address
-------------------------*/
.member-search #sidebar {
  background: #f6f6f6;
  height: 380px;
  overflow: auto;
  border: 1px solid #dddddd;
  padding: 10px;
}
.member-search .search {
  width: 100%;
  padding: 0 0 20px 0;
}
.member-search .search input,
.member-search .search strong,
.member-search .search button.prime-btn {
  display: inline-block;
}
.member-search .search input[type='text'] {
  margin: 0 5px 0 0;
  width: 200px;
}
.member-search #map img {
  max-width: none;
}
/*-------------------------
Newsletter Archive
-------------------------*/
#news-arch {
  width: 100%;
}
#news-arch td {
  border: 1px solid #dddddd;
  padding: 10px;
}
#news-arch ul {
  list-style: none;
  margin: 0 0 10px 0;
  padding: 0;
}
#news-arch h2 {
  padding: 0;
  margin: 0 0 10px 0;
}
/*-------------------------
Photo Gallery
-------------------------*/
#gallery {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
}
#gallery li {
  float: left;
  margin: 0;
  padding: 5px;
  width: 48%;
}
.img {
  width: 19%;
  margin-right: 1%;
  float: left;
  position: relative;
}
.img a {
  text-decoration: none;
}
.img .caption div {
  margin: 0;
  padding: 5px;
  border: 1px solid #ddd;
  border-top: 0;
  line-height: 1.5em;
}
.img .thumb {
  height: 150px;
  overflow: hidden;
  border: 1px solid #dddddd;
  background: #f6f6f6;
}
.img .thumb img {
  display: block;
  margin: 0 auto;
}
.img .social {
  position: absolute;
  bottom: 47px;
  right: 0px;
  text-align: right;
  padding: 5px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
  width: 94%;
}
.img .social a {
  text-decoration: none;
}
/* --- Lightbox Page Section --- */
[id*="gallery-section"] {
  width: 100%;
  float: left;
  margin: 0 0 10px 0;
}
[id*="gallery-section"] .lightboxPop {
  width: 120px;
  float: left;
  display: block;
  height: 120px;
  overflow: hidden;
  margin: 0 5px 5px 0;
}
[id*="gallery-section"] a img {
  max-width: none;
  height: 100%;
}
[id*="gallery-section"] .prime-btn {
  clear: both;
  float: left;
  margin-top: 5px;
}
@media handheld, only screen and (max-width: 767px) {
  .img {
    width: 100%;
  }
}
/*-------------------------
Site Map
-------------------------*/
.sitemapphp ul ul {
  margin-bottom: 0;
}
/*-------------------------
Surveys
-------------------------*/
.result p {
  margin-bottom: 0.5em;
}
.result span {
  display: inline-block;
  /* height: 15px;
    background: @med_gray;
    width: 50%; */
}
/*-------------------------
Videos
-------------------------*/
.vid {
  width: 32%;
  margin-right: 1%;
  float: left;
}
.vid .thumb {
  overflow: hidden;
  position: relative;
}
.vid .thumb .time {
  padding: 5px;
  width: auto;
  display: inline-block;
  color: white;
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(100%, rgba(0, 0, 0, 0.65)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
}
.vid .thumb img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.vid .caption {
  color: #09090d;
  padding: 5px 5px 5px 0;
  line-height: 1.5em;
}
.share a {
  text-decoration: none;
}
.flowplayer .social {
  position: absolute;
  bottom: 0px;
  right: 0px;
  text-align: right;
  padding: 5px;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  /* IE6-9 */
  width: 96%;
  position: relative;
  z-index: 500;
}
/*--------------------------------------------------
Templates
--------------------------------------------------*/
/*-------------------------
Blog Post List
-------------------------*/
.blog-list {
  width: 100%;
  margin: 0 0 1.5em 0;
}
.blog-list h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.blog-list .thumb {
  width: 23%;
  max-height: 90px;
  overflow: hidden;
  float: left;
  margin: 3px 2% 1% 0;
}
.blog-list .info {
  float: left;
  width: 75%;
}
.blog-list p {
  margin: 0;
}
/*-------------------------
Member Bio Pop-Up
-------------------------*/
#member {
  width: 450px;
  padding: 10px;
}
#member h2 {
  padding: 0;
  margin: 0;
  font-weight: bold;
}
#member h3 {
  padding: 0;
  margin: 0;
  font-style: italic;
  font-weight: normal;
}
#info {
  list-style: none;
  padding: 0;
  margin: 0;
}
#info li {
  padding: 0;
  margin: 0;
}
#info address {
  font-style: normal;
  padding: 0;
  margin: 0;
  line-height: 1em;
}
#info .bold {
  font-weight: bold;
  width: 80px;
  display: inline-block;
}
#info .indent {
  padding-left: 80px;
}
#info img {
  float: left;
  margin: 0 10px 5px 0;
}
/* --- Nav fix --- */
#nav ul {
  width: 100%;
}
#nav .sf-menu a,
#nav .sf-menu a:hover,
#nav .sf-menu .subactive {
  font-family: Inherit;
  font-size: 1em;
  /*line-height: @head_bot_nav_sub_link_line_height;*/
  text-transform: none;
  text-align: left;
  padding: 10px 12px 10px 12px;
}
#nav .sf-menu a {
  color: #46344e;
  font-weight: bold;
  text-decoration: none;
  background-color: #ffffff;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: #2fc3e5;
  border-bottom-style: solid;
  border-bottom-width: 5px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
}
#nav .sf-menu a:hover,
#nav .sf-menu .subactive {
  color: #46344e;
  font-weight: bold;
  text-decoration: underline;
  background-color: #ffffff;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: #2fc3e5;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
}
@media handheld, only screen and (max-width: 767px) {
  #nav ul {
    width: 80%;
    min-width: 0px;
  }
}
/*-------------------------
Thumbnail Fix
-------------------------*/
.meeting-detail-home .thumb,
.meeting-list .thumb,
.news-list .thumb,
.blog-list .thumb,
.article-list .thumb,
.member-list .thumb,
.tab-content .thumb {
  max-width: 37%;
  float: left;
  margin: 3px 3% 1% 0;
}
.meeting-list .thumb ~ .info,
.meeting-detail-home .thumb ~ .info,
.meeting-detail .thumb ~ .info,
.news-list .thumb ~ .info,
.blog-list .thumb ~ .info,
.article-list .thumb ~ .info,
.member-list .thumb ~ .info {
  float: left;
  width: 60%;
}
.news-list,
.meeting-detail-home,
.meeting-list,
.blog-list,
.article-list,
.member-list {
  margin-bottom: 30px;
}
/*-------------------------
Meeting Detail Edits
-------------------------*/
.fb-like.fb_iframe_widget {
  display: inline-block !important;
  margin-bottom: 20px;
}
.register.clear {
  margin-bottom: 20px;
}
.meeting-social p {
  float: left;
  padding-right: 15px;
}
/*--------------------
Fix for catalog problems
--------------------*/
.content-container.col_3col33.catalog {
  width: 30.33333333%;
  margin-right: 3%;
  margin-bottom: 30px;
}
#cart-login-box .prime-btn.next {
  width: auto;
}
.new-form.cart2 .left,
.new-form.cart2 .right {
  width: 50%;
}
.cart2 .left,
.cart2 .right {
  width: 50%;
}
#cart-login-box {
  margin-right: 10px;
}
.catalogphp form#productForm {
  margin-right: 10px;
}
/*-------------------
Page sections
------------------*/
.sponsorsvertical {
  padding-bottom: 10px;
}
.sponsor-3-column-display,
.sponsor-4-column-display,
.sponsor-5-column-display,
.sponsor-6-column-display,
.sponsor-horizontal-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.sponsor-3-column-display .img-responsive,
.sponsor-4-column-display .img-responsive,
.sponsor-5-column-display .img-responsive,
.sponsor-6-column-display .img-responsive {
  margin-left: auto;
  margin-right: auto;
}
.justify-content-around .col-md-1 {
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 992px) {
  .d-flex {
    display: -ms-flexbox !important;
    display: flex!important;
  }
  .justify-content-around {
    -ms-flex-pack: distribute!important;
    justify-content: space-around !important;
  }
}
/*-------------------
Custom padding classes
------------------*/
.pr-5 {
  padding-right: 5px;
}
.pl-5 {
  padding-left: 5px;
}
/*-------------------------
Slider Include
-------------------------*/
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}
.flexslider .slides,
.flexslider .slides li {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
  background: #fff;
  position: relative;
  zoom: 1;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides li {
  width: 100%;
  position: relative;
}
.carousel li {
  margin-right: 5px;
}
/*---------------Content Area------------*/
.flexslider .content-area {
  background: rgba(0, 0, 0, 0.65);
  color: #FFFFFF;
  height: auto;
  padding: 1%;
  position: absolute;
  width: 98%;
}
.flexslider .content-area p {
  color: white;
  margin: 0;
}
/* Direction Nav */
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  width: 30px;
  height: 50px;
  margin: -20px 0 0;
  display: block;
  background: url("../../../images/bg_direction_nav.png") no-repeat 0 0;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  -webkit-transition: all 0.3s ease;
}
.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: -36px;
  border: 0;
}
.flex-direction-nav .flex-prev {
  left: -36px;
  border: 0;
}
.flexslider:hover .flex-next {
  opacity: 0.8;
  right: 5px;
}
.flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 5px;
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1;
  border: 0;
}
.flex-direction-nav .flex-disabled {
  opacity: 0.3 !important;
  filter: alpha(opacity=30);
  cursor: default;
}
/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -30px;
  text-align: center;
  opacity: 1 !important;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  border: 0;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
  border: 0;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: 0.7;
  cursor: pointer;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
  }
}
/*For All Icons*/
.flexslider .flex-control-nav > li > a {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ffffff;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ffffff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ffffff;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ffffff;
}
.flexslider .flex-control-nav > li > a.flex-active,
.flexslider .flex-control-nav > li > a:hover {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #000000;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #000000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #000000;
}
/*For circle icons*/
.flexslider .flex-control-nav > li > a {
  background-color: #ffffff;
}
.flexslider .flex-control-nav > li > a.flex-active,
.flexslider .flex-control-nav > li > a:hover {
  background-color: #ffffff;
}
/*For square icons*/
/*For rectangle icons*/
@supports (-ms-ime-align: auto) {
  .flexslider .content-area {
    display: inline-table;
  }
}
.header-btm .slider h1,
.header-btm .slider h1 a,
.header-btm .slider h2,
.header-btm .slider h2 a,
.header-btm .slider h3,
.header-btm .slider h3 a,
.header-btm .slider h4,
.header-btm .slider h4 a,
.header-btm .slider p {
  color: white;
  text-align: center;
  margin-bottom: 0em;
}
.flexslider .content-area {
  background: rgba(51, 51, 51, 0.75);
  position: absolute;
  width: max-content;
  height: min-content;
  padding: 15px 40px;
}
.flexslider .content-area h1,
.flexslider .content-area h1 a,
.flexslider .content-area h2,
.flexslider .content-area h2 a,
.flexslider .content-area h3,
.flexslider .content-area h3 a,
.flexslider .content-area h4,
.flexslider .content-area h4 a {
  color: #ffffff;
  text-align: center;
  margin: 0em;
}
.flexslider .content-area p,
.flexslider .content-area div {
  color: #ffffff;
  text-align: center;
  margin: 0em;
}
/*.flexslider .content-area a.prime-btn,
.flexslider .content-area a.prime-btn:hover,
.flexslider .content-area a.sec-btn,
.flexslider .content-area a.sec-btn:hover*/
.flexslider .content-area a:not(.prime-btn):not(.sec-btn):not(.prime-btn:hover):not(.sec-btn:hover) {
  color: #ffffff;
}
.flexslider .content-area {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.flexslider .flex-control-nav {
  right: 15px;
  bottom: auto;
  top: 10px;
}
/*-------------------
Alt Container Defaults
------------------*/
.content .alt-container {
  background-color: #eaeaea;
  color: #09090d;
  font-size: 15px;
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: normal;
  text-transform: none;
  line-height: 22px;
}
/* --- Sidebox  --- */
.content .alt-container .sidebox {
  background-image: unset;
  background-position: left top;
  background-repeat: repeat;
  background-color: auto;
  padding: 0px;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: auto;
  color: #ffffff;
  font-family: Inherit;
  text-align: inherit;
  text-transform: none;
}
.content .alt-container .sidebox ul li {
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0);
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: rgba(255, 255, 255, 0);
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0);
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: rgba(255, 255, 255, 0);
}
.content .alt-container .sidebox li {
  margin: 0;
  padding: 5px 0px 5px 0px;
}
.content .alt-container .sidebox li a {
  color: #09090d;
  padding: 0px;
  font-family: Inherit;
  font-weight: normal;
  font-style: inherit;
  text-decoration: none;
}
.content .alt-container .sidebox li a .active {
  color: #b43449;
  text-decoration: none;
  background-position: left top;
  background-image: unset;
  background-repeat: repeat;
  background-color: auto;
}
.content .alt-container .sidebox .boxcontent li a {
  background-image: unset;
  background-position: left top;
  background-repeat: repeat;
  background-color: auto;
  font-size: 1em;
}
.content .alt-container .sidebox .boxcontent li a:hover {
  color: #b43449;
  text-decoration: none;
  background-position: left top;
  background-image: unset;
  background-repeat: repeat;
  background-color: auto;
}
.content .alt-container ul.pagenavsub {
  margin: 0px 2px 20px 20px;
}
/* --- Alt Container Headers  --- */
.content .alt-container .sidebox h2:not(:is(
            .boxed-elements h2,
            [data-content-section] h2
    )) {
  background-image: unset;
  background-position: left top;
  background-repeat: repeat;
  background-color: auto;
  margin: 0px 0px 1em 0px;
  padding: 0px;
}
.content .alt-container .sidebox h2:not(:is(
            .boxed-elements h2,
            [data-content-section] h2
    )),
.content .alt-container .sidebox h2:not(:is(
            .boxed-elements h2,
            [data-content-section] h2
    )) a {
  color: #b43449;
  font-family: Inherit;
  font-weight: 500;
  text-align: inherit;
  text-transform: none;
  letter-spacing: 0em;
}
/* --- Data Table  --- */
.content .alt-container .data-table {
  background-position: left top;
}
.content .alt-container .data-table th {
  color: #ffffff;
  background-image: unset;
  background-repeat: repeat;
  background-color: #b43449;
}
.content .alt-container .data-table td {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #dddddd;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #dddddd;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #dddddd;
  border-left-style: solid;
  border-left-width: 1px;
  border-left-color: #dddddd;
}
.content .alt-container .data-table tr {
  color: #09090d;
  background-image: unset;
  background-position: left top;
  background-repeat: repeat;
  background-color: #eaeaea;
}
.content .alt-container .data-table tr.alt {
  color: #09090d;
  background-image: unset;
  background-position: left top;
  background-repeat: repeat;
  background-color: #cecece;
}
.content .alt-container .data-table tr.tr-hover {
  color: #09090d;
  background-image: unset;
  background-position: left top;
  background-repeat: repeat;
  background-color: #b5b5b5;
}
/* --- Typography  --- */
/* --- Typography Defaults  --- */
.content .alt-container h1 a,
.content .alt-container h2 a,
.content .alt-container h3 a,
.content .alt-container h4 a,
.content .alt-container h5 a,
.content .alt-container h6 a,
.content .alt-container .header3 a {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  text-transform: inherit;
  text-align: inherit;
  line-height: inherit;
  background-color: inherit;
}
/* --- Alt Typography Selectors  --- */
.content .alt-container h1 {
  color: #26467d;
  background-image: unset;
  background-position: left top;
  background-repeat: repeat;
  background-color: inherit;
  font-size: 2.1em;
  letter-spacing: 0em;
  font-family: Inherit;
  font-weight: 700;
  font-style: inherit;
  text-transform: none;
  text-align: inherit;
  line-height: 1.5em;
  margin: 0px 0px 1em 0px;
  padding: 0px;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: auto;
}
.content .alt-container h1 a {
  color: #26467d;
  text-decoration: none;
}
.content .alt-container h1 a:hover {
  color: #26467d;
  text-decoration: underline;
}
.content .alt-container h2 {
  color: #b43449;
  background-image: unset;
  background-position: left top;
  background-repeat: repeat;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1.8em;
  letter-spacing: 0em;
  font-family: Inherit;
  font-weight: 500;
  font-style: inherit;
  text-transform: none;
  text-align: inherit;
  line-height: 1.5em;
  margin: 0px 0px 1em 0px;
  padding: 0px;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: auto;
}
.content .alt-container h2 a {
  color: #b43449;
  text-decoration: none;
}
.content .alt-container h2 a:hover {
  color: #b43449;
  text-decoration: underline;
}
.content .alt-container h3 {
  color: #09090d;
  background-image: unset;
  background-position: left top;
  background-repeat: repeat;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1.5em;
  letter-spacing: 0em;
  font-family: Inherit;
  font-weight: 600;
  font-style: inherit;
  text-transform: none;
  text-align: inherit;
  line-height: 1.5em;
  margin: 0px 0px 1em 0px;
  padding: 0px;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: auto;
}
.content .alt-container h3 a {
  color: #09090d;
  text-decoration: none;
}
.content .alt-container h3 a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.content .alt-container a:hover.header3 {
  color: #ffffff;
}
.content .alt-container h4 {
  color: #26467d;
  background-image: unset;
  background-position: left top;
  background-repeat: repeat;
  background-color: rgba(0, 0, 0, 0);
  font-size: 1.2em;
  font-family: Inherit;
  font-weight: 500;
  font-style: italic;
  text-transform: none;
  text-align: inherit;
  line-height: 1.5em;
  margin: 0px 0px 1em 0px;
  padding: 0px;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: auto;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: auto;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: auto;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: auto;
}
.content .alt-container h4 a {
  color: #26467d;
  text-decoration: none;
}
.content .alt-container h4 a:hover {
  color: #e4d725;
  text-decoration: underline;
}
.content .alt-container h5 {
  color: #26467d;
  background-image: unset;
  background-position: left top;
  background-repeat: repeat;
  background-color: rgba(0, 0, 0, 0);
  font-size: 15px;
  font-family: Inherit;
  font-weight: 500;
  font-style: italic;
  text-transform: none;
  text-align: inherit;
  line-height: 1.5em;
  margin: 0px 0px 1em 0px;
  padding: 0px;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: rgba(0, 0, 0, 0);
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: rgba(0, 0, 0, 0);
}
.content .alt-container h5 a {
  color: #26467d;
  text-decoration: none;
}
.content .alt-container h5 a:hover {
  color: #e4d725;
  text-decoration: underline;
}
.content .alt-container h6 {
  color: #26467d;
  background-image: unset;
  background-position: left top;
  background-repeat: repeat;
  background-color: rgba(0, 0, 0, 0);
  font-size: 14px;
  font-family: Inherit;
  font-weight: 500;
  font-style: italic;
  text-transform: none;
  text-align: inherit;
  line-height: 1.5em;
  margin: 0px 0px 1em 0px;
  padding: 0px;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: rgba(0, 0, 0, 0);
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: rgba(0, 0, 0, 0);
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: rgba(0, 0, 0, 0);
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: rgba(0, 0, 0, 0);
}
.content .alt-container h6 a {
  color: #26467d;
  text-decoration: none;
}
.content .alt-container h6 a:hover {
  color: #e4d725;
  text-decoration: underline;
}
.content .alt-container a {
  color: #b43449;
  font-size: 1em;
  font-family: Inherit;
  font-weight: normal;
  font-style: inherit;
  text-transform: none;
  text-align: inherit;
  text-decoration: none;
}
.content .alt-container a:hover {
  color: #b43449;
  text-decoration: underline;
}
/* --- Alt Buttons  --- */
/* Primary Button */
.content .alt-container .prime-btn {
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Inherit;
  font-style: inherit;
  text-decoration: none;
  background-color: #2fc3e5;
  margin: 0px 0px 10px 0px;
  padding: 8px 20px 8px 20px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2fc3e5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2fc3e5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2fc3e5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2fc3e5;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.content .alt-container .prime-btn:hover {
  background-color: #ffffff;
  color: #2fc3e5;
  display: inline-block;
  text-decoration: none;
  /*font-weight: @prime_button_hover_font_weight_alt;*/
  font-style: normal;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2fc3e5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2fc3e5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2fc3e5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2fc3e5;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
/* Secondary Button */
.content .alt-container .sec-btn {
  color: #ffffff;
  font-size: Inherit;
  text-decoration: none;
  background-image: none;
  background-repeat: repeat;
  background-position: left top;
  font-family: Inherit;
  text-transform: uppercase;
  font-weight: bold;
  font-style: inherit;
  background-color: #26467d;
  margin: 0px 0px 10px 0px;
  padding: 8px 20px 8px 20px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #26467d;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #26467d;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #26467d;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #26467d;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.content .alt-container .sec-btn:hover {
  background-color: #ffffff;
  color: #26467d;
  display: inline-block;
  text-decoration: none;
  /*font-weight: @sec_button_hover_font_weight_alt;*/
  font-style: normal;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #26467d;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #26467d;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #26467d;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #26467d;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.content .alt-container p {
  color: #09090d;
  font-size: 1em;
  font-family: Inherit;
  text-transform: none;
  font-weight: normal;
  text-align: left;
  line-height: 1.7em;
  margin: 0px 0px 1.2em 0px;
}
/* --- ALt Forms --- */
.content .alt-container label {
  font-size: unset;
  color: #09090d;
  font-family: Inherit;
}
.content .alt-container input[type='text'] {
  padding: 5px;
  background-image: unset;
  background-position: left top;
  background-repeat: repeat;
  background-color: #ffffff;
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: #b7b7b7;
  border-right-width: 0px;
  border-right-style: solid;
  border-right-color: #b7b7b7;
  border-bottom-width: 0px;
  border-bottom-style: solid;
  border-bottom-color: #b7b7b7;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: #b7b7b7;
}
/* --- Alt Helpers  --- */
.content .alt-container .help-text {
  color: auto;
  font-size: 1em;
  font-family: Inherit;
}
.content .alt-container .section-head {
  color: auto;
  font-size: 1.8em;
  font-family: Inherit;
}
.content .alt-container .color-block {
  color: #ffffff;
  background-image: url("unset");
  background-repeat: repeat;
  background-position: left top;
  background-color: #26467d;
  font-size: 1.8em;
  font-family: Inherit;
  font-weight: bold;
  font-style: inherit;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0em;
  line-height: 1.2em;
  padding: 10px;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0;
  border-bottom-color: auto;
  border-bottom-style: solid;
  border-bottom-width: 0;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0;
  border-radius: 0;
}
.content .color-block {
  color: #ffffff;
  background-image: url("unset");
  background-repeat: repeat;
  background-position: left top;
  background-color: #26467d;
  font-size: 1.8em;
  font-family: Inherit;
  font-weight: bold;
  font-style: inherit;
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 0em;
  line-height: 1.2em;
  padding: 20px;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: auto;
  border-bottom-style: solid;
  border-bottom-width: 0px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
  border-radius: 0;
}
/* --- Alt Icons  --- */
.content .alt-container .fa,
.content .alt-container .fas,
.content .alt-container .far,
.content .alt-container .fab {
  color: #b43449;
}
.content .fa,
.content .fas,
.content .far,
.content .fab {
  color: #b43449;
}
/*-----------------------------
M-Series SideNav Layout Styles
-----------------------------*/
.mseries-sidenav #header {
  background-color: #ffffff;
  border-top-color: auto;
  border-top-style: solid;
  border-top-width: 0px;
  border-right-color: auto;
  border-right-style: solid;
  border-right-width: 0px;
  border-bottom-color: #5b5561;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-left-color: auto;
  border-left-style: solid;
  border-left-width: 0px;
}
.mseries-sidenav #nav .sf-with-ul:after {
  content: '';
  position: absolute;
  top: initial;
  right: 0.1em;
  margin-top: initial;
  height: 0;
  width: 0;
  border: 5px solid transparent;
  border-top-color: #46344e;
  -webkit-transition: 0.4s ease;
  -moz-transition: 0.4s ease;
  transition: 0.4s ease;
}
.mseries-sidenav #main-navbar {
  text-align: left !important;
}
.mseries-sidenav #main-navbar #nav li {
  float: none !important;
}
.mseries-sidenav #main-navbar ul ul {
  position: relative;
}
.mseries-sidenav #main-navbar .sfHover .sf-menu {
  display: block!important;
}
.mseries-sidenav .content .container {
  min-width: 100% !important;
  max-width: 100% !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.mseries-sidenav-content .content .container,
.mseries-sidenav-content .header-btm .container {
  max-width: 100%;
}
.mseries-sidenav-content .header-btm .slider {
  float: initial;
  width: initial !important;
  position: relative;
  margin-left: initial;
  left: initial;
}
.mseries-sidenav-content .header-btm .slider-decorative {
  float: initial;
  width: initial !important;
  position: relative;
  margin-left: initial;
  left: initial;
}
.mseries-sidenav-content .header-btm .slider-decorative.slider-decorative--spacing {
  margin-left: initial;
  margin-right: initial;
}
.mseries-sidenav-content .alt-container {
  width: 100% !important;
  margin-left: 0 !important;
  left: 0 !important;
}
.mseries-sidenav-content .flexslider .slides img {
  max-height: 500px;
}
.mseries-sidenav-content .flex-direction-nav .flex-prev {
  margin-top: -50px;
}
.mseries-sidenav-content .flex-direction-nav .flex-next {
  margin-top: -50px;
}
.mseries-sidenav #main-navbar > ul {
  width: 100%;
}
.mseries-sidenav #main-navbar > ul > li > ul {
  width: 100%;
}
@media (min-width: 768px) {
  .row.mseries-equal-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 768px) {
  #lightbox-container-image-box {
    width: 96% !important;
    height: 96% !important;
  }
  #lightbox-container-image-data-box {
    width: 96% !important;
  }
  #lightbox-nav a {
    height: 96% !important;
  }
}
@media (max-width: 1024px) {
  .mseries-sidenav.col-md-3 {
    width: 100%;
  }
  .mseries-sidenav-content.col-md-9 {
    width: 100%;
  }
}
.row:before,
.row:after {
  display: flex !important;
}
@media (min-width: 1025px) {
  .mseries-equal-col {
    min-height: 100vh;
  }
  .mseries-sidenav #header {
    min-height: 100%;
  }
  .mseries-sidenav-content {
    min-height: 100%;
  }
}
#wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#wrapper .content {
  flex: 1;
}
.mseries-sidenav-content {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.mseries-sidenav-content .content {
  flex: 1;
  container-type: inline-size;
}
.marquee img {
  max-height: 100px;
  vertical-align: middle;
  margin-right: 25px;
}
/*--------------------
Mobile Layout Styles
--------------------*/
@media handheld, only screen and (max-width: 767px) {
  /* --- remove blank label prior to submit on forms --- */
  #submitLeadIn {
    display: none;
  }
  /* --- Typography --- */
  body {
    font-size: 16px;
    -webkit-text-size-adjust: none;
  }
  /* --- Layout --- */
  body,
  .container {
    width: 100%;
    min-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  .col_5col20,
  .col_5col20.last,
  .col_2col6040.one,
  .col_2col6040.last,
  .col_2col4060.one,
  .col_2col4060.last,
  .col_2col3070.one,
  .col_2col3070.last,
  .col_2col7030.one,
  .col_2col7030.last,
  .col_1col100,
  .col_2col7525.one,
  .col_2col2575.two,
  .col_2col50,
  .col_3col255025.two,
  .col_2col50.last,
  .col_3col33,
  .col_3col33.last,
  .col_4col25,
  .col_2col2575.one,
  .col_3col255025.one,
  .col_4col25.last,
  .col_2col7525.two,
  .col_3col255025.three,
  #middle-col.content-container,
  #middle-col-full.content-container,
  #right-col.content-container,
  #left-col.content-container,
  #header .col_2col50,
  #header .col_2col50.last,
  #header .col_2col7525,
  #header .col_2col7525.last {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0 20px;
  }
  .ui-dialog {
    width: auto;
  }
  #add-tix label {
    max-width: 95%;
  }
  #header,
  #footer,
  .footer-top {
    border: 1px solid transparent;
    margin: 0;
  }
  /* --- Header --- */
  #nav {
    width: 100%;
    height: auto;
  }
  #nav ul {
    width: 80%;
    min-width: 0px;
  }
  #nav li {
    padding: 0;
    height: auto;
    width: 100%;
  }
  #nav li a,
  #nav.sf-menu a.sf-with-ul {
    display: block;
  }
  #nav li a {
    padding: 10px 12px 10px 12px !important;
  }
  #header #logo {
    text-align: center;
  }
  #search {
    text-align: center;
    margin: 10px 0;
  }
  #search input[type='text'],
  #newsletter-signup input[type='text'] {
    width: 80%;
  }
  /*Footer Styles*/
  #footer #footer_cprt,
  #footer .content-container #footer_nav,
  #footer-btm .container,
  #footer p {
    text-align: center;
  }
  #newsletter-signup input[type='image'] {
    padding: 7px 5px 8px 5px;
    top: 11px;
  }
  /* --- Board of Directors --- */
  #board td {
    width: 100%;
    display: block;
    background: white !important;
  }
  #board td:nth-child(2n) {
    background: #f5f5f5 !important;
  }
  /* --- Login Box --- */
  .login-box {
    width: auto;
    overflow: hidden;
  }
  /* --- Meeting Registration --- */
  #reg-login-box.login-box .left,
  #reg-login-box.login-box .right {
    width: 100%;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
  }
  #reg-login-box.login-box,
  .meeting-info {
    width: auto;
  }
  #reg-login-box.login-box .left {
    border-bottom: 1px solid #dddddd;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
  }
  #steps.five li,
  #steps.four li,
  #steps.three li {
    width: 100%;
    border: 1px solid;
    background-image: url("../../../images/steps-last-bkg.gif");
  }
  #steps li.current {
    background: #333 url("../../../images/steps-last-current-bkg.gif") right top no-repeat;
  }
  [class*="meet-reg"] .left,
  [class*="meet-reg"] .right {
    width: 100%;
    float: none;
  }
  .meet-reg5 table {
    width: auto;
  }
}
@media screen and (max-width: 1024px) {
  /* --- Primary Button --- */
  .prime-btn {
    -webkit-appearance: none;
    cursor: pointer;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #2fc3e5;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #2fc3e5;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #2fc3e5;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #2fc3e5;
  }
  /* --- Secondary Button --- */
  .sec-btn {
    -webkit-appearance: none;
    cursor: pointer;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #26467d;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #26467d;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #26467d;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #26467d;
  }
  /* --- Header --- */
  #nav li {
    height: auto;
    width: 100%;
  }
}
.calendarTimelineMonth.sec-btn {
  color: #ffffff;
  background-image: none;
  background-color: #26467d;
  background-position: left top;
  background-repeat: repeat;
  text-transform: uppercase;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #26467d;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #26467d;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #26467d;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #26467d;
}
.calendarTimelineMonth.sec-btn:hover {
  color: #26467d;
  background-image: none;
  background-color: #ffffff;
  background-position: left top;
  background-repeat: repeat;
  text-transform: uppercase;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #26467d;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #26467d;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #26467d;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #26467d;
}
.calendarTimelineMonth.prime-btn {
  color: #ffffff;
  background-image: none;
  background-color: #2fc3e5;
  background-position: left top;
  background-repeat: repeat;
  text-transform: uppercase;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2fc3e5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2fc3e5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2fc3e5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2fc3e5;
}
.calendarTimelineMonth.prime-btn:hover {
  color: #2fc3e5;
  background-image: none;
  background-color: #ffffff;
  background-position: left top;
  background-repeat: repeat;
  text-transform: uppercase;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2fc3e5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2fc3e5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2fc3e5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2fc3e5;
}
.calendarTimelineYear.sec-btn {
  color: #ffffff;
  background-image: none;
  background-color: #26467d;
  background-position: left top;
  background-repeat: repeat;
  text-transform: uppercase;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #26467d;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #26467d;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #26467d;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #26467d;
}
.calendarTimelineYear.sec-btn:hover {
  color: #26467d;
  background-image: none;
  background-color: #ffffff;
  background-position: left top;
  background-repeat: repeat;
  text-transform: uppercase;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #26467d;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #26467d;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #26467d;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #26467d;
}
.calendarTimelineYear.prime-btn {
  color: #ffffff;
  background-image: none;
  background-color: #2fc3e5;
  background-position: left top;
  background-repeat: repeat;
  text-transform: uppercase;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2fc3e5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2fc3e5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2fc3e5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2fc3e5;
}
.calendarTimelineYear.prime-btn:hover {
  color: #2fc3e5;
  background-image: none;
  background-color: #ffffff;
  background-position: left top;
  background-repeat: repeat;
  text-transform: uppercase;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2fc3e5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2fc3e5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2fc3e5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2fc3e5;
}
.alt-container .calendarTimelineMonth.sec-btn {
  color: #ffffff;
  background-image: none;
  background-color: #26467d;
  background-position: left top;
  background-repeat: repeat;
  text-transform: uppercase;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #26467d;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #26467d;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #26467d;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #26467d;
}
.alt-container .calendarTimelineMonth.sec-btn:hover {
  color: #26467d;
  background-image: none;
  background-color: #ffffff;
  background-position: left top;
  background-repeat: repeat;
  text-transform: uppercase;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #26467d;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #26467d;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #26467d;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #26467d;
}
.alt-container .calendarTimelineMonth.prime-btn {
  color: #ffffff;
  background-image: none;
  background-color: #2fc3e5;
  background-position: left top;
  background-repeat: repeat;
  text-transform: uppercase;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2fc3e5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2fc3e5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2fc3e5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2fc3e5;
}
.alt-container .calendarTimelineMonth.prime-btn:hover {
  color: #2fc3e5;
  background-image: none;
  background-color: #ffffff;
  background-position: left top;
  background-repeat: repeat;
  text-transform: uppercase;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2fc3e5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2fc3e5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2fc3e5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2fc3e5;
}
.alt-container .calendarTimelineYear.sec-btn {
  color: #ffffff;
  background-image: none;
  background-color: #26467d;
  background-position: left top;
  background-repeat: repeat;
  text-transform: uppercase;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #26467d;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #26467d;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #26467d;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #26467d;
}
.alt-container .calendarTimelineYear.sec-btn:hover {
  color: #26467d;
  background-image: none;
  background-color: #ffffff;
  background-position: left top;
  background-repeat: repeat;
  text-transform: uppercase;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #26467d;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #26467d;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #26467d;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #26467d;
}
.alt-container .calendarTimelineYear.prime-btn {
  color: #ffffff;
  background-image: none;
  background-color: #2fc3e5;
  background-position: left top;
  background-repeat: repeat;
  text-transform: uppercase;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2fc3e5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2fc3e5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2fc3e5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2fc3e5;
}
.alt-container .calendarTimelineYear.prime-btn:hover {
  color: #2fc3e5;
  background-image: none;
  background-color: #ffffff;
  background-position: left top;
  background-repeat: repeat;
  text-transform: uppercase;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #2fc3e5;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #2fc3e5;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #2fc3e5;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #2fc3e5;
}
/*Page Content Sections*/
.meeting-details img {
  width: 100%;
}
.meeting-list-with-images img {
  width: 100%;
}
.countdownbutton .prime-btn {
  float: right;
}
@media only screen and (max-width: 736px) {
  .countdownbutton .prime-btn {
    float: left;
  }
}
.compactheadersm h1,
.compactheadersm h1 a,
.compactheadersm h2,
.compactheadersm h2 a,
.compactheadersm h3,
.compactheadersm h3 a,
.compactheadersm h4,
.compactheadersm h4 a {
  margin-bottom: 0.2em;
}
.compactheadermd h1,
.compactheadermd h1 a,
.compactheadermd h2,
.compactheadermd h2 a,
.compactheadermd h3,
.compactheadermd h3 a,
.compactheadermd h4,
.compactheadermd h4 a {
  margin-bottom: 0.5em;
}
.compactheaderlg h1,
.compactheaderlg h1 a,
.compactheaderlg h2,
.compactheaderlg h2 a,
.compactheaderlg h3,
.compactheaderlg h3 a,
.compactheaderlg h4,
.compactheaderlg h4 a {
  margin-bottom: 1em;
}
.compacttextsm h1,
.compacttextsm h1 a,
.compacttextsm h2,
.compacttextsm h2 a,
.compacttextsm h3,
.compacttextsm h3 a,
.compacttextsm h4,
.compacttextsm h4 a,
.compacttextsm p {
  margin-bottom: 0.2em;
}
.compacttextmd h1,
.compacttextmd h1 a,
.compacttextmd h2,
.compacttextmd h2 a,
.compacttextmd h3,
.compacttextmd h3 a,
.compacttextmd h4,
.compacttextmd h4 a,
.compacttextmd p {
  margin-bottom: 0.5em;
}
.compacttextlg h1,
.compacttextlg h1 a,
.compacttextlg h2,
.compacttextlg h2 a,
.compacttextlg h3,
.compacttextlg h3 a,
.compacttextlg h4,
.compacttextlg h4 a,
.compacttextlg p {
  margin-bottom: 1em;
}
.imagespacingsm {
  padding-bottom: 10px;
}
.imagespacingmd {
  padding-bottom: 15px;
}
.imagespacinglg {
  padding-bottom: 20px;
}
.content .alt-container .compactheadersm h1,
.content .alt-container .compactheadersm h1 a,
.content .alt-container .compactheadersm h2,
.content .alt-container .compactheadersm h2 a,
.content .alt-container .compactheadersm h3,
.content .alt-container .compactheadersm h3 a,
.content .alt-container .compactheadersm h4,
.content .alt-container .compactheadersm h4 a {
  margin-bottom: 0.2em;
}
.content .alt-container .compactheadermd h1,
.content .alt-container .compactheadermd h1 a,
.content .alt-container .compactheadermd h2,
.content .alt-container .compactheadermd h2 a,
.content .alt-container .compactheadermd h3,
.content .alt-container .compactheadermd h3 a,
.content .alt-container .compactheadermd h4,
.content .alt-container .compactheadermd h4 a {
  margin-bottom: 0.5em;
}
.content .alt-container .compactheaderlg h1,
.content .alt-container .compactheaderlg h1 a,
.content .alt-container .compactheaderlg h2,
.content .alt-container .compactheaderlg h2 a,
.content .alt-container .compactheaderlg h3,
.content .alt-container .compactheaderlg h3 a,
.content .alt-container .compactheaderlg h4,
.content .alt-container .compactheaderlg h4 a {
  margin-bottom: 1em;
}
.content .alt-container .compacttextsm h1,
.content .alt-container .compacttextsm h1 a,
.content .alt-container .compacttextsm h2,
.content .alt-container .compacttextsm h2 a,
.content .alt-container .compacttextsm h3,
.content .alt-container .compacttextsm h3 a,
.content .alt-container .compacttextsm h4,
.content .alt-container .compacttextsm h4 a,
.content .alt-container .compacttextsm p {
  margin-bottom: 0.2em;
}
.content .alt-container .compacttextmd h1,
.content .alt-container .compacttextmd h1 a,
.content .alt-container .compacttextmd h2,
.content .alt-container .compacttextmd h2 a,
.content .alt-container .compacttextmd h3,
.content .alt-container .compacttextmd h3 a,
.content .alt-container .compacttextmd h4,
.content .alt-container .compacttextmd h4 a,
.content .alt-container .compacttextmd p {
  margin-bottom: 0.5em;
}
.content .alt-container .compacttextlg h1,
.content .alt-container .compacttextlg h1 a,
.content .alt-container .compacttextlg h2,
.content .alt-container .compacttextlg h2 a,
.content .alt-container .compacttextlg h3,
.content .alt-container .compacttextlg h3 a,
.content .alt-container .compacttextlg h4,
.content .alt-container .compacttextlg h4 a,
.content .alt-container .compacttextlg p {
  margin-bottom: 1em;
}
.content .alt-container .imagespacingsm {
  padding-bottom: 10px;
}
.content .alt-container .imagespacingmd {
  padding-bottom: 15px;
}
.content .alt-container .imagespacinglg {
  padding-bottom: 20px;
}
.meetingtextdisplaybutton {
  float: right;
}
/* New horizontal subnav styles */
.horizontal-subnav-dropdown {
  display: inline-block !important;
}
.sidebox .horizontal-subnav > li {
  width: auto;
  display: inline-block;
  border-right: 1px solid #a1a1a1;
  padding: 0 10px;
}
.sidebox .horizontal-subnav > li:first-child {
  padding: 0px 10px 0px 0px;
}
.sidebox .horizontal-subnav > li:last-child {
  border-right: none;
}
.sidebox .horizontal-subnav ul {
  padding: 5px 10px 5px 10px;
}
/* New vertical subnav styles */
.content .sidebox .vertical-subnav-flyout li ul {
  position: absolute;
  margin-top: -3px;
  display: none;
  z-index: 9999;
  background: white;
  width: max-content;
  border: 1px solid #d0d0d0;
  padding: 5px 10px 5px 10px;
}
.content .sidebox .vertical-subnav-flyout li .vertical-subnav-flyout-parent {
  display: inline-block;
  width: 100%;
}
.content .sidebox .vertical-subnav-flyout li .vertical-subnav-flyout-parent:hover + ul,
.content .sidebox .vertical-subnav-flyout li .vertical-subnav-flyout-parent + ul:hover {
  display: inline-block;
}
.caret-right {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-left: 4px solid;
  border-bottom: 4px solid transparent;
}
.content .container .alt-container .container {
  padding-left: 0;
  padding-right: 0;
}
:root {
  --prime_button_margin: 0px 0px 10px 0px;
  --prime_button_padding: 8px 20px 8px 20px;
  --body-background-color: #ffffff;
  --alt-background-color: #eaeaea;
}
a:focus {
  outline: initial;
}
[data-content-section="accordion"][data-style="basic-solid"] .accordion-item {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #eaeaea;
  border-right-color: #eaeaea;
  border-bottom-color: #eaeaea;
  border-left-color: #eaeaea;
}
.alt-container [data-content-section="accordion"][data-style="basic-solid"] .accordion-item {
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: 1px;
  border-left-width: initial;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #09090d;
  border-right-color: #09090d;
  border-bottom-color: #09090d;
  border-left-color: #09090d;
}
[data-content-section="accordion"][data-style="basic-ribbon"] .accordion-header {
  color: #b43449;
}
[data-content-section="accordion"][data-style="basic-ribbon"] .accordion-header i {
  color: #b43449;
}
[data-content-section="accordion"][data-style="basic-ribbon"] .accordion-item {
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #eaeaea;
}
[data-content-section="accordion"][data-style="basic-ribbon"] .accordion-content p {
  color: #09090d;
}
[data-content-section="accordion"][data-style="basic-ribbon"] .accordion-content a {
  color: #b43449;
}
[data-content-section="accordion"][data-style="basic-ribbon"] .accordion-content a.prime-btn {
  color: #ffffff;
}
[data-content-section="accordion"][data-style="basic-ribbon"] .accordion-content a.prime-btn:hover {
  color: #2fc3e5;
}
[data-content-section="accordion"][data-style="basic-ribbon"] .accordion-content a.sec-btn {
  color: #ffffff;
}
[data-content-section="accordion"][data-style="basic-ribbon"] .accordion-content a.sec-btn:hover {
  color: #26467d;
}
.alt-container [data-content-section="accordion"][data-style="basic-ribbon"] .accordion-header {
  color: #b43449;
}
.alt-container [data-content-section="accordion"][data-style="basic-ribbon"] .accordion-header i {
  color: #b43449;
}
.alt-container [data-content-section="accordion"][data-style="basic-ribbon"] .accordion-item {
  background-image: initial;
  background-repeat: repeat;
  background-position: top left;
  background-color: #ffffff;
}
.alt-container [data-content-section="accordion"][data-style="basic-ribbon"] .accordion-content p {
  color: #09090d;
}
.alt-container [data-content-section="accordion"][data-style="basic-ribbon"] .accordion-content a {
  color: #b43449;
}
.alt-container [data-content-section="accordion"][data-style="basic-ribbon"] .accordion-content a.prime-btn {
  color: #ffffff;
}
.alt-container [data-content-section="accordion"][data-style="basic-ribbon"] .accordion-content a.prime-btn:hover {
  color: #2fc3e5;
}
.alt-container [data-content-section="accordion"][data-style="basic-ribbon"] .accordion-content a.sec-btn {
  color: #ffffff;
}
.alt-container [data-content-section="accordion"][data-style="basic-ribbon"] .accordion-content a.sec-btn:hover {
  color: #26467d;
}
[data-content-section="accordion"][data-style="single-color-header"] .accordion-item .accordion-header,
[data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 1) .accordion-header {
  color: #ffffff;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #26467d;
}
[data-content-section="accordion"][data-style="single-color-header"] .accordion-item .accordion-header i,
[data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 1) .accordion-header i {
  color: #ffffff;
}
[data-content-section="accordion"][data-style="single-color-header"] .accordion-item,
[data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 1) {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #26467d;
  border-right-color: #26467d;
  border-bottom-color: #26467d;
  border-left-color: #26467d;
}
[data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 2) .accordion-header {
  color: #ffffff;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #b43449;
}
[data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 2) .accordion-header i {
  color: #ffffff;
}
[data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 2) {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #b43449;
  border-right-color: #b43449;
  border-bottom-color: #b43449;
  border-left-color: #b43449;
}
[data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 3) .accordion-header {
  color: #ffffff;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #09090d;
}
[data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 3) .accordion-header i {
  color: #ffffff;
}
[data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 3) {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #09090d;
  border-right-color: #09090d;
  border-bottom-color: #09090d;
  border-left-color: #09090d;
}
.alt-container [data-content-section="accordion"][data-style="single-color-header"] .accordion-item .accordion-header,
.alt-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 1) .accordion-header {
  color: #eaeaea;
  background-image: initial;
  background-repeat: repeat;
  background-position: top left;
  background-color: #26467d;
}
.alt-container [data-content-section="accordion"][data-style="single-color-header"] .accordion-item .accordion-header i,
.alt-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 1) .accordion-header i {
  color: #eaeaea;
}
.alt-container [data-content-section="accordion"][data-style="single-color-header"] .accordion-item,
.alt-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 1) {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #26467d;
  border-right-color: #26467d;
  border-bottom-color: #26467d;
  border-left-color: #26467d;
}
.alt-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 2) .accordion-header {
  color: #eaeaea;
  background-image: initial;
  background-repeat: repeat;
  background-position: top left;
  background-color: #b43449;
}
.alt-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 2) .accordion-header i {
  color: #eaeaea;
}
.alt-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 2) {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #b43449;
  border-right-color: #b43449;
  border-bottom-color: #b43449;
  border-left-color: #b43449;
}
.alt-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 3) .accordion-header {
  color: #eaeaea;
  background-image: initial;
  background-repeat: repeat;
  background-position: top left;
  background-color: #09090d;
}
.alt-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 3) .accordion-header i {
  color: #eaeaea;
}
.alt-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 3) {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #09090d;
  border-right-color: #09090d;
  border-bottom-color: #09090d;
  border-left-color: #09090d;
}
.alt2-container [data-content-section="accordion"][data-style="basic-solid"] .accordion-item {
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
.alt2-container [data-content-section="accordion"][data-style="basic-ribbon"] .accordion-header {
  color: initial;
}
.alt2-container [data-content-section="accordion"][data-style="basic-ribbon"] .accordion-header i {
  color: initial;
}
.alt2-container [data-content-section="accordion"][data-style="basic-ribbon"] .accordion-item {
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
}
.alt2-container [data-content-section="accordion"][data-style="basic-ribbon"] .accordion-content p {
  color: initial;
}
.alt2-container [data-content-section="accordion"][data-style="basic-ribbon"] .accordion-content a {
  color: initial;
}
.alt2-container [data-content-section="accordion"][data-style="single-color-header"] .accordion-item .accordion-header,
.alt2-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 1) .accordion-header {
  color: initial;
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
}
.alt2-container [data-content-section="accordion"][data-style="single-color-header"] .accordion-item .accordion-header i,
.alt2-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 1) .accordion-header i {
  color: initial;
}
.alt2-container [data-content-section="accordion"][data-style="single-color-header"] .accordion-item,
.alt2-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 1) {
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
.alt2-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 2) .accordion-header {
  color: initial;
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
}
.alt2-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 2) .accordion-header i {
  color: initial;
}
.alt2-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 2) {
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
.alt2-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 3) .accordion-header {
  color: initial;
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
}
.alt2-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 3) .accordion-header i {
  color: initial;
}
.alt2-container [data-content-section="accordion"][data-style="multi-color-header"] .accordion-item:nth-child(3n + 3) {
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
[data-content-section="icon"] i.fa,
[data-content-section="icon"] i.fas,
[data-content-section="icon"] i.far,
[data-content-section="icon"] i.fab,
[data-content-section="icon"] i.fa-brands,
[data-content-section="column-content-with-icon"] i.fa,
[data-content-section="column-content-with-icon"] i.fas,
[data-content-section="column-content-with-icon"] i.far,
[data-content-section="column-content-with-icon"] i.fab,
[data-content-section="column-content-with-icon"] i.fa-brands,
.icon-preview.advanced-icons i.fa,
.icon-preview.advanced-icons i.fas,
.icon-preview.advanced-icons i.far,
.icon-preview.advanced-icons i.fab,
.icon-preview.advanced-icons i.fa-brands {
  color: #b43449;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: none;
  font-size: 1.8em;
  padding: initial;
  border-radius: initial;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
[data-content-section="social-media-icons"] i.fa,
[data-content-section="social-media-icons"] i.fas,
[data-content-section="social-media-icons"] i.far,
[data-content-section="social-media-icons"] i.fab,
[data-content-section="social-media-icons"] i.fa-brands,
.icon-preview.social-media-icons i.fa,
.icon-preview.social-media-icons i.fas,
.icon-preview.social-media-icons i.far,
.icon-preview.social-media-icons i.fab,
.icon-preview.social-media-icons i.fa-brands {
  color: #b43449;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: none;
  font-size: 1.8em;
  padding: initial;
  border-radius: initial;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
.alt-container [data-content-section="icon"] i.fa,
.alt-container [data-content-section="icon"] i.fas,
.alt-container [data-content-section="icon"] i.far,
.alt-container [data-content-section="icon"] i.fab,
.alt-container [data-content-section="icon"] i.fa-brands,
.alt-container [data-content-section="column-content-with-icon"] i.fa,
.alt-container [data-content-section="column-content-with-icon"] i.fas,
.alt-container [data-content-section="column-content-with-icon"] i.far,
.alt-container [data-content-section="column-content-with-icon"] i.fab,
.alt-container [data-content-section="column-content-with-icon"] i.fa-brands,
.alt-container .icon-preview.advanced-icons i.fa,
.alt-container .icon-preview.advanced-icons i.fas,
.alt-container .icon-preview.advanced-icons i.far,
.alt-container .icon-preview.advanced-icons i.fab,
.alt-container .icon-preview.advanced-icons i.fa-brands {
  color: #b43449;
  background-image: initial;
  background-repeat: repeat;
  background-position: top left;
  background-color: none;
  font-size: 1.8em;
  padding: initial;
  border-radius: initial;
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
.alt-container [data-content-section="social-media-icons"] i.fa,
.alt-container [data-content-section="social-media-icons"] i.fas,
.alt-container [data-content-section="social-media-icons"] i.far,
.alt-container [data-content-section="social-media-icons"] i.fab,
.alt-container [data-content-section="social-media-icons"] i.fa-brands,
.alt-container .icon-preview.social-media-icons i.fa,
.alt-container .icon-preview.social-media-icons i.fas,
.alt-container .icon-preview.social-media-icons i.far,
.alt-container .icon-preview.social-media-icons i.fab,
.alt-container .icon-preview.social-media-icons i.fa-brands {
  color: #b43449;
  background-image: initial;
  background-repeat: repeat;
  background-position: top left;
  background-color: none;
  font-size: 1.8em;
  padding: initial;
  border-radius: initial;
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
.alt2-container [data-content-section="icon"] i.fa,
.alt2-container [data-content-section="icon"] i.fas,
.alt2-container [data-content-section="icon"] i.far,
.alt2-container [data-content-section="icon"] i.fab,
.alt2-container [data-content-section="icon"] i.fa-brands,
.alt2-container [data-content-section="column-content-with-icon"] i.fa,
.alt2-container [data-content-section="column-content-with-icon"] i.fas,
.alt2-container [data-content-section="column-content-with-icon"] i.far,
.alt2-container [data-content-section="column-content-with-icon"] i.fab,
.alt2-container [data-content-section="column-content-with-icon"] i.fa-brands,
.alt2-container .icon-preview.advanced-icons i.fa,
.alt2-container .icon-preview.advanced-icons i.fas,
.alt2-container .icon-preview.advanced-icons i.far,
.alt2-container .icon-preview.advanced-icons i.fab,
.alt2-container .icon-preview.advanced-icons i.fa-brands {
  color: initial;
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
  font-size: initial;
  padding: initial;
  border-radius: initial;
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
.alt2-container [data-content-section="social-media-icons"] i.fa,
.alt2-container [data-content-section="social-media-icons"] i.fas,
.alt2-container [data-content-section="social-media-icons"] i.far,
.alt2-container [data-content-section="social-media-icons"] i.fab,
.alt2-container [data-content-section="social-media-icons"] i.fa-brands,
.alt2-container .icon-preview.social-media-icons i.fa,
.alt2-container .icon-preview.social-media-icons i.fas,
.alt2-container .icon-preview.social-media-icons i.far,
.alt2-container .icon-preview.social-media-icons i.fab,
.alt2-container .icon-preview.social-media-icons i.fa-brands {
  color: initial;
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
  font-size: initial;
  padding: initial;
  border-radius: initial;
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
.footer [data-content-section="icon"] i,
.footer [data-content-section="social-media-icons"] i {
  color: #09090d;
}
.mseries-sidenav [data-content-section="icon"] i,
.mseries-sidenav [data-content-section="social-media-icons"] i {
  color: #46344e;
}
.swiper-pagination {
  align-items: start;
  justify-content: end;
}
.swiper-pagination .swiper-pagination-bullet {
  background-color: #ffffff;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #ffffff;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #ffffff;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #ffffff;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #ffffff;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination .swiper-pagination-bullet:hover {
  background-color: #ffffff;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #000000;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #000000;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #000000;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #000000;
}
.swiper-slide .caption-wrap {
  align-items: center;
  justify-content: center;
}
.swiper-slide .caption-wrap .caption {
  background: rgba(51, 51, 51, 0.75);
  width: max-content;
  padding: 15px 40px;
}
.swiper-slide .caption-wrap .caption h1,
.swiper-slide .caption-wrap .caption h2,
.swiper-slide .caption-wrap .caption h3,
.swiper-slide .caption-wrap .caption h4,
.swiper-slide .caption-wrap .caption h5,
.swiper-slide .caption-wrap .caption h6,
.swiper-slide .caption-wrap .caption h1 a,
.swiper-slide .caption-wrap .caption h2 a,
.swiper-slide .caption-wrap .caption h3 a,
.swiper-slide .caption-wrap .caption h4 a,
.swiper-slide .caption-wrap .caption h5 a,
.swiper-slide .caption-wrap .caption h6 a {
  color: #ffffff;
  text-align: center;
  margin: 0em;
}
.swiper-slide .caption-wrap .caption p,
.swiper-slide .caption-wrap .caption div {
  color: #ffffff;
  text-align: center;
  margin: 0em;
}
.swiper-slide .caption-wrap .caption a:not(.prime-btn):not(.sec-btn):not(.prime-btn:hover):not(.sec-btn:hover) {
  color: #ffffff;
}
[data-content-section="feature-collage"]:before,
.background-elements .feature-collage:before {
  border-color: #b43449;
  border-width: 2px;
}
[data-content-section="feature-detailed-with-icon"] .list-item-graphic,
.background-elements .feature-detailed-with-icon {
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #eaeaea;
}
.alt-container [data-content-section="feature-collage"]:before,
.alt-container .background-elements .feature-collage:before {
  border-color: #b43449;
  border-width: 2px;
}
.alt-container [data-content-section="feature-detailed-with-icon"] .list-item-graphic,
.alt-container .background-elements .feature-detailed-with-icon {
  background-image: initial;
  background-repeat: repeat;
  background-position: top left;
  background-color: #eaeaea;
}
.alt2-container [data-content-section="feature-collage"]:before,
.alt2-container .background-elements .feature-collage:before {
  border-color: initial;
  border-width: initial;
}
.alt2-container [data-content-section="feature-detailed-with-icon"] .list-item-graphic,
.alt2-container .background-elements .feature-detailed-with-icon {
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
}
[data-content-section="content-overlap-basic"][data-color-option="option_1"] .content-wrapper,
[data-content-section="image-overlap-detailed"][data-color-option="option_1"]:before,
[data-content-section="content-overlap-detailed"][data-color-option="option_1"] .content-wrapper,
[data-content-section="card-layout-detailed"][data-color-option="option_1"] .content-wrapper,
.boxed-elements.option-1 {
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #eaeaea;
}
[data-content-section="content-overlap-basic"][data-color-option="option_1"] .content-wrapper h2,
[data-content-section="image-overlap-detailed"][data-color-option="option_1"] .content-wrapper h2,
[data-content-section="content-overlap-detailed"][data-color-option="option_1"] .content-wrapper h2,
[data-content-section="card-layout-detailed"][data-color-option="option_1"] .content-wrapper h2,
.boxed-elements.option-1 h2 {
  color: #b43449;
}
[data-content-section="image-overlap-detailed"][data-color-option="option_1"] .content-wrapper h5,
.boxed-elements.option-1 h5 {
  color: #26467d;
}
[data-content-section="image-overlap-detailed"][data-color-option="option_1"] .content-wrapper p,
[data-content-section="content-overlap-detailed"][data-color-option="option_1"] .content-wrapper p,
[data-content-section="card-layout-detailed"][data-color-option="option_1"] .content-wrapper p,
.boxed-elements.option-1 p {
  color: #09090d;
}
[data-content-section="image-overlap-detailed"][data-color-option="option_1"] .content-wrapper a,
[data-content-section="content-overlap-detailed"][data-color-option="option_1"] .content-wrapper a,
[data-content-section="card-layout-detailed"][data-color-option="option_1"] .content-wrapper a,
.boxed-elements.option-1 a {
  color: #b43449;
}
[data-content-section="image-overlap-detailed"][data-color-option="option_1"] .content-wrapper a:hover,
[data-content-section="content-overlap-detailed"][data-color-option="option_1"] .content-wrapper a:hover,
[data-content-section="card-layout-detailed"][data-color-option="option_1"] .content-wrapper a:hover,
.boxed-elements.option-1 a:hover {
  color: #b43449;
}
[data-content-section="image-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn,
[data-content-section="content-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn,
[data-content-section="card-layout-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn,
.boxed-elements.option-1 .button-wrapper a.prime-btn {
  color: #ffffff;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #2fc3e5;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #2fc3e5;
  border-right-color: #2fc3e5;
  border-bottom-color: #2fc3e5;
  border-left-color: #2fc3e5;
}
[data-content-section="image-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn:hover,
[data-content-section="content-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn:hover,
[data-content-section="card-layout-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn:hover,
.boxed-elements.option-1 .button-wrapper a.prime-btn:hover {
  color: #2fc3e5;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #ffffff;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #2fc3e5;
  border-right-color: #2fc3e5;
  border-bottom-color: #2fc3e5;
  border-left-color: #2fc3e5;
}
[data-content-section="image-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn,
[data-content-section="content-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn,
[data-content-section="card-layout-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn,
.boxed-elements.option-1 .button-wrapper a.sec-btn {
  color: #ffffff;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #26467d;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #26467d;
  border-right-color: #26467d;
  border-bottom-color: #26467d;
  border-left-color: #26467d;
}
[data-content-section="image-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn:hover,
[data-content-section="content-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn:hover,
[data-content-section="card-layout-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn:hover,
.boxed-elements.option-1 .button-wrapper a.sec-btn:hover {
  color: #26467d;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #ffffff;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #26467d;
  border-right-color: #26467d;
  border-bottom-color: #26467d;
  border-left-color: #26467d;
}
[data-content-section="content-overlap-basic"][data-color-option="option_2"] .content-wrapper,
[data-content-section="image-overlap-detailed"][data-color-option="option_2"]:before,
[data-content-section="content-overlap-detailed"][data-color-option="option_2"] .content-wrapper,
[data-content-section="card-layout-detailed"][data-color-option="option_2"] .content-wrapper,
.boxed-elements.option-2 {
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #26467d;
}
[data-content-section="content-overlap-basic"][data-color-option="option_2"] .content-wrapper h2,
[data-content-section="image-overlap-detailed"][data-color-option="option_2"] .content-wrapper h2,
[data-content-section="content-overlap-detailed"][data-color-option="option_2"] .content-wrapper h2,
[data-content-section="card-layout-detailed"][data-color-option="option_2"] .content-wrapper h2,
.boxed-elements.option-2 h2 {
  color: #ffffff;
}
[data-content-section="image-overlap-detailed"][data-color-option="option_2"] .content-wrapper h5,
.boxed-elements.option-2 h5 {
  color: #ffffff;
}
[data-content-section="image-overlap-detailed"][data-color-option="option_2"] .content-wrapper p,
[data-content-section="content-overlap-detailed"][data-color-option="option_2"] .content-wrapper p,
[data-content-section="card-layout-detailed"][data-color-option="option_2"] .content-wrapper p,
.boxed-elements.option-2 p {
  color: #ffffff;
}
[data-content-section="image-overlap-detailed"][data-color-option="option_2"] .content-wrapper a,
[data-content-section="content-overlap-detailed"][data-color-option="option_2"] .content-wrapper a,
[data-content-section="card-layout-detailed"][data-color-option="option_2"] .content-wrapper a,
.boxed-elements.option-2 a {
  color: #ffffff;
}
[data-content-section="image-overlap-detailed"][data-color-option="option_2"] .content-wrapper a:hover,
[data-content-section="content-overlap-detailed"][data-color-option="option_2"] .content-wrapper a:hover,
[data-content-section="card-layout-detailed"][data-color-option="option_2"] .content-wrapper a:hover,
.boxed-elements.option-2 a:hover {
  color: #cccccc;
}
[data-content-section="image-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn,
[data-content-section="content-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn,
[data-content-section="card-layout-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn,
.boxed-elements.option-2 a.prime-btn {
  color: #ffffff;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #2fc3e5;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #2fc3e5;
  border-right-color: #2fc3e5;
  border-bottom-color: #2fc3e5;
  border-left-color: #2fc3e5;
}
[data-content-section="image-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn:hover,
[data-content-section="content-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn:hover,
[data-content-section="card-layout-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn:hover,
.boxed-elements.option-2 a.prime-btn:hover {
  color: #2fc3e5;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #ffffff;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #2fc3e5;
  border-right-color: #2fc3e5;
  border-bottom-color: #2fc3e5;
  border-left-color: #2fc3e5;
}
[data-content-section="image-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn,
[data-content-section="content-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn,
[data-content-section="card-layout-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn,
.boxed-elements.option-2 a.sec-btn {
  color: #ffffff;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #26467d;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #26467d;
  border-right-color: #26467d;
  border-bottom-color: #26467d;
  border-left-color: #26467d;
}
[data-content-section="image-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn:hover,
[data-content-section="content-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn:hover,
[data-content-section="card-layout-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn:hover,
.boxed-elements.option-2 a.sec-btn:hover {
  color: #26467d;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #ffffff;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #26467d;
  border-right-color: #26467d;
  border-bottom-color: #26467d;
  border-left-color: #26467d;
}
.alt-container [data-content-section="content-overlap-basic"][data-color-option="option_1"] .content-wrapper,
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"]:before,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .content-wrapper,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .content-wrapper,
.alt-container .boxed-elements.option-1 {
  background-image: initial;
  background-repeat: repeat;
  background-position: top left;
  background-color: #ffffff;
}
.alt-container [data-content-section="content-overlap-basic"][data-color-option="option_1"] .content-wrapper h2,
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .content-wrapper h2,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .content-wrapper h2,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .content-wrapper h2,
.alt-container .boxed-elements.option-1 h2 {
  color: #b43449;
}
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .content-wrapper h5,
.alt-container .boxed-elements.option-1 h5 {
  color: #26467d;
}
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .content- p,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .content-wrapper p,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .content-wrapper p,
.alt-container .boxed-elements.option-1 p {
  color: #09090d;
}
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .content-wrapper a,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .content-wrapper a,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .content-wrapper a,
.alt-container .boxed-elements.option-1 a {
  color: #b43449;
}
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .content-wrapper a:hover,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .content-wrapper a:hover,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .content-wrapper a:hover,
.alt-container .boxed-elements.option-1 a:hover {
  color: #b43449;
}
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn,
.alt-container .boxed-elements.option-1 a.prime-btn {
  color: #ffffff;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #2fc3e5;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #2fc3e5;
  border-right-color: #2fc3e5;
  border-bottom-color: #2fc3e5;
  border-left-color: #2fc3e5;
}
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn:hover,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn:hover,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn:hover,
.alt-container .boxed-elements.option-1 a.prime-btn:hover {
  color: #2fc3e5;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #ffffff;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #2fc3e5;
  border-right-color: #2fc3e5;
  border-bottom-color: #2fc3e5;
  border-left-color: #2fc3e5;
}
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn,
.alt-container .boxed-elements.option-1 a.sec-btn {
  color: #ffffff;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #26467d;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #26467d;
  border-right-color: #26467d;
  border-bottom-color: #26467d;
  border-left-color: #26467d;
}
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn:hover,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn:hover,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn:hover,
.alt-container .boxed-elements.option-1 a.sec-btn:hover {
  color: #26467d;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #ffffff;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #26467d;
  border-right-color: #26467d;
  border-bottom-color: #26467d;
  border-left-color: #26467d;
}
.alt-container [data-content-section="content-overlap-basic"][data-color-option="option_2"] .content-wrapper,
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"]:before,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .content-wrapper,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .content-wrapper,
.alt-container .boxed-elements.option-2 {
  background-image: initial;
  background-repeat: repeat;
  background-position: top left;
  background-color: #2fc3e5;
}
.alt-container [data-content-section="content-overlap-basic"][data-color-option="option_2"] .content-wrapper h2,
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .content-wrapper h2,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .content-wrapper h2,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .content-wrapper h2,
.alt-container .boxed-elements.option-2 h2 {
  color: #ffffff;
}
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .content-wrapper h5,
.alt-container .boxed-elements.option-2 h5 {
  color: #ffffff;
}
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .content-wrapper p,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .content-wrapper p,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .content-wrapper p,
.alt-container .boxed-elements.option-2 p {
  color: #ffffff;
}
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .content-wrapper a,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .content-wrapper a,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .content-wrapper a,
.alt-container .boxed-elements.option-2 a {
  color: #ffffff;
}
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .content-wrapper a:hover,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .content-wrapper a:hover,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .content-wrapper a:hover,
.alt-container .boxed-elements.option-2 a:hover {
  color: #ffffff;
}
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn,
.alt-container .boxed-elements.option-2 a.prime-btn {
  color: #ffffff;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #26467d;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #26467d;
  border-right-color: #26467d;
  border-bottom-color: #26467d;
  border-left-color: #26467d;
}
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn:hover,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn:hover,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn:hover,
.alt-container .boxed-elements.option-2 a.prime-btn:hover {
  color: #26467d;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #ffffff;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #26467d;
  border-right-color: #26467d;
  border-bottom-color: #26467d;
  border-left-color: #26467d;
}
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn,
.alt-container .boxed-elements.option-2 a.sec-btn {
  color: #ffffff;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #26467d;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #26467d;
  border-right-color: #26467d;
  border-bottom-color: #26467d;
  border-left-color: #26467d;
}
.alt-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn:hover,
.alt-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn:hover,
.alt-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn:hover,
.alt-container .boxed-elements.option-2 a.sec-btn:hover {
  color: #26467d;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #ffffff;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #26467d;
  border-right-color: #26467d;
  border-bottom-color: #26467d;
  border-left-color: #26467d;
}
.alt2-container [data-content-section="content-overlap-basic"][data-color-option="option_1"] .content-wrapper,
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"]:before,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .content-wrapper,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .content-wrapper,
.alt2-container .boxed-elements.option-1 {
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
}
.alt2-container [data-content-section="content-overlap-basic"][data-color-option="option_1"] .content-wrapper h2,
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .content-wrapper h2,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .content-wrapper h2,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .content-wrapper h2,
.alt2-container .boxed-elements.option-1 h2 {
  color: initial;
}
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .content-wrapper h5,
.alt2-container .boxed-elements.option-1 h5 {
  color: initial;
}
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .content- p,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .content-wrapper p,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .content-wrapper p,
.alt2-container .boxed-elements.option-1 p {
  color: initial;
}
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .content-wrapper a,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .content-wrapper a,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .content-wrapper a,
.alt2-container .boxed-elements.option-1 a {
  color: initial;
}
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .content-wrapper a:hover,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .content-wrapper a:hover,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .content-wrapper a:hover,
.alt2-container .boxed-elements.option-1 a:hover {
  color: initial;
}
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn,
.alt2-container .boxed-elements.option-1 a.prime-btn {
  color: initial;
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn:hover,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn:hover,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .button-wrapper a.prime-btn:hover,
.alt2-container .boxed-elements.option-1 a.prime-btn:hover {
  color: initial;
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn,
.alt2-container .boxed-elements.option-1 a.sec-btn {
  color: initial;
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn:hover,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn:hover,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_1"] .button-wrapper a.sec-btn:hover,
.alt2-container .boxed-elements.option-1 a.sec-btn:hover {
  color: initial;
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
.alt2-container [data-content-section="content-overlap-basic"][data-color-option="option_2"] .content-wrapper,
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"]:before,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .content-wrapper,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .content-wrapper,
.alt2-container .boxed-elements.option-2 {
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
}
.alt2-container [data-content-section="content-overlap-basic"][data-color-option="option_2"] .content-wrapper h2,
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .content-wrapper h2,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .content-wrapper h2,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .content-wrapper h2,
.alt2-container .boxed-elements.option-2 h2 {
  color: initial;
}
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .content-wrapper h5,
.alt2-container .boxed-elements.option-2 h5 {
  color: initial;
}
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .content-wrapper p,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .content-wrapper p,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .content-wrapper p,
.alt2-container .boxed-elements.option-2 p {
  color: initial;
}
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .content-wrapper a,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .content-wrapper a,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .content-wrapper a,
.alt2-container .boxed-elements.option-2 a {
  color: initial;
}
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .content-wrapper a:hover,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .content-wrapper a:hover,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .content-wrapper a:hover,
.alt2-container .boxed-elements.option-2 a:hover {
  color: initial;
}
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn,
.alt2-container .boxed-elements.option-2 a.prime-btn {
  color: initial;
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn:hover,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn:hover,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .button-wrapper a.prime-btn:hover,
.alt2-container .boxed-elements.option-2 a.prime-btn:hover {
  color: initial;
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn,
.alt2-container .boxed-elements.option-2 a.sec-btn {
  color: initial;
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
.alt2-container [data-content-section="image-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn:hover,
.alt2-container [data-content-section="content-overlap-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn:hover,
.alt2-container [data-content-section="card-layout-detailed"][data-color-option="option_2"] .button-wrapper a.sec-btn:hover,
.alt2-container .boxed-elements.option-2 a.sec-btn:hover {
  color: initial;
  background-image: initial;
  background-repeat: initial;
  background-position: initial;
  background-color: initial;
  border-top-width: initial;
  border-right-width: initial;
  border-bottom-width: initial;
  border-left-width: initial;
  border-top-style: initial;
  border-right-style: initial;
  border-bottom-style: initial;
  border-left-style: initial;
  border-top-color: initial;
  border-right-color: initial;
  border-bottom-color: initial;
  border-left-color: initial;
}
.boxed-elements {
  padding: 1rem 2rem;
}
.slider-decorative.slider-decorative--spacing {
  margin: 20px;
}
.slider-decorative.slider-decorative--border {
  padding: 20px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #eaeaea;
  border-right-color: #eaeaea;
  border-bottom-color: #eaeaea;
  border-left-color: #eaeaea;
}
.slider-decorative.slider-decorative--spacing {
  --sd-margin: 20px;
}
.flexslider .content-area .prime-btn,
.swiper-slide .caption .prime-btn {
  color: #ffffff;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Inherit;
  font-style: inherit;
  text-decoration: none;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #2fc3e5;
  margin: 0px 0px 10px 0px;
  padding: 8px 20px 8px 20px;
  border-radius: 0px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #2fc3e5;
  border-right-color: #2fc3e5;
  border-bottom-color: #2fc3e5;
  border-left-color: #2fc3e5;
}
.flexslider .content-area .prime-btn:hover,
.swiper-slide .caption .prime-btn:hover {
  color: #2fc3e5;
  text-decoration: none;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #ffffff;
  border-radius: 0px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #2fc3e5;
  border-right-color: #2fc3e5;
  border-bottom-color: #2fc3e5;
  border-left-color: #2fc3e5;
}
.flexslider .content-area .sec-btn,
.swiper-slide .caption .sec-btn {
  color: #ffffff;
  font-size: Inherit;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Inherit;
  font-style: inherit;
  text-decoration: none;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #26467d;
  margin: 0px 0px 10px 0px;
  padding: 8px 20px 8px 20px;
  border-radius: 0px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #26467d;
  border-right-color: #26467d;
  border-bottom-color: #26467d;
  border-left-color: #26467d;
}
.flexslider .content-area .sec-btn:hover,
.swiper-slide .caption .sec-btn:hover {
  color: #26467d;
  text-decoration: none;
  background-image: initial;
  background-repeat: repeat;
  background-position: left top;
  background-color: #ffffff;
  border-radius: 0px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #26467d;
  border-right-color: #26467d;
  border-bottom-color: #26467d;
  border-left-color: #26467d;
}
.flexslider .content-area,
.swiper-slide .caption {
  height: auto;
}
/*Top Nav Menu*/
#topnav li {
  padding: 0 5px;
  vertical-align: middle;
}
#topnav li a:hover {
  opacity: 0.5;
}
.icons {
  float: right;
}
#social {
  text-align: right;
}
#search-toggle {
  float: initial;
}
/*End Top Nav Menu*/
/*Search Start*/
.topnav-search.search-box-wrapper {
  height: 35px;
}
.search-box-wrapper .fa-search {
  padding-top: 10px;
}
.search-box-wrapper .fa {
  margin: 0px;
}
.search-box-wrapper .search-form {
  padding: 0px;
}
.search-box-wrapper input {
  margin-bottom: 0.3em;
}
.topnav-search.search-box-wrapper .search-box .search-form input {
  width: 80%;
  padding-top: 0px;
  margin-top: -3px;
}
.topnav-search.search-box-wrapper i.fa {
  position: initial;
}
button.topnav-search-btn {
  background: none;
}
.search-box-wrapper input {
  height: auto;
}
.topnav-search.search-box-wrapper {
  height: auto;
}
/*Search End*/
/*Main Nav Needed Start*/
#botnav {
  width: auto;
}
/*Main Nav Needed End*/
/*Styles for full-height slider Start*/
.indexphp .header-btm {
  position: relative;
  display: block;
  margin-top: -100px;
}
.indexphp #header {
  z-index: 1;
}
.flexslider .slides img {
  max-height: inherit !important;
  height: 80vh !important;
}
@media only screen and (max-width: 1024px) {
  .indexphp .header-btm {
    margin-top: -110px;
  }
}
/*Styles for full-height slider End*/
/*Main Nav Border Bottom None Start*/
#nav .sfHover li,
#nav .sfHover li a {
  border-bottom: 0px;
}
/*Main Nav Border Bottom None End*/
/*Slider Caption Center Start*/
.flexslider .content-area {
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  height: min-content;
  max-width: 80%;
  padding: 15px 40px;
}
@supports (-ms-ime-align: auto) {
  .flexslider .content-area {
    display: inline-table;
  }
}
.header-btm .slider h1,
.header-btm .slider h1 a,
.header-btm .slider h2,
.header-btm .slider h2 a,
.header-btm .slider h3,
.header-btm .slider h3 a,
.header-btm .slider h4,
.header-btm .slider h4 a,
.header-btm .slider p {
  color: white;
  text-align: center;
  margin-bottom: 0em;
}
@media only screen and (max-width: 767px) {
  .flexslider .slides img {
    height: 300px;
  }
  .flexslider .content-area {
    width: 90%;
  }
  .header-btm .slider h1,
  .header-btm .slider h1 a,
  .header-btm .slider h2,
  .header-btm .slider h2 a,
  .header-btm .slider h3,
  .header-btm .slider h3 a,
  .header-btm .slider h4,
  .header-btm .slider h4 a {
    font-size: 1.2em;
  }
  .header-btm .slider p {
    font-size: 1em;
    line-height: 1.2em;
  }
}
/*Slider Caption Center End*/
.ytvideoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}
.ytvideoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ==========================================================================
   AAF TOLEDO - CUSTOM CSS  (complete - v3)
   WHERE: Design > Design Editor > Advanced > Custom CSS
   HOW:   Click Custom CSS to expand. Select everything already in that box
          and delete it. Paste this entire file. Save. Then PUBLISH the
          design - edits stay in preview until you do.
   ========================================================================== */
/* --------------------------------------------------------------------------
   1. MEMBER PHOTOS
   !important is required - StarChapter writes style="width:100px" directly
   on each photo, and an inline style beats a stylesheet without it.
   -------------------------------------------------------------------------- */
.aaf-avatar img {
  width: 74px !important;
  height: 74px !important;
  max-width: 74px !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  border: 0 !important;
}
body.directoryphp .aaf-avatar {
  width: 74px !important;
  height: 74px !important;
  flex: none !important;
}
/* --------------------------------------------------------------------------
   2. FULL-WIDTH LAYOUT
   The filter is a Bootstrap col-md-4 and the listing a col-md-8. Forcing
   both to 100% puts the filter above the listing as a horizontal bar and
   gives the full page to the cards. The filter already sits first in the
   markup, so no template change is needed.
   -------------------------------------------------------------------------- */
body.directoryphp .dir-filter-block,
body.directoryphp #directory-content-table {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.directoryphp .dir-filter-block {
  margin-bottom: 14px;
}
/* --------------------------------------------------------------------------
   3. FILTER HIDDEN
   The Member Groups filter checkboxes cannot be selected, and the Member
   Categories list has no editable admin screen. Search covers name,
   company and title. Delete this rule to bring the filter back.
   -------------------------------------------------------------------------- */
body.directoryphp .dir-filter-block {
  display: none !important;
}
body.directoryphp #directory-content-table {
  width: 100% !important;
  flex: 0 0 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* --------------------------------------------------------------------------
   6. SEARCH STRIP
   The element carries an inline background-color: #dcdcdc, hence !important.
   -------------------------------------------------------------------------- */
body.directoryphp #directory-content-table .text-right.pt-10.col-md-12 {
  background-color: #ffffff !important;
  border: 1px solid #dfe2e7;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  padding: 14px 18px !important;
}
body.directoryphp #directory-content-table input[type="text"] {
  border: 1px solid #dfe2e7;
  border-radius: 2px;
  padding: 9px 13px;
  font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
  min-height: 40px;
}
/* --------------------------------------------------------------------------
   7. CARDS ACROSS
   The table becomes a flex container and each row a flex item, so cards sit
   two across on desktop and stack on a phone. This works because every row
   holds one complete card.
   -------------------------------------------------------------------------- */
body.directoryphp .data-table.mem-directory {
  display: block;
  border: 0;
  width: 100%;
}
body.directoryphp .data-table.mem-directory tbody {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #dfe2e7;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}
/* The header row held only the column label and a broken sort icon */
body.directoryphp .data-table.mem-directory tr:first-child {
  display: none;
}
body.directoryphp .data-table.mem-directory tr {
  display: block;
  flex: 1 1 400px;
  min-width: 0;
  background: #ffffff !important;
  border-bottom: 1px solid #eceef1;
  border-right: 1px solid #eceef1;
}
body.directoryphp .data-table.mem-directory td {
  display: block;
  border: 0 !important;
  padding: 4px 14px !important;
  width: auto !important;
}
/* Member names - the theme underlines links, which reads heavy at 17px */
body.directoryphp .data-table.mem-directory a {
  text-decoration: none !important;
}
body.directoryphp .data-table.mem-directory a:hover {
  text-decoration: underline !important;
}
/* --------------------------------------------------------------------------
   8. "VIEW BY" TAB
   Cyan is a fill colour in the AAF palette rather than an ink, so white
   text on it reads poorly.
   -------------------------------------------------------------------------- */
body.directoryphp ul.view .prime-btn {
  background: #26467D !important;
  border: 1px solid #26467D !important;
  color: #ffffff !important;
  border-radius: 2px !important;
  text-decoration: none !important;
}
body.directoryphp ul.view .prime-btn:hover {
  background: #E92729 !important;
  border-color: #E92729 !important;
}
/* --------------------------------------------------------------------------
   9. PAGE HEADING
   -------------------------------------------------------------------------- */
body.directoryphp h1 {
  font-family: Poppins, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: 700;
  letter-spacing: -0.02em;
}
/* ==========================================================================
   AAF TOLEDO - JOB BOARD
   COMPLETE CSS. Replaces everything job-board related in Custom CSS.

   HOW TO USE
   Design > Design Editor > Custom CSS. Find the first line that reads
   "AAF TOLEDO - JOB BOARD" and delete from there to the end of the
   job board rules, then paste this whole file in its place. Publish.

   Do not delete the directory, member profile, or homepage rules.

   Covers:
     1. Listing cards on /job_board
     2. Two-column layout on /job_board
     3. The single job detail page (classifieds.php), including the
        sidebar of other listings
     4. The submission form (form.php?form_id=10)
   ========================================================================== */
/* ==========================================================================
   1. LISTING CARDS
   Each listing is .class-landing, a 3-column bootstrap row holding
   title/company, type and date, and the View Ad button.
   ========================================================================== */
.class-landing {
  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  padding: 22px 24px;
  margin: 0 0 12px 0;
  background: #ffffff;
  border: 1px solid #dfe2e7;
  border-radius: 4px;
}
.class-landing:hover {
  border-color: #b6bcc5;
}
/* Title and company */
.class-landing > .col-md-6 {
  flex: 1 1 320px;
  min-width: 0;
  width: auto !important;
  padding: 0 !important;
}
.class-landing h3 {
  font-family: inherit;
  font-size: 19px;
  line-height: 1.3;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.01em;
  margin: 0 0 4px;
}
.class-landing h3 a {
  color: #16181c;
  text-decoration: none;
}
.class-landing h3 a:hover {
  color: #E92729;
}
.class-landing > .col-md-6 p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
}
.class-landing > .col-md-6 strong {
  font-weight: 500;
  color: #26467D;
}
/* Date column */
.class-landing > .col-md-4 {
  flex: 0 1 170px;
  min-width: 0;
  width: auto !important;
  padding: 0 !important;
}
.class-landing > .col-md-4 p {
  margin: 0;
}
/* The <em> holds the Type, which is "Job Posting" on every listing in both
   sections. The section headings already say paid vs volunteer. */
.class-landing em {
  display: none;
}
.class-landing .light {
  font-size: 13px;
  color: #6d7278;
}
/* View Ad button */
.class-landing > .col-md-2 {
  flex: 0 0 auto;
  width: auto !important;
  padding: 0 !important;
  margin-left: auto;
}
.class-landing > .col-md-2 p {
  margin: 0;
}
.class-landing .prime-btn {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: auto !important;
  padding: 13px 24px;
  background: #26467D;
  color: #ffffff;
  border: 0;
  border-radius: 2px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  min-height: 44px;
  white-space: nowrap;
}
.class-landing .prime-btn:hover {
  background: #E92729;
  color: #ffffff;
}
/* The module emits a clearing div unnecessary in a flex row */
.class-landing .clear {
  display: none;
}
@media (max-width: 767px) {
  .class-landing {
    padding: 18px 18px;
  }
  .class-landing > .col-md-2 {
    margin-left: 0;
    width: 100% !important;
  }
  .class-landing .prime-btn {
    width: 100% !important;
  }
}
/* ==========================================================================
   2. TWO-COLUMN LAYOUT
   Cards stack vertically so they fit a half-width column.
   ========================================================================== */
.class-landing {
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
  padding: 20px 22px;
}
.class-landing > .col-md-6,
.class-landing > .col-md-4,
.class-landing > .col-md-2 {
  flex: 0 0 auto;
  width: 100% !important;
  margin-left: 0;
}
.class-landing > .col-md-4 {
  order: 2;
}
.class-landing > .col-md-2 {
  order: 3;
}
.class-landing .prime-btn {
  width: 100% !important;
}
.class-landing .light {
  display: block;
  padding-bottom: 2px;
  border-bottom: 1px solid #eceef1;
}
/* ==========================================================================
   3. JOB DETAIL PAGE (classifieds.php)
   Scoped to body.classifiedsphp so it cannot affect any other page.
   classifieds.php is a 25/75 layout. The left column holds the sidebar.
   ========================================================================== */
body.classifiedsphp .inner-content {
  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* --- Sidebar, left 25% column --------------------------------------------- */
/* The Classified List renders here as a ROTATOR, not the card list used on
   /job_board. It emits no class attributes at all - each listing is a bare
   <div> inside a bare wrapper <div>.

   The pasted headings and the Hiring card all carry inline style, the
   module wrappers do not. That is what div:not([style]) keys off. Do not
   remove the inline styles from those pasted blocks. */
body.classifiedsphp #left-col-48 {
  padding-right: 40px;
}
body.classifiedsphp #left-col-48 .inner-content {
  position: sticky;
  top: 24px;
  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
/* A listing card */
body.classifiedsphp #left_column_td_48 > div:not([style]) > div {
  padding: 15px 17px;
  margin-bottom: 10px;
  background: #ffffff;
  border: 1px solid #dfe2e7;
  border-radius: 4px;
}
body.classifiedsphp #left_column_td_48 > div:not([style]) > div:hover {
  border-color: #26467D;
}
body.classifiedsphp #left_column_td_48 > div:not([style]) h3 {
  font-family: inherit;
  font-size: 16px;
  line-height: 1.3;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.01em;
  color: #16181c;
  margin: 0 0 3px;
}
body.classifiedsphp #left_column_td_48 > div:not([style]) p {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}
body.classifiedsphp #left_column_td_48 > div:not([style]) strong {
  font-weight: 500;
  color: #26467D;
}
/* The rotator prints a truncated excerpt ending in "..." - drop it */
body.classifiedsphp #left_column_td_48 > div:not([style]) > div > p:nth-of-type(2) {
  display: none;
}
/* And an empty spacer paragraph after the button */
body.classifiedsphp #left_column_td_48 > div:not([style]) > div > p:last-child {
  display: none;
}
/* The title is not a link in the rotator, so this button is the only way
   in. Rendered as a compact text link rather than a full button. */
body.classifiedsphp #left_column_td_48 .prime-btn {
  display: inline-block;
  margin-top: 9px;
  padding: 0;
  background: none;
  border: 0;
  min-height: 0;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #26467D;
  text-decoration: none;
}
body.classifiedsphp #left_column_td_48 .prime-btn:hover {
  background: none;
  color: #E92729;
  text-decoration: underline;
}
/* Show only the first two listings per section */
body.classifiedsphp #left_column_td_48 > div:not([style]) > div:nth-child(n+3) {
  display: none;
}
/* An empty section, and its heading, disappear.
   A module with no listings renders as a wrapper div with no children. */
body.classifiedsphp #left_column_td_48 > div:not([style]):not(:has(> div)),
body.classifiedsphp #left_column_td_48 > div[style]:has( + div:not([style]):not(:has(> div))) {
  display: none;
}
/* --- Page title becomes a kicker ------------------------------------------ */
body.classifiedsphp #right-col-48 h1 {
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #6d7278;
  margin: 0 0 14px;
}
/* The sidebar card replaces this */
body.classifiedsphp #right-col-48 .inner-content > p {
  display: none;
}
/* --- Listing head --------------------------------------------------------- */
body.classifiedsphp .landing > .row:first-child {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 24px;
  margin: 0;
  padding: 0 0 22px;
  border-bottom: 2px solid #16181c;
}
body.classifiedsphp .landing > .row:first-child > [class*="col-sm"] {
  flex: 0 1 auto;
  width: auto !important;
  padding: 0 !important;
}
body.classifiedsphp .landing > .row:first-child > .col-sm-8 {
  flex: 1 1 340px;
  min-width: 0;
}
body.classifiedsphp .landing > .row:first-child > .col-sm-4 {
  margin-left: auto;
}
body.classifiedsphp .landing h3 {
  font-family: inherit;
  font-size: 44px;
  line-height: 1.08;
  font-weight: 700;
  font-style: normal;
  letter-spacing: -0.025em;
  color: #16181c;
  margin: 0 0 8px;
  text-wrap: pretty;
}
body.classifiedsphp .landing > .row:first-child .col-sm-8 p {
  margin: 0;
  font-size: 18px;
  line-height: 1.4;
}
body.classifiedsphp .landing > .row:first-child .col-sm-8 strong {
  font-weight: 500;
  color: #26467D;
}
/* Type reads "Job Posting" on every listing. Hide it, keep the date. */
body.classifiedsphp .landing em,
body.classifiedsphp .landing em + br {
  display: none;
}
body.classifiedsphp .landing .light {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #6d7278;
}
/* --- Listing body --------------------------------------------------------- */
/* The title already prints from the Title field */
body.classifiedsphp .views-field-title {
  display: none;
}
body.classifiedsphp .landing > .row:not(:first-child) {
  display: block;
  width: auto !important;
  max-width: 68ch;
  margin: 0;
  padding: 26px 0 0 !important;
  font-size: 16px;
  line-height: 1.75;
  color: #3a3e44;
}
body.classifiedsphp .landing > .row:not(:first-child) > p {
  margin: 0 0 18px;
}
/* Section headers - Position Summary, Position Requirements, and so on */
body.classifiedsphp .field-content > div > strong {
  display: block;
  margin: 26px 0 6px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #26467D;
}
body.classifiedsphp .field-content ul {
  margin: 0;
  padding-left: 20px;
}
body.classifiedsphp .field-content li {
  margin-bottom: 7px;
}
body.classifiedsphp .field-content li strong {
  font-weight: 600;
  color: #16181c;
}
/* --- Apply button --------------------------------------------------------- */
/* Any outbound link in the body. Contact emails and the return link are
   excluded because neither href starts with http. */
body.classifiedsphp .landing > .row:not(:first-child) p > a[href^="http"]:not([href*="aaftoledo.org"]) {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  margin-top: 8px;
  padding: 14px 28px;
  background: #E92729;
  color: #ffffff !important;
  border-radius: 2px;
  font-size: 15px;
  font-weight: 600;
  text-decoration: none !important;
  word-break: normal;
}
body.classifiedsphp .landing > .row:not(:first-child) p > a[href^="http"]:not([href*="aaftoledo.org"]):hover {
  background: #16181c;
  color: #ffffff !important;
}
/* --- Contact card --------------------------------------------------------- */
/* Two selectors because the two listings nest this differently */
body.classifiedsphp .landing > p:has(> strong),
body.classifiedsphp .landing > .row:not(:first-child) p:has(> strong) {
  max-width: 68ch;
  margin: 36px 0 0;
  padding: 22px 24px;
  background: #fbfbfc;
  border: 1px solid #eceef1;
  border-radius: 4px;
  font-size: 16px;
  line-height: 1.7;
  color: #3a3e44;
}
body.classifiedsphp .landing > p:has(> strong) strong,
body.classifiedsphp .landing > .row:not(:first-child) p:has(> strong) strong {
  display: block;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #6d7278;
}
body.classifiedsphp .landing p:has(> strong) a {
  font-weight: 500;
  color: #26467D;
  text-decoration: none;
}
body.classifiedsphp .landing p:has(> strong) a:hover {
  text-decoration: underline;
}
/* --- Return link ---------------------------------------------------------- */
/* Hardcoded to classifieds.php, the duplicate-listing page. The sidebar
   is the back-path now. */
body.classifiedsphp .landing p:has(> a[href="classifieds.php"]) {
  display: none;
}
/* --- Narrow screens ------------------------------------------------------- */
@media (max-width: 991px) {
  body.classifiedsphp #left-col-48 {
    padding-right: 0;
  }
  body.classifiedsphp #left-col-48 .inner-content {
    position: static;
  }
  body.classifiedsphp .landing h3 {
    font-size: 32px;
  }
}
/* ==========================================================================
   4. SUBMISSION FORM (form.php?form_id=10)
   Scoped to body.formphpform_id10, which is only this one form.

   The template ships with its heading commented out, so this page has no
   title. Add one as a Blank content section above the form, or in the
   Form Builder intro field if it has one - CSS cannot uncomment it.
   ========================================================================== */
body.formphpform_id10 .content .inner-content {
  max-width: 720px;
  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
body.formphpform_id10 form.inline-label {
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-top: 28px;
}
/* Stacked label over field, instead of the inline-label default */
body.formphpform_id10 .ques-group {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin: 0;
  padding: 0;
}
body.formphpform_id10 .ques-group > label {
  display: block;
  width: auto;
  float: none;
  text-align: left;
  margin: 0;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  color: #16181c;
}
body.formphpform_id10 .ques-group > label .red {
  color: #E92729;
  margin-right: 2px;
}
/* Fields */
body.formphpform_id10 .ques-group input[type="text"],
body.formphpform_id10 .ques-group select,
body.formphpform_id10 .ques-group textarea {
  width: 100%;
  max-width: 100%;
  min-height: 44px;
  padding: 11px 13px;
  background: #ffffff;
  border: 1px solid #dfe2e7;
  border-radius: 2px;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  color: #16181c;
  box-shadow: none;
}
body.formphpform_id10 .ques-group input[type="text"]:focus,
body.formphpform_id10 .ques-group select:focus,
body.formphpform_id10 .ques-group textarea:focus {
  outline: none;
  border-color: #26467D;
  box-shadow: 0 0 0 3px rgba(38, 70, 125, 0.12);
}
body.formphpform_id10 .ques-group select {
  appearance: none;
  padding-right: 38px;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%236d7278' d='M1 1.5 6 6.5l5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 11px;
}
/* The Copy field is a TinyMCE editor */
body.formphpform_id10 .tox-tinymce {
  border: 1px solid #dfe2e7 !important;
  border-radius: 2px !important;
}
/* The template emits an empty row holding only scripts */
body.formphpform_id10 .ques-group:has(> label:empty) {
  display: none;
}
/* --- Submit row ----------------------------------------------------------- */
body.formphpform_id10 #submitLeadIn {
  display: none;
}
body.formphpform_id10 .ques-group:has(#submit-button) {
  flex-direction: row;
  align-items: center;
  gap: 12px;
  margin-top: 6px;
  padding-top: 26px;
  border-top: 1px solid #eceef1;
}
body.formphpform_id10 #submit-button.prime-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 44px;
  padding: 14px 30px;
  background: #26467D;
  color: #ffffff;
  border: 0;
  border-radius: 2px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
}
body.formphpform_id10 #submit-button.prime-btn:hover {
  background: #E92729;
}
body.formphpform_id10 .sec-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-height: 44px;
  padding: 14px 22px;
  background: none;
  color: #6d7278;
  border: 1px solid #dfe2e7;
  border-radius: 2px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
}
body.formphpform_id10 .sec-btn:hover {
  background: #fbfbfc;
  border-color: #b6bcc5;
  color: #16181c;
}
body.formphpform_id10 .submitBtn:disabled {
  opacity: 0.55;
}
/* ======================= END OF JOB BOARD CSS ============================= */
/* ===== AAF TOLEDO - PHOTO GALLERY ===== */
/* 12-column mosaic. :has() keeps this off the single-album page,
   which shares the body.galleryphp class. */
body.galleryphp #middle_column_td_33:has(a[href*="gallery.php?id="]) {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 34px 16px;
  align-items: start;
}
body.galleryphp #middle_column_td_33:has(a[href*="gallery.php?id="]) > div.clear {
  display: none;
}
/* The cycle: a row of three, then a row of four, repeating. A short final
   row simply sits left-aligned, which is what a grid is supposed to do.
   nth-of-type, NOT nth-child: the container also holds a clear div, a
   script and the hidden filter form, and nth-child would count those and
   start the cycle on the wrong album. */
body.galleryphp a[href*="gallery.php?id="] {
  grid-column: span 3;
  display: block;
  text-decoration: none;
  color: inherit;
}
body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+1),
body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+2),
body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+3) {
  grid-column: span 4;
}
/* Covers. Rows of three are 4:3, rows of four are the wider 3:2. */
body.galleryphp a[href*="gallery.php?id="] .img {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
body.galleryphp a[href*="gallery.php?id="] .img .thumb {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: hidden;
  background: #fbfbfc;
  border-radius: 3px;
  aspect-ratio: 3 / 2;
  line-height: 0;
}
body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+1) .img .thumb,
body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+2) .img .thumb,
body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+3) .img .thumb {
  aspect-ratio: 4 / 3;
}
body.galleryphp a[href*="gallery.php?id="] .img .thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
  border: 0;
  border-radius: 0;
  transition: transform 0.5s cubic-bezier(0.2, 0.6, 0.2, 1), opacity 0.25s ease;
}
body.galleryphp a[href*="gallery.php?id="]:hover .img .thumb img {
  transform: scale(1.035);
  opacity: 0.9;
}
/* Caption. The page's own script writes an inline equal-height onto
   .caption div, hence the !important. */
body.galleryphp a[href*="gallery.php?id="] .img .caption {
  display: block;
  margin: 0;
  padding: 14px 2px 0;
  background: none;
  border: 0;
  text-align: left;
}
body.galleryphp a[href*="gallery.php?id="] .img .caption > div {
  height: auto !important;
  width: 100%;
}
body.galleryphp a[href*="gallery.php?id="] .img .caption br {
  display: none;
}
body.galleryphp a[href*="gallery.php?id="] .img .caption strong {
  display: block;
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.012em;
  color: #16181c;
  text-wrap: pretty;
  transition: color 0.18s ease;
}
body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+1) .img .caption strong,
body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+2) .img .caption strong,
body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+3) .img .caption strong {
  font-size: 19px;
  letter-spacing: -0.018em;
}
body.galleryphp a[href*="gallery.php?id="]:hover .img .caption strong {
  color: #26467D;
}
body.galleryphp a[href*="gallery.php?id="] .img .caption em.light {
  display: block;
  margin-top: 6px;
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6d7278;
}
/* Two up, then one up. The cycle is off below 900px - at those widths a
   quarter-width tile would be too small to read. */
@media (max-width: 900px) {
  body.galleryphp #middle_column_td_33:has(a[href*="gallery.php?id="]) {
    gap: 28px 14px;
  }
  body.galleryphp a[href*="gallery.php?id="],
  body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+1),
  body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+2),
  body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+3) {
    grid-column: span 6;
  }
  body.galleryphp a[href*="gallery.php?id="] .img .thumb,
  body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+1) .img .thumb,
  body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+2) .img .thumb,
  body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+3) .img .thumb {
    aspect-ratio: 4 / 3;
  }
  body.galleryphp a[href*="gallery.php?id="] .img .caption strong,
  body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+1) .img .caption strong,
  body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+2) .img .caption strong,
  body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+3) .img .caption strong {
    font-size: 16px;
    letter-spacing: -0.01em;
  }
}
@media (max-width: 560px) {
  body.galleryphp a[href*="gallery.php?id="],
  body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+1),
  body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+2),
  body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+3) {
    grid-column: span 12;
  }
  body.galleryphp a[href*="gallery.php?id="] .img .caption strong,
  body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+1) .img .caption strong,
  body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+2) .img .caption strong,
  body.galleryphp a[href*="gallery.php?id="]:nth-of-type(7n+3) .img .caption strong {
    font-size: 18px;
  }
}
/* HIDE THE FILTER. Delete these three lines to bring it back. */
body.galleryphp #toggle-filter,
body.galleryphp #filterForm.filter {
  display: none !important;
}
/* Filter styling, kept inert in case the filter is ever restored. */
body.galleryphp #toggle-filter {
  margin: 0 0 10px;
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: 600;
}
body.galleryphp #toggle-filter a {
  color: #6d7278;
  text-decoration: none;
}
body.galleryphp #toggle-filter a:hover {
  color: #E92729;
}
body.galleryphp #filterForm.filter {
  grid-column: 1 / -1;
  margin: 0 0 14px;
  padding: 20px 22px;
  background: #fbfbfc;
  border: 1px solid #eceef1;
  border-radius: 4px;
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.galleryphp #filterForm.filter > label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #6d7278;
}
body.galleryphp #filterForm .accordion .head a {
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #16181c;
  text-decoration: none;
}
body.galleryphp #filterForm .btns input[type="button"] {
  min-height: 44px;
  padding: 0 22px;
  border-radius: 2px;
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}
body.galleryphp #filterForm .btns input.prime-btn {
  background: #26467D;
  border: 1px solid #26467D;
  color: #ffffff;
}
body.galleryphp #filterForm .btns input.sec-btn {
  background: #ffffff;
  border: 1px solid #dfe2e7;
  color: #16181c;
}
/* ---------- INSIDE AN ALBUM (gallery.php?id=N) ---------- */
/* Breadcrumb becomes the page header: kicker above, album title below. */
body.galleryphp ul.breadcrumbs {
  list-style: none;
  margin: 0 0 34px;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
body.galleryphp ul.breadcrumbs li {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.galleryphp ul.breadcrumbs li:first-child {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #6d7278;
}
body.galleryphp ul.breadcrumbs li:first-child a {
  color: #6d7278;
  text-decoration: none;
}
body.galleryphp ul.breadcrumbs li:first-child a:hover {
  color: #E92729;
}
body.galleryphp ul.breadcrumbs li:first-child span {
  display: none;
}
body.galleryphp ul.breadcrumbs li:last-child {
  font-size: clamp(26px, 3.4vw, 40px);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.025em;
  color: #16181c;
  text-wrap: pretty;
}
/* Masonry. CSS multi-column, so every photo keeps its own aspect ratio -
   portraits stay tall, landscapes stay wide, nothing is cropped. Reading
   order runs down each column rather than across; that is the tradeoff for
   getting masonry without JavaScript.

   The !important flags are not optional. The theme floats .img and .thumb
   and gives them fixed pixel dimensions. Floats inside a multi-column
   container pile up sideways and collapse the column, which is what a
   gallery of squashed strips over empty space looks like. Every float,
   width and height below has to be unset for the wall to build. */
body.galleryphp #gallery {
  columns: 4 235px;
  column-gap: 12px;
  overflow: visible;
}
body.galleryphp #gallery::after {
  content: none;
}
body.galleryphp #gallery .img {
  float: none !important;
  clear: none !important;
  position: static !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  break-inside: avoid;
  page-break-inside: avoid;
  margin: 0 0 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
body.galleryphp #gallery .img .thumb {
  float: none !important;
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden;
  border-radius: 3px;
  background: #fbfbfc;
  line-height: 0;
  text-align: left !important;
}
body.galleryphp #gallery .img .thumb a {
  float: none !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  line-height: 0;
}
body.galleryphp #gallery .img .thumb img {
  float: none !important;
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: auto !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  transition: opacity 0.22s ease;
}
body.galleryphp #gallery .img .thumb a:hover img {
  opacity: 0.82;
}
/* Captions inside the album are empty - collapse them so they do not add
   dead space between photos. */
body.galleryphp #gallery .img .caption {
  display: none !important;
}
/* The theme drops clear divs between photos; inside a column they force
   phantom gaps. */
body.galleryphp #gallery > .clear,
body.galleryphp #gallery > br {
  display: none !important;
}
/* Pagination + rows-per-page under the masonry.

   IT LIVES IN A FORM, not in #gallery. The markup is:
     div#gallery ... /div, div.clear, form > ul.page-nav
   The form was floating up beside the masonry and rendering as a narrow
   vertical strip of stacked letters, so the form itself needs clearing and
   full width - that is what the rule below does. Styling the ul alone does
   nothing about the float.

   Styled to match the header nav: 44px pill targets, hairline borders,
   ink current page, red on hover. */
body.galleryphp .inner-content > form {
  clear: both;
  float: none;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}
body.galleryphp ul.page-nav {
  clear: both;
  width: 100%;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 44px 0 0;
  padding: 26px 0 0;
  border-top: 1px solid #eceef1;
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #3a3e44;
}
body.galleryphp ul.page-nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}
body.galleryphp ul.page-nav li:first-child {
  margin-right: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
body.galleryphp ul.page-nav strong {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #6d7278;
}
body.galleryphp ul.page-nav select {
  min-height: 40px;
  padding: 0 10px;
  border: 1px solid #dfe2e7;
  border-radius: 2px;
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #16181c;
  background: #ffffff;
}
body.galleryphp ul.page-nav li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid #e7e9ec;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.01em;
  color: #3a3e44;
  white-space: nowrap;
  text-decoration: none;
  transition: border-color 0.16s ease, color 0.16s ease, background 0.16s ease;
}
body.galleryphp ul.page-nav li a:hover {
  border-color: #16181c;
  color: #E92729;
}
body.galleryphp ul.page-nav li a.current {
  background: #16181c;
  border-color: #16181c;
  color: #ffffff;
}
body.galleryphp ul.page-nav li a.current:hover {
  color: #ffffff;
}
@media (max-width: 560px) {
  body.galleryphp ul.page-nav {
    gap: 6px;
  }
  body.galleryphp ul.page-nav li:first-child {
    flex: 1 1 100%;
    margin: 0 0 14px;
  }
  body.galleryphp #gallery {
    columns: 2 140px;
    column-gap: 8px;
  }
  body.galleryphp #gallery .img {
    margin-bottom: 8px;
  }
}
/* ===== END OF PHOTO GALLERY CSS ===== */
/* ===== AAF TOLEDO - RESOURCE LIBRARY ===== */
/* VERSION 5.3 - whole tile is now the click target, not just the cover.
   VERSION 5.2 - kills .row's Bootstrap clearfix pseudo-elements. They were
   eating the first cell of the first row, which is why the grid started in
   column two. See the note on the rule.
   VERSION 5.1 - nested min() inside minmax() removed; StarChapter's CSS
   validator rejects nested functions. Same result via media queries.
   VERSION 5 - uniform tile geometry. Fixes the ragged rows: forces one
   grid regardless of the col-md-N widths the module hands out, pins every
   cover to the same height, equalises card heights, and clamps the
   description even when it arrives wrapped in YouTube markup. */
/* ---------- 1. THE TOPIC FILTER ---------- */
/* Clicking a chip puts #aaf-t-something in the URL. :target matches the
   heading section it names; everything else is hidden. With no hash in the
   URL the :has() guard never matches, so nothing is hidden and all topics
   show - which is also what the "All videos" chip returns you to.

   NOTE :where() around each :has() argument. :has() otherwise adds its own
   argument's specificity, the hide rule then outweighs the show rule, and
   clicking a chip empties the entire page. :where() contributes zero, so
   both rules carry equal weight and the later one wins on the targeted
   section. Do not remove it. */
.inner-content:has(:where([id^="aaf-t-"]:target)) [id^="aaf-t-"],
.inner-content:has(:where([id^="aaf-t-"]:target)) [id^="aaf-t-"] + div[id="footer-sponsors"] {
  display: none !important;
}
.inner-content:has(:where([id^="aaf-t-"]:target)) [id^="aaf-t-"]:target,
.inner-content:has(:where([id^="aaf-t-"]:target)) [id^="aaf-t-"]:target + div[id="footer-sponsors"] {
  display: block !important;
}
/* The filtered topic lands under the header rather than jammed against it. */
[id^="aaf-t-"] {
  scroll-margin-top: 24px;
}
/* The chip you are on goes solid. The chip bar sits ABOVE the sections, so
   no sibling combinator can reach back to it - the state has to be read off
   a shared ancestor, which is what :has() is doing here. One rule per topic
   because there is no way to match "the link whose href names the target". */
.inner-content:has(:where(#aaf-t-growth:target)) #aaf-chips a[href*="#aaf-t-growth"],
.inner-content:has(:where(#aaf-t-strategy:target)) #aaf-chips a[href*="#aaf-t-strategy"],
.inner-content:has(:where(#aaf-t-diversity:target)) #aaf-chips a[href*="#aaf-t-diversity"],
.inner-content:has(:where(#aaf-t-skills:target)) #aaf-chips a[href*="#aaf-t-skills"],
.inner-content:has(:where(#aaf-t-awards:target)) #aaf-chips a[href*="#aaf-t-awards"] {
  background: #16181c !important;
  border-color: #16181c !important;
  color: #ffffff !important;
}
/* ...and "All videos" goes hollow once a topic is picked. */
.inner-content:has(:where([id^="aaf-t-"]:target)) #aaf-chips a[href*="#aaf-all"] {
  background: transparent !important;
  border-color: #dfe2e7 !important;
  color: #16181c !important;
}
/* ---------- 2. THE TILES ---------- */
/* The module wrapper. Built for a centred logo strip, so the centring and
   the vertical-align go, and it picks up the same 1120px measure and side
   padding as the pasted headings above it so the tiles line up with them.
   Scoped to .content, which is the main content area of any page - NOT to
   a page slug, because the body class differs per page. That also keeps
   this off the real sponsor strips, which sit in div.footer. Both use
   id="footer-sponsors", so the ancestor is the only thing telling them
   apart. */
.content #footer-sponsors {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 0 24px 62px !important;
  text-align: left !important;
  vertical-align: baseline !important;
}
/* THE ROW BECOMES A GRID. This is the rule that makes the spacing uniform.
   The module hands out Bootstrap widths based on how many items are in the
   category - col-md-2 for six, col-md-6 for two - and floats them, so rows
   came out ragged and staggered. Grid overrides all of it: every tile is
   the same width no matter how many there are.

   The extra div[id="footer-sponsors"] in the selector is deliberate. It
   raises specificity above the module's own .row.d-flex.justify-content-
   around classes, which otherwise keep fighting for display and alignment.

   auto-fill rather than a fixed four, so a topic with two videos gives two
   normal-width tiles instead of two stretched halves.

   NOTE the plain 248px in minmax. It was min(248px, 100%), which is
   correct CSS but StarChapter's Custom CSS validator rejects a function
   nested inside another function and refuses to save the whole file. The
   two media queries below do the same job. */
.content div[id="footer-sponsors"] > div.sponsor-horizontal-display {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(248px, 1fr)) !important;
  gap: 22px 20px !important;
  align-items: stretch !important;
  justify-content: start !important;
  align-content: start !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  width: auto !important;
}
/* BOOTSTRAP'S CLEARFIX HAS TO GO. .row carries ::before and ::after with
   content: " " - invisible and harmless in the float layout it was built
   for, but a grid container turns every pseudo-element into a GRID ITEM.
   The ::before was taking cell one of row one and pushing all the real
   tiles one slot over, which is why the first row started in column two
   and looked like it had an empty gap. */
.content div[id="footer-sponsors"] > div.sponsor-horizontal-display::before,
.content div[id="footer-sponsors"] > div.sponsor-horizontal-display::after {
  content: none !important;
  display: none !important;
}
@media (max-width: 620px) {
  .content div[id="footer-sponsors"] > div.sponsor-horizontal-display {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 420px) {
  .content div[id="footer-sponsors"] > div.sponsor-horizontal-display {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
/* Each tile. The col-md-* classes carry Bootstrap widths and padding, both
   of which have to be unset or they fight the grid. */
.content .sponsor-horizontal-display > div[id^="horizontal_"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  flex: none !important;
  height: 100% !important;
  /* equal card heights across a row */
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  position: relative !important;
  /* anchor for the stretched link below */
  background: #ffffff;
  border: 1px solid #eceef1;
  border-radius: 3px;
  overflow: hidden;
  text-align: left !important;
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
.content .sponsor-horizontal-display > div[id^="horizontal_"]:hover {
  border-color: #26467D;
  box-shadow: 0 8px 22px rgba(22, 24, 28, 0.1);
}
/* The module renders every item with class="hide" and its own script
   removes that class from the ones it shows. The theme's .hide does not
   fully remove the element from layout, so hidden items were still taking
   up grid cells - which is why the first tile used to start in column two.
   Force them out. Do NOT make .hide visible; the script needs to do the
   revealing or every item would flash before being trimmed. */
.content .sponsor-horizontal-display > div[id^="horizontal_"].hide {
  display: none !important;
}
/* The cover image sits inside a <p>. Collapse the paragraph, then force the
   image to fill the tile head. The max-height is inline, hence !important. */
.content .sponsor-horizontal-display > div[id^="horizontal_"] > p:first-of-type {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
  background: #16181c;
  border-bottom: 1px solid #eceef1;
}
.content .sponsor-horizontal-display > div[id^="horizontal_"] > p:first-of-type > a {
  display: block !important;
  line-height: 0 !important;
}
/* The cover. A FIXED height, not an aspect-ratio: the covers are a mixed
   bag of shapes and sizes, and a fixed box is the only thing that lines
   every card's title up on the same line. object-fit crops rather than
   squashes. The max-height override is what beats the module's inline
   max-height: 140px. */
.content .sponsor-horizontal-display > div[id^="horizontal_"] img {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  height: 158px !important;
  max-height: none !important;
  min-height: 0 !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
  border: 0 !important;
}
/* The title. text-indent compensates for the leading space in the h4. */
.content .sponsor-horizontal-display > div[id^="horizontal_"] h4 {
  margin: 0 !important;
  padding: 20px 22px 0 !important;
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 17px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.012em;
  color: #16181c !important;
  font-style: normal !important;
  text-align: left !important;
  text-indent: -0.26em;
  text-wrap: pretty;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
/* THE DESCRIPTION. This is the other half of the ragged-rows fix.

   Descriptions pasted in from a YouTube page bring YouTube's own markup
   with them - <div id="expanded">, <div id="snippet">, <div id="merch-
   shelf">, <div id="ticket-shelf"> and a few classed spans. Five of the
   current entries have it. The old rule clamped a <span> inside a <p>,
   which those entries do not have, so their descriptions printed in full
   and those cards grew to two or three times the height of their
   neighbours.

   The clamp now sits on the description paragraph itself, so it applies no
   matter what is nested inside it, and every wrapper inside is flattened
   to inline so it cannot force its own line boxes. */
.content .sponsor-horizontal-display > div[id^="horizontal_"] > p:not(:first-of-type) {
  margin: 0 !important;
  padding: 9px 22px 0 !important;
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #6d7278 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden !important;
}
/* Flatten everything the paste brought along. */
.content .sponsor-horizontal-display > div[id^="horizontal_"] > p:not(:first-of-type) p,
.content .sponsor-horizontal-display > div[id^="horizontal_"] > p:not(:first-of-type) div,
.content .sponsor-horizontal-display > div[id^="horizontal_"] > p:not(:first-of-type) span {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
  color: #6d7278 !important;
  font-style: normal !important;
  font-weight: 400 !important;
}
/* YouTube's empty leftovers. They carry no text but would still take up a
   line each inside the clamp. */
.content .sponsor-horizontal-display div[id="snippet"],
.content .sponsor-horizontal-display div[id="video-summary"],
.content .sponsor-horizontal-display div[id="merch-shelf"],
.content .sponsor-horizontal-display div[id="ticket-shelf"] {
  display: none !important;
}
/* THE WHOLE TILE IS THE LINK.

   The module only wraps the cover image in an anchor - the title, the
   description and the generated "Watch on YouTube" line are plain text
   with no link of their own, and a pseudo-element can never be one. So
   the single anchor it does give us is stretched over the entire card
   with an invisible overlay: an empty ::after pinned to inset 0. Because
   the anchor itself is not positioned, that overlay resolves against the
   tile (which is position: relative above), so it covers the card edge to
   edge and every part of the tile becomes clickable.

   One trade-off, and it is the standard one for this pattern: the overlay
   sits over the text, so the title and description can no longer be
   selected with the cursor. Worth it for a card whose only purpose is to
   be clicked. */
.content .sponsor-horizontal-display > div[id^="horizontal_"] > p:first-of-type > a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
/* The "Watch on YouTube" line. Generated, so it needs no data. It is not
   itself clickable - the overlay above is what takes the click - so it
   underlines on card hover to read as the link it stands in for. */
.content .sponsor-horizontal-display > div[id^="horizontal_"]::after {
  content: "Watch on YouTube \2192";
  margin-top: auto;
  padding: 14px 22px 22px;
  font-family: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #26467D;
}
.content .sponsor-horizontal-display > div[id^="horizontal_"]:hover::after {
  text-decoration: underline;
  color: #E92729;
}
/* ===== END OF RESOURCE LIBRARY CSS ===== */
/* ===== AAF TOLEDO - CONTACT ===== */
/* ---- 1. THE GAP UNDER THE HERO ----
   The form is a bare <form> sibling of the pasted section, with a script
   and an HTML comment between them, so nothing else can carry the space. */
body.formphpform_id13 form.inline-label {
  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  display: block;
  max-width: 760px;
  margin: 62px 0 0 !important;
  padding: 0;
}
/* ---- 2. STACKED FIELDS ----
   class="inline-label" floats the label into a left column and leaves the
   input in a right one at half width. These rules undo that. */
body.formphpform_id13 .ques-group {
  box-sizing: border-box;
  display: block !important;
  margin: 0 0 24px !important;
  padding: 0 !important;
  overflow: visible !important;
}
body.formphpform_id13 .ques-group > label {
  display: block !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: 0.01em;
  color: #16181c;
  text-align: left !important;
}
body.formphpform_id13 .ques-group > label .red {
  color: #E92729;
}
/* The help text is inside the label and needs its own line. It renders
   italic by default; this makes it read as help text instead. */
body.formphpform_id13 .help-text {
  display: block;
  margin-top: 6px;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.6;
  color: #6d7278;
}
body.formphpform_id13 .ques-group input[type="text"],
body.formphpform_id13 .ques-group input[type="email"],
body.formphpform_id13 .ques-group textarea {
  box-sizing: border-box;
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.5;
  color: #16181c;
  background: #fbfbfc;
  border: 1px solid #dfe2e7 !important;
  border-radius: 2px;
  min-height: 48px;
}
body.formphpform_id13 .ques-group textarea {
  min-height: 150px;
  resize: vertical;
}
body.formphpform_id13 .ques-group input[type="text"]:focus,
body.formphpform_id13 .ques-group textarea:focus {
  outline: none;
  background: #ffffff;
  border-color: #26467D !important;
}
/* THE RADIO LIST. The form emits bare inputs, an  , a text node and a
   <br> per option - no label element around any of it. So a whole row
   cannot be made a click target and the option text cannot be styled
   individually. Spacing and the control size are what CSS can reach. */
body.formphpform_id13 .input-group {
  box-sizing: border-box;
  display: block;
  width: 100% !important;
  margin: 0;
  padding: 14px 18px;
  font-size: 16px;
  line-height: 2.4;
  color: #3a3e44;
  background: #fbfbfc;
  border: 1px solid #dfe2e7;
  border-radius: 2px;
}
body.formphpform_id13 .input-group input[type="radio"] {
  width: 17px;
  height: 17px;
  margin: 0 2px 0 0;
  accent-color: #26467D;
  vertical-align: -2px;
  cursor: pointer;
}
/* ---- 3. THE ROUTING LINE ---- */
/* Default, before a category is picked. */
body.formphpform_id13 .ques-group:has(input[name="formField_251"])::after {
  content: "Pick one and we will tell you who it reaches.";
  display: block;
  margin-top: 16px;
  padding: 18px 22px;
  background: #f7f8fa;
  border-left: 3px solid #dfe2e7;
  border-radius: 0 2px 2px 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.7;
  color: #6d7278;
}
/* One rule per category. Same specificity as the default, so they have to
   stay BELOW it - source order decides. Every line reads the same way and
   only the team name changes. */
body.formphpform_id13 .ques-group:has(input[value="Membership"]:checked)::after {
  content: "This will be forwarded to our Membership team.";
  background: #f4f6fa;
  border-left-color: #26467D;
  color: #16181c;
}
body.formphpform_id13 .ques-group:has(input[value="Sponsorship & Partnership"]:checked)::after {
  content: "This will be forwarded to our Partnerships team.";
  background: #f2fbfe;
  border-left-color: #2FC3E5;
  color: #16181c;
}
body.formphpform_id13 .ques-group:has(input[value="Media & Press"]:checked)::after {
  content: "This will be forwarded to our Marketing team.";
  background: #f2fbfe;
  border-left-color: #2FC3E5;
  color: #16181c;
}
body.formphpform_id13 .ques-group:has(input[value="Award Question"]:checked)::after {
  content: "This will be forwarded to our Awards team.";
  background: #fdf6f6;
  border-left-color: #B43449;
  color: #16181c;
}
body.formphpform_id13 .ques-group:has(input[value="Something Else"]:checked)::after {
  content: "This will be forwarded to our Admin team.";
  background: #f2fbfe;
  border-left-color: #2FC3E5;
  color: #16181c;
}
/* Speaking or Volunteering carries a second sentence. Generated text
   CANNOT contain a link, so the Requests URL is spelled out and is not
   clickable. If it needs to be a real link, it has to move out of here
   and into a pasted line above the form - say so and I will write it. */
body.formphpform_id13 .ques-group:has(input[value="Speaking or Volunteering"]:checked)::after {
  content: "This will be forwarded to our Client Service team.";
  background: #f2fbfe;
  border-left-color: #2FC3E5;
  color: #16181c;
}
/* ---- THE BUTTONS ---- */
body.formphpform_id13 #submitLeadIn {
  display: none !important;
}
body.formphpform_id13 input.prime-btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  height: 50px;
  padding: 0 32px;
  font-family: inherit;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  color: #ffffff;
  background: #E92729 !important;
  border: 0 !important;
  border-radius: 2px;
  cursor: pointer;
}
body.formphpform_id13 input.prime-btn:hover {
  background: #FDEE4F !important;
  color: #16181c;
}
body.formphpform_id13 input.sec-btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  height: 50px;
  margin-left: 12px;
  padding: 0 24px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: #6d7278;
  background: #ffffff !important;
  border: 1px solid #dfe2e7 !important;
  border-radius: 2px;
  cursor: pointer;
}
body.formphpform_id13 input.sec-btn:hover {
  color: #16181c;
  border-color: #16181c !important;
}
/* The 75/25 row under the form holds the nudge and the mailing address.
   Its left column is empty until BLOCK 4 is pasted. */
body.formphpform_id13 #left-col-2930 .inner-content:empty {
  display: none !important;
}
@media (max-width: 767px) {
  body.formphpform_id13 form.inline-label {
    margin-top: 44px !important;
  }
  body.formphpform_id13 .input-group {
    line-height: 2.2;
  }
}
/* ===== END OF CONTACT CSS ===== */
/* ===== AAF TOLEDO - THANK YOU ===== */
/* The template prints an empty <h1> above the content. */
body.thankyouphp #middle_column_td_33 > h1:empty {
  display: none !important;
}
/* ===== END OF THANK YOU CSS ===== */
/* ===== AAF TOLEDO - HOME PAGE MODULES ===== */
/* VERSION 5.9 - mobile: the spotlight portrait goes full width as a 4:3
   band above the text instead of a small portrait with dead space beside
   it.
   VERSION 5.8 - the bio's measure cap needed !important: the theme caps
   paragraph width inside .compacttextmd, which is the class the module puts
   on the text column.
   VERSION 5.7 - the spotlight bio runs the full width of its column so its
   right edge lines up with the Need-something block above. The 66ch
   measure cap is gone.
   VERSION 5.6 - the member spotlight is no longer a navy card. It is a
   full-bleed white editorial band: square portrait, name at heading scale,
   bio at a measured line length. Section 5 rewritten.
   VERSION 5.5 - full-bleed bands: the Need-something grey, the ADDYs split
   and the closing gradient now run edge to edge, and the gradient sits
   flush against the blue footer band. Section 6.
   VERSION 5.4 - mobile: the stacked logo overflows the header's own box, so
   the hero started underneath it and its kicker row printed on the white
   header band. The header and branding blocks are forced to auto height /
   visible overflow and the hero gets a top gap plus deeper top padding.
   VERSION 5.3 - mobile: the hero strip clears the header's float (its
   kicker row was wrapping up beside the logo), and the spotlight drops the
   stretched route background for the dot grid alone.
   VERSION 5.2 - fixes the collapsed event cards: [class*="col-md-1"] was
   matching col-md-11 and col-md-12 as well, so the 20px icon width hit the
   card body. Exact class selectors now. The spotlight fills its width with
   the photo-and-text pair centred, and closes with all four corners
   rounded now that nothing sits under it.
   VERSION 5.1 - the events section is rewritten against the live markup.
   The module builds its OWN two Bootstrap columns (# of Columns to
   Display = 2), so v5's attempt to grid the wrapper was aimed at the wrong
   element. Its columns are now flex tracks with a gutter, and the meta
   strip stacks instead of splitting into thirds.
   VERSION 5 - events become a two-across card grid with even heights and a
   real gap; the member spotlight becomes a dark map callout (dot grid,
   dashed route, circular pinned photo, coordinate stamp); the corporate
   logo rules are GONE because the logos are pasted HTML now, not a module.
   VERSION 4 - hero is a pasted block with a fixed photo. The Slider module
   is off the page: its flexslider script never initialises on this site,
   so every slide stayed hidden. All the slider rules are gone with it.
   VERSION 3.2 - removed the height: 100% chain on the slider wrappers. It
   was collapsing the slider to zero height, because the module's own bare
   wrapper div has auto height and every percentage below it resolved
   against nothing. The image's explicit 520px is what sizes the row.
   VERSION 3.1 - hero row rules no longer use :has(). They were not landing
   on the live page, which left the slider image uncapped and bursting out
   of its column. Plain .header-btm descendant selectors now.
   VERSION 3 - adds the two-column hero row (message panel + Slider).
   VERSION 2 - scoped to the home page via #aaf-corp, and now explicitly
   undoes the Resource Library's video-tile rules on the logo strip. */
/* --------------------------------------------------------------------------
   0. THE HERO ROW

   The hero is now ONE pasted block containing its own split - message left,
   fixed photo right - sitting in a one-column row in the header-btm strip.
   No module, no JavaScript, nothing to initialise.

   That leaves this section with a single job: let the block run edge to
   edge. StarChapter's .container caps the width and adds gutters, which
   would inset the hero and make it look unlike the rest of the page.

   HISTORY, so nobody re-adds it: this section used to convert the row into
   two equal-height flex halves with the Slider module in the right one.
   The Slider CAN be placed in a column - that part worked. What never
   worked was the slider itself: flexslider.css hides every slide and
   relies on its own script to reveal one, the theme's copy of that script
   is commented out in the page footer, and the copy the module injects
   from js/jquery.flexslider-min.js never ran. The column was the wrong
   thing to blame, so a full-width slider would have failed the same way.
   -------------------------------------------------------------------------- */
/* MOBILE: the header above this strip floats its branding block, and with
   the container's padding and margins zeroed the hero's first row was
   wrapping up beside the logo - which is why the "AAF TOLEDO" kicker
   appeared on the white header band instead of on the black panel.
   Clearing the float keeps the hero below the header. */
.header-btm {
  clear: both !important;
  float: none !important;
  width: 100% !important;
  display: block !important;
}
.header-btm > .container {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.header-btm > .container > div.content-container,
.header-btm > .container > div.content-container > div.inner-content {
  box-sizing: border-box !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* --------------------------------------------------------------------------
   1. UPCOMING EVENTS  (Meeting List with Large Images)

   WRITTEN AGAINST THE REAL MARKUP, taken off the live page:

     div                                   <- bare wrapper, no class
       div.row
         div.col-md-6.pl-0.pr-0            <- the module's OWN column
           div.row.meeting-list-with-large-images
             div.compacttextmd.col-md-12.pl-0.pb-20
               a > img.meeting-icon
               h3                          <- event title
               div.col-md-12               <- meta strip
                 div.col-md-4 x 3          <- date / time / location
                   div.col-md-1 > p > i    <- the icon
                   div.col-md-11           <- the value
               p                           <- description
               p > a > strong              <- "View Details"

   SO THE COLUMNS ARE THE MODULE'S, NOT MINE. It already splits into two
   Bootstrap columns because "# of Columns to Display" is set to 2, and
   "Maximum number of events" is on 4. Nothing to add - two rows of two
   appear as soon as there are four upcoming events. Right now there are
   two on the calendar, so you get one row.

   What this section does: turns those columns into flex tracks so there is
   a real 24px gutter and both cards are the same height, wraps each event
   in card chrome, fixes the photo band at 200px, stacks the three meta
   rows instead of squeezing them into thirds of a half-width card, and
   pins "View Details" to the bottom edge of every card.

   WHAT CSS CANNOT DO HERE, against the mockup:
     - the colored dot and category label above each title. The module
       emits no category, and generated content cannot vary per event.
     - the word "Register". The module prints "View Details" with its own
       arrow glyph inside the link text.
   Everything else in the mockup is reachable.
   -------------------------------------------------------------------------- */
/* The bare wrapper div. Matched by what it contains, since it carries no
   class of its own - this is the only element on the page whose direct
   child is a .row holding the module. */
.inner-content:has(#home-events) div:has(> div.row > div[class*="col-md-"] > div.row.meeting-list-with-large-images) {
  box-sizing: border-box !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 40px 84px !important;
  float: none !important;
  width: auto !important;
}
/* The module's own row becomes flex, which is what buys the gutter and the
   equal heights. Bootstrap's clearfix pseudo-elements would become flex
   items, so they go. */
.inner-content:has(#home-events) div.row:has(> div[class*="col-md-"] > div.row.meeting-list-with-large-images) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 24px !important;
  margin: 0 0 24px !important;
}
.inner-content:has(#home-events) div.row:has(> div[class*="col-md-"] > div.row.meeting-list-with-large-images)::before,
.inner-content:has(#home-events) div.row:has(> div[class*="col-md-"] > div.row.meeting-list-with-large-images)::after {
  content: none !important;
  display: none !important;
}
/* Each module column.

   CAPPED AT HALF, NOT flex:1 1 300px. The module emits a SEPARATE .row per
   PAIR of events, so an odd number of events leaves the last row holding
   one card - and a growing flex item fills its whole line. That is why the
   third event ran full width. flex-grow is 0 and the basis is an explicit
   half minus half the gap, so a lone card stays card-sized and the row
   just has a hole on the right. Same lesson as the Students page rows. */
.inner-content:has(#home-events) div[class*="col-md-"]:has(> div.row.meeting-list-with-large-images) {
  box-sizing: border-box !important;
  flex: 0 1 calc(50% - 12px) !important;
  width: auto !important;
  max-width: calc(50% - 12px) !important;
  min-width: 0 !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
}
/* THE CARD. */
.meeting-list-with-large-images {
  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column !important;
  width: 100%;
  min-width: 0;
  border: 1px solid #dfe2e7;
  border-radius: 4px;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff;
  transition: border-color 160ms ease;
}
.meeting-list-with-large-images:hover {
  border-color: #26467D;
}
/* The single inner .col-md-12 holds everything - it becomes the card body
   and grows to fill the card, which is what lets the link sit at the
   bottom. Note pb-20 on it in the markup; overridden here. */
.meeting-list-with-large-images > div.col-md-12 {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
/* The photo is wrapped in an anchor, which is inline by default. */
.meeting-list-with-large-images > div.col-md-12 > a:first-child {
  display: block;
  line-height: 0;
}
.meeting-list-with-large-images img.meeting-icon {
  width: 100% !important;
  max-width: 100% !important;
  height: 200px !important;
  object-fit: cover;
  display: block;
  margin: 0 0 22px 0 !important;
  border: 0;
  float: none !important;
}
.meeting-list-with-large-images h3 {
  font-family: inherit;
  font-size: 22px;
  line-height: 1.25;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.015em;
  color: #16181c;
  margin: 0 24px 18px;
}
/* THE META STRIP. Bootstrap puts date, time and location in three
   col-md-4 thirds, which inside a half-width card leaves each value about
   nine characters of room. They stack here instead, one row each. */
.meeting-list-with-large-images > div.col-md-12 > div.col-md-12 {
  box-sizing: border-box;
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  padding: 0 24px !important;
  margin: 0 0 4px !important;
}
.meeting-list-with-large-images > div.col-md-12 > div.col-md-12 > div.col-md-4 {
  box-sizing: border-box;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  padding: 0 0 8px !important;
  margin: 0 !important;
}
.meeting-list-with-large-images div.col-md-1 {
  box-sizing: border-box;
  flex: none !important;
  width: 20px !important;
  max-width: none !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: center;
}
.meeting-list-with-large-images div.col-md-11 {
  box-sizing: border-box;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 15px;
  line-height: 1.5;
  color: #3a3e44;
}
.meeting-list-with-large-images div.col-md-11 p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #3a3e44;
}
.meeting-list-with-large-images .fas,
.meeting-list-with-large-images .far {
  color: #26467D;
}
/* The icons are set to font-size: 1.6em inline on a <p>, which is what
   made the rows sit off-centre.

   EXACT CLASS SELECTORS BELOW, NOT [class*="col-md-1"]. That substring
   also matches col-md-11 and col-md-12, so the 20px icon width landed on
   the card body and squeezed every card to one character wide. A class
   selector matches the whole token; a *= match does not. */
.meeting-list-with-large-images div.col-md-1 p {
  font-size: 16px !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* The description. */
.meeting-list-with-large-images > div.col-md-12 > p {
  font-size: 16px;
  line-height: 1.7;
  color: #3a3e44;
  margin: 14px 24px 0;
}
/* The "View Details" link, pinned to the bottom of the card. */
.meeting-list-with-large-images > div.col-md-12 > p:last-child {
  margin: 18px 24px 0 !important;
  padding: 12px 0 18px;
  border-top: 1px solid #eceef1;
  margin-top: auto !important;
}
.meeting-list-with-large-images a strong {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #26467D;
  min-height: 24px;
}
.meeting-list-with-large-images a:hover strong {
  color: #E92729;
}
@media (max-width: 767px) {
  .inner-content:has(#home-events) div:has(> div.row > div[class*="col-md-"] > div.row.meeting-list-with-large-images) {
    padding: 0 24px 60px !important;
  }
  /* One card per line on a phone - the half-width cap has to come off. */
  .inner-content:has(#home-events) div[class*="col-md-"]:has(> div.row.meeting-list-with-large-images) {
    flex: 1 1 100% !important;
    max-width: 100% !important;
  }
  body.indexphp .inner-content:has(#home-events) div:has(> div.member-spotlight) {
    padding: 64px 0 68px !important;
  }
}
/* --------------------------------------------------------------------------
   2. MEMBER SPOTLIGHT  (Member Spotlight Horizontal)

   HISTORY: this was a navy callout card with the hero's dot grid and
   dashed route behind it and the photo ringed as a point on the map. Once
   the bands above and below went full width, a card of a third width read
   as an error, so the whole card came off. The dot grid, the route SVG,
   the cyan ring, the red pin and the coordinate stamp are all gone with
   it - do not re-add them here.

   The kicker above the name is still generated content, the only way to
   get extra words into a module, and still the reason BLOCK 4 (the
   separate "Member Spotlight" heading) stays off the page.

   The module emits: .col-md-4 (the photo) and .col-md-8 holding an h3
   (name), one h4, and Biography as a p.

   THE h4 IS WHATEVER THAT ONE FIELD CONTAINS. On the live page it prints
   only the company - "Toledo-Lucas County Port Authority" for Kayla,
   "Perio, Inc." for Ali. CSS cannot split one element into two or add a
   second line, so if the job title is missing it is missing from the
   record: Membership > Member Manager > edit the member > the Title /
   Position field. Fill it and reload the home page. If it still prints
   company only, the module's template ignores that field and the title
   cannot appear here at all - that would be a support question.

   NOT EMITTED at all, so CSS cannot reach it: the AMBASSADOR custom
   field. Custom fields are not in this module's template.

   The box fills its own width and the photo-plus-text pair is centred, so
   there is no dead column on the right.

   NOTE: the bio comes from the member's BIOGRAPHY field, not the "About
   me" custom field. Fill in Biography for whoever you feature or this
   area renders empty.
   -------------------------------------------------------------------------- */
/* THE BAND. Full-bleed white, breaking out of .content > .container the
   same way section 6 does. White is deliberate: the grey Need-something
   band sits above and the black ADDYs split below, so this reads as the
   light beat between them and the page steps light - lighter - dark.

   WHY THE NAVY CARD WENT: once the bands either side of it ran edge to
   edge, a floating card of a third width read as a mistake. There is no
   card now - the portrait and the words sit directly on the page. */
body.indexphp .inner-content:has(#home-events) div:has(> div.member-spotlight) {
  box-sizing: border-box !important;
  width: auto !important;
  max-width: none !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  padding: 104px 0 108px !important;
  background: #ffffff !important;
  float: none !important;
}
.member-spotlight {
  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  position: relative;
  display: grid;
  grid-template-columns: 208px minmax(0, 1fr);
  align-items: start;
  gap: 0 56px;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 40px;
  background: none;
  border: 0;
  border-radius: 0;
}
.member-spotlight > .col-md-4 {
  width: auto;
  min-width: 0;
  padding: 0 !important;
  background: transparent !important;
}
/* SQUARE, not a circle. A 208px portrait with a 2px radius reads as a
   photograph rather than an avatar, which is what carries the editorial
   feel at this size. */
.member-spotlight > .col-md-4 img {
  width: 208px;
  max-width: 100%;
  height: 260px;
  min-height: 0;
  object-fit: cover;
  object-position: center top;
  display: block;
  margin: 0;
  border: 0;
  border-radius: 2px;
}
.member-spotlight > .col-md-8,
.member-spotlight > .compacttextmd {
  min-width: 0;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}
/* THE KICKER AND ITS RULE IN ONE PSEUDO-ELEMENT. Generated content is the
   only way to get words into a module, and there is only one ::before to
   spend, so the gradient rule is painted as a background image on the
   same element and the text is pushed clear of it with padding. */
.member-spotlight > .col-md-8::before {
  content: "Member Spotlight";
  display: block;
  margin-bottom: 18px;
  padding-left: 56px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #26467D;
  background-image: linear-gradient(90deg, #2FC3E5 0%, #26467D 28.5%, #B43449 78.2%, #E92729 100%);
  background-size: 40px 3px;
  background-position: left center;
  background-repeat: no-repeat;
}
.member-spotlight h3 {
  font-family: inherit;
  font-size: clamp(30px, 3.2vw, 42px);
  line-height: 1.08;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.025em;
  color: #16181c;
  margin: 0 0 10px;
}
.member-spotlight h4 {
  font-family: inherit;
  font-size: 17px;
  line-height: 1.45;
  font-weight: 500;
  font-style: normal;
  color: #26467D;
  margin: 0 0 26px;
}
/* max-width and width carry !important: the theme puts a measure cap on
   paragraphs inside .compacttextmd, which is what kept the bio short of
   the container edge even after the 66ch cap here came off. */
.member-spotlight p,
.member-spotlight > .col-md-8 p,
.member-spotlight .compacttextmd p {
  font-size: 17px;
  line-height: 1.8;
  color: #3a3e44;
  margin: 0 0 14px;
  max-width: none !important;
  width: auto !important;
  text-wrap: pretty;
}
.member-spotlight p:last-child {
  margin-bottom: 0;
}
/* Collapse the empty <p> the module emits when Biography is blank */
.member-spotlight p:empty {
  display: none;
}
@media (max-width: 767px) {
  /* One column on a phone - 208px of portrait plus a readable measure does
     not fit side by side below about 620px.

     THE PORTRAIT GOES FULL WIDTH. At 208px it sat alone at the left with a
     wide empty gap beside it and nothing to hold that edge, which is what
     read as unfinished on white. Cropped to a 4:3 band the full width of
     the column, it becomes the top of the block and the left-aligned text
     below it has something to sit under. object-position keeps faces in
     frame through the crop. */
  .member-spotlight {
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
    padding: 0 24px;
  }
  .member-spotlight > .col-md-4 img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3;
    object-position: center 20%;
  }
}
@media (max-width: 767px) {
  /* THE OVERLAP. On phones the logo wraps to three lines and grows taller
     than the boxes containing it, which are height-capped and clipped by
     the theme. The header therefore ENDS above where the logo visually
     ends, the hero starts at that point, and its first row (the gradient
     rule + "AAF TOLEDO") lands on white instead of on the black panel.
     Letting the header size to its content is the fix; the margin below
     is belt-and-braces separation. */
  #header,
  #header-wrap,
  #header-wrap > .clearfix,
  #branding,
  #branding > a,
  #logo {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }
  #branding {
    float: none !important;
    width: 100% !important;
  }
  #header-wrap > .clearfix::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
  }
  .header-btm {
    margin-top: 18px !important;
  }
  /* ROOM ABOVE THE HEADLINE. The inline padding is clamp(72px,9vw,116px),
     which resolves to its 72px floor on a phone. 96px top gives the kicker
     and headline air under the header. */
  #aaf-home-hero > div > div:first-child {
    padding-top: 96px !important;
  }
}
/* --------------------------------------------------------------------------
   6. FULL-BLEED BANDS + FLUSH FOOTER

   The page content sits in .content > .container, which is width-capped and
   padded. Three sections break out of it to the window edges while their
   inner wrappers keep their own max-width, so only the BACKGROUND stretches
   and the text stays measured.

   WHY THE BREAKOUT AND NOT A WIDER CONTAINER: .content > .container is
   shared by every page on the site. Widening it there would strip the
   margins off About, Students, the job board and everything else. So the
   rules are scoped to the home page (body.indexphp) AND to the sections
   themselves.

   WHY overflow-x ON THE BODY: calc(-50vw + 50%) measures against the
   viewport, which on desktop includes the vertical scrollbar. Without the
   clamp that is a few pixels of horizontal scroll.

   TWO OF THE THREE SECTIONS HAVE NO id - the ADDYs split and the closing
   gradient are pasted without one. They are matched structurally instead:
   the ADDYs by its photo's alt text, the gradient by being the last
   section in the block. If either block is ever re-pasted with different
   content, check these two selectors first.
   -------------------------------------------------------------------------- */
body.indexphp {
  overflow-x: hidden;
}
body.indexphp #home-requests,
body.indexphp .inner-content:has(#aaf-corp) > section:has(img[alt="American Advertising Awards night"]),
body.indexphp .inner-content:has(#aaf-corp) > section:last-of-type {
  width: auto !important;
  max-width: none !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
}
/* The ADDYs split has no inner max-width wrapper of its own - its two
   halves are the layout - so its text half gets a cap here instead, or the
   copy runs the full width of a wide monitor. */
body.indexphp .inner-content:has(#aaf-corp) > section:has(img[alt="American Advertising Awards night"]) > div > div:last-child {
  max-width: 760px !important;
  padding-left: clamp(24px, 5vw, 72px) !important;
  padding-right: clamp(24px, 5vw, 72px) !important;
}
/* THE GRADIENT MEETS THE BLUE BAND. Everything between the last section and
   the footer-top strip is collapsed: the content wrapper's bottom padding,
   the trailing .clear divs, and any margin on the strip itself. */
body.indexphp .content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body.indexphp .content > .container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body.indexphp .content .content-container,
body.indexphp .content .inner-content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body.indexphp .content .inner-content:has(#aaf-corp) > section:last-of-type {
  margin-bottom: 0 !important;
}
body.indexphp .content > .container > .clear,
body.indexphp .content .content-container > .clear,
body.indexphp .content .clear {
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
body.indexphp .footer .subnav.footer-top {
  margin-top: 0 !important;
}
/* ===== END OF HOME PAGE MODULES CSS ===== */
/* ===== AAF TOLEDO - HEADER AND FOOTER ===== */
/* VERSION 2.7 - Terms of Use and Privacy Policy hidden in the legal row.
   VERSION 2.6 - the grey slab survived a transparent .container, so the
   rule now clears the background on EVERY descendant of #footer.
   VERSION 2.5 - Twitter hidden in the utility strip, and the grey slab
   behind the legal row attacked at every level it can be set on.
   VERSION 2.4 - the legal bar's light slab is a background on #footer's
   own .container and columns, not on #footer. Cleared.
   VERSION 2.3 - mobile: every nav item now shares one 24px indent. ABOUT
   was flush left because the desktop rule zeroes :first-child's margin.
   VERSION 2.2 - the cyan submenu dividers are drawn on the anchor, not the
   li, so they survived v2.1. Cleared on both.
   VERSION 2.1 - logo back up to 80px, the theme's navy hover slab under
   nav items killed, and the dropdown separators reduced to a 1px
   tone-on-tone rule.
   VERSION 2 - the utility strip goes LIGHT, not ink, and holds social links
   only: the search box is hidden (it does not work) and the padlock comes
   out, since Member Area in the nav is the same door. Member Area itself
   becomes an ink button at the end of the bar. Matches option 2a.
   VERSION 1 - ink strip with search and a "Member Login" padlock label.
   Both are gone; do not re-add them. */
/* --------------------------------------------------------------------------
   1. UTILITY STRIP - LIGHT

   Was brand navy, then briefly ink. Both put a full-width dark band above
   a black hero, so the top of the page read as two dark slabs with the
   logo trapped between them. Off-white makes the whole header one light
   field and lets the hero be the first dark thing on the page.

   WHAT IS HIDDEN HERE, deliberately: the search form (it does not return
   results) and the padlock link (Member Area covers it). Both still exist
   in the template - they are display:none, not removed, so nothing in the
   theme breaks.
   -------------------------------------------------------------------------- */
#topnav {
  background: #fbfbfc !important;
  border: 0 !important;
  border-bottom: 1px solid #eceef1 !important;
  min-height: 38px !important;
}
#topnav > .container-fluid {
  padding: 0 32px !important;
}
#topnav #social .icons {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 38px !important;
  list-style: none !important;
}
#topnav #social .icons li {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
/* The template opens the list with an empty <li>, which would otherwise
   eat a gap's worth of space at the left of the row. */
#topnav #social .icons li:empty {
  display: none !important;
}
/* SEARCH, PADLOCK AND TWITTER OFF. The search <li> is the one containing
   the form; the padlock is the members.php link; Twitter is matched by its
   href, so it stays hidden even if the template reorders the icons. */
#topnav #social .icons li:has(.topnav-search),
#topnav .topnav-search,
#topnav #social .icons li:has(a[href*="members.php"]),
#topnav #social .icons li:has(a[href*="twitter.com"]),
#topnav #social .icons li:has(a[href*="x.com"]) {
  display: none !important;
}
#topnav #social .icons li a {
  display: inline-flex !important;
  align-items: center !important;
  color: #3a3e44 !important;
  font-size: 15px !important;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
}
#topnav #social .icons li a:hover {
  color: #E92729 !important;
}
/* --------------------------------------------------------------------------
   2. LOGO BAND

   The logo was rendering at full file size, which made the header taller
   than the hero's first line of type. 50px reads as a brand mark rather
   than a banner.
   -------------------------------------------------------------------------- */
#header #header-wrap > .clearfix {
  background: #ffffff;
}
#branding {
  padding: 0 !important;
  margin: 0 !important;
}
/* 80px, close to the untouched size. At 50px it was smaller than the
   hero headline beside it and read as a favicon rather than the mark. */
#branding #logo img {
  width: auto !important;
  max-width: 100% !important;
  height: 80px !important;
  max-height: 80px !important;
}
#botnav {
  border: 0 !important;
}
/* --------------------------------------------------------------------------
   3. NAV LINKS

   12px small caps, letterspaced. The gradient underline is a background
   image rather than a border, so it can be the brand gradient instead of a
   flat color.

   MEMBER AREA IS A BUTTON. It is the last item (li.nav7) and the only
   members-only door in the bar, so it gets an ink fill and no underline.
   IF A NAV ITEM IS ADDED AFTER IT the class changes and the button moves -
   check that .nav7 is still Member Area after any Navigation manager edit.
   -------------------------------------------------------------------------- */
#main-navbar #nav.sf-menu > li.toplevel > a {
  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #16181c !important;
  padding: 10px 0 !important;
  margin: 0 !important;
  white-space: nowrap !important;
  background-image: linear-gradient(90deg, #2FC3E5 0%, #26467D 28.5%, #B43449 78.2%, #E92729 100%) !important;
  background-size: 0 3px !important;
  background-position: left bottom !important;
  background-repeat: no-repeat !important;
  transition: background-size 140ms ease-out !important;
}
#main-navbar #nav.sf-menu > li.toplevel {
  margin: 0 0 0 clamp(14px, 1.8vw, 28px) !important;
  padding: 0 !important;
  background: none !important;
}
#main-navbar #nav.sf-menu > li.toplevel:first-child {
  margin-left: 0 !important;
}
/* THE CARET NEEDS ITS OWN ROOM. The theme paints a dropdown arrow at the
   right edge of items that have a submenu. At 0.1em letterspacing the last
   letter of the label runs into it - "ABOUT" over the arrow, as seen live.
   Padding on the anchor gives the arrow a lane of its own. */
#main-navbar #nav.sf-menu > li.toplevel > a.sf-with-ul {
  padding-right: 15px !important;
}
/* THE NAVY SLAB. The theme fills the hover state with a background COLOR
   and a bottom border. Setting background-image alone left that navy band
   sitting under the gradient rule, so both are cleared explicitly here -
   the gradient is the only hover mark. */
#main-navbar #nav.sf-menu > li.toplevel > a,
#main-navbar #nav.sf-menu > li.toplevel > a:hover,
#main-navbar #nav.sf-menu > li.toplevel.sfHover > a,
#main-navbar #nav.sf-menu > li.toplevel:hover > a {
  background-color: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#main-navbar #nav.sf-menu > li.toplevel:hover,
#main-navbar #nav.sf-menu > li.toplevel.sfHover {
  background: none !important;
  border: 0 !important;
}
#main-navbar #nav.sf-menu > li.toplevel > a:hover,
#main-navbar #nav.sf-menu > li.toplevel.sfHover > a {
  color: #16181c !important;
  background-size: 100% 3px !important;
}
/* MEMBER AREA AS AN INK BUTTON. The underline background is overridden
   with a flat ink fill, so this item never shows the gradient rule. */
#main-navbar #nav.sf-menu > li.toplevel.nav7 > a,
#main-navbar #nav.sf-menu > li.toplevel.nav7.sfHover > a,
#main-navbar #nav.sf-menu > li.toplevel.nav7 > a:hover {
  background-color: #16181c !important;
  display: inline-flex !important;
  align-items: center !important;
  height: 38px !important;
  padding: 0 18px !important;
  background: #16181c !important;
  background-image: none !important;
  color: #ffffff !important;
  border-radius: 2px !important;
}
#main-navbar #nav.sf-menu > li.toplevel.nav7 > a.sf-with-ul {
  padding-right: 32px !important;
}
#main-navbar #nav.sf-menu > li.toplevel.nav7 > a:hover {
  background: #E92729 !important;
}
/* The caret on the button is painted in the theme's dark text color, which
   disappears on ink. These two rules cover the two ways the theme can draw
   it - a pseudo-element glyph or an inherited-color icon font. If it is a
   background IMAGE instead, it cannot be recolored from here and the
   button should lose its dropdown in the Navigation manager instead. */
#main-navbar #nav.sf-menu > li.toplevel.nav7 > a::after,
#main-navbar #nav.sf-menu > li.toplevel.nav7 > a i {
  color: #ffffff !important;
}
/* CURRENT SECTION. StarChapter does not put a class on the active nav
   item, so the underline is driven off the body class instead - one rule
   per page. ADD A LINE HERE WHEN A PAGE IS ADDED, or the new page simply
   has no underline (harmless, just less helpful).

   The body class is the URL with the punctuation stripped: /Membership is
   body.Membership, form.php?form_id=13 is body.formphpform_id13. The nav
   items are numbered left to right - nav1 About, nav2 Membership,
   nav3 Requests, nav4 Students, nav5 Awards, nav6 Contact Us,
   nav7 Member Area. nav7 is left out on purpose: it is the button. */
body.who_we_are #nav .nav1 > a,
body.board #nav .nav1 > a,
body.galleryphp #nav .nav1 > a,
body.Membership #nav .nav2 > a,
body.get_involved #nav .nav2 > a,
body.Requests #nav .nav3 > a,
body.Students #nav .nav4 > a,
body.Resources #nav .nav4 > a,
body.American_Advertising_Awards_Competition #nav .nav5 > a,
body.mosaic_awards #nav .nav5 > a,
body.AAF_Silver_Medal #nav .nav5 > a,
body.formphpform_id13 #nav .nav6 > a {
  background-size: 100% 3px !important;
}
/* DROPDOWNS. Ink panels with the gradient as a hairline on top. */
#main-navbar #nav.sf-menu ul.sf-menu {
  background: #16181c !important;
  border: 0 !important;
  border-radius: 0 0 2px 2px !important;
  padding: 8px 0 !important;
  min-width: 232px !important;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22) !important;
  background-image: linear-gradient(90deg, #2FC3E5 0%, #26467D 28.5%, #B43449 78.2%, #E92729 100%), linear-gradient(#16181c, #16181c) !important;
  background-size: 100% 3px, 100% 100% !important;
  background-position: left top, left top !important;
  background-repeat: no-repeat, no-repeat !important;
}
/* SEPARATORS. The cyan bars were on the ANCHOR, not the li - which is why
   the li rule did nothing. Both are cleared and a single tone-on-tone rule
   is drawn on the li instead. */
#main-navbar #nav.sf-menu ul.sf-menu li.sublevel1 {
  background: none !important;
  border: 0 !important;
  border-top: 1px solid #23272c !important;
  margin: 0 !important;
}
#main-navbar #nav.sf-menu ul.sf-menu li.sublevel1 > a,
#main-navbar #nav.sf-menu ul.sf-menu li.sublevel1 > a:hover {
  border: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}
#main-navbar #nav.sf-menu ul.sf-menu li.sublevel1:first-child {
  border-top: 0 !important;
}
#main-navbar #nav.sf-menu ul.sf-menu li.sublevel1 > a {
  display: block !important;
  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #d3d6da !important;
  padding: 11px 22px !important;
  background: none !important;
  white-space: normal !important;
}
#main-navbar #nav.sf-menu ul.sf-menu li.sublevel1 > a:hover {
  color: #ffffff !important;
  background: #22262b !important;
}
/* --------------------------------------------------------------------------
   4. FOOTER

   One ink field from the top hairline down to the credit. The pasted
   columns live in the footer-top section; the legal row below is the
   theme's own markup.
   -------------------------------------------------------------------------- */
.footer {
  background: #16181c !important;
}
.footer .subnav.footer-top {
  background: #16181c !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background-image: linear-gradient(90deg, #2FC3E5 0%, #26467D 28.5%, #B43449 78.2%, #E92729 100%), linear-gradient(#16181c, #16181c) !important;
  background-size: 100% 4px, 100% 100% !important;
  background-position: left top, left top !important;
  background-repeat: no-repeat, no-repeat !important;
}
.footer .subnav.footer-top > .container {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.footer .subnav.footer-top .content-container,
.footer .subnav.footer-top .inner-content {
  box-sizing: border-box !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
#aaf-footer a:hover {
  color: #ffffff !important;
}
/* THE LEGAL ROW. The theme emits three stacked 50/50 and 100% columns.
   They are flattened into one line: copyright left, links and credit
   right, above a 1px divider. */
/* THE GREY SLAB. It can be set in three places at once - #footer itself,
   its .container, and the column divs - and the theme uses more than one.
   Everything inside is forced transparent and only #footer carries ink.

   IF IT SURVIVES THIS: it is the Design Editor value, not CSS. Design >
   Design Editor > Footer > Fixed Width Container > Background Color. Set
   it to rgba(22,24,28,1) there, the same way Footer Top was fixed. */
body #footer {
  background: #16181c !important;
  background-color: #16181c !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}
body #footer .container,
body #footer .container > div,
body #footer .content-container,
body #footer .content-container > div,
body #footer #footer_cprt,
body #footer #footer_nav,
body #footer .credit,
body #footer div,
body #footer ul,
body #footer li,
body #footer p {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
#footer > .container {
  background: transparent !important;
  box-sizing: border-box !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 40px 34px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px 28px !important;
  border-top: 1px solid #2a2e34 !important;
  margin-top: 56px !important;
}
#footer > .container > .content-container {
  background: transparent !important;
  box-sizing: border-box !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 26px 0 0 !important;
}
#footer > .container > .clear,
.footer .clear {
  display: none !important;
}
#footer #footer_cprt,
#footer #footer_cprt p {
  background: transparent !important;
}
#footer #footer_cprt p {
  margin: 0 !important;
  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  color: #9aa0a8 !important;
}
#footer ul#footer_nav {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 24px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
#footer ul#footer_nav li {
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  list-style: none !important;
}
/* TERMS AND PRIVACY OFF. The theme builds #footer_nav from its own list,
   so the two links are hidden by href rather than by position - Admin
   stays. They are display:none, not deleted; if they are ever needed again
   these two selectors come out. */
body #footer ul#footer_nav li:has(a[href*="page=terms"]),
body #footer ul#footer_nav li:has(a[href*="page=privacy"]) {
  display: none !important;
}
#footer ul#footer_nav li a.footnav {
  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 13px !important;
  color: #9aa0a8 !important;
  text-decoration: none !important;
  padding: 0 !important;
  background: none !important;
}
#footer ul#footer_nav li a.footnav:hover {
  color: #ffffff !important;
}
/* The credit sits on the same line as the legal links rather than on its
   own row. The PNG is a fixed grey and cannot be recolored. */
#footer .credit {
  margin: 0 !important;
  padding: 0 !important;
  text-align: right !important;
}
#footer .credit img {
  display: inline-block !important;
  opacity: 0.55 !important;
  margin: 0 !important;
}
#footer .credit img:hover {
  opacity: 0.9 !important;
}
/* --------------------------------------------------------------------------
   5. NARROW WIDTHS

   The theme swaps to the hamburger on its own; these rules only handle
   type and the footer grid.
   -------------------------------------------------------------------------- */
@media (max-width: 1100px) {
  #aaf-footer {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    padding: 56px 32px 0 !important;
  }
  #aaf-footer > div:first-child {
    grid-column: 1 / -1;
  }
}
@media (max-width: 767px) {
  #branding #logo img {
    height: 56px !important;
    max-height: 56px !important;
  }
  #topnav #social .icons {
    justify-content: center !important;
    gap: 18px !important;
  }
  /* THE FIRST ITEM'S INDENT. The desktop rule zeroes the left margin on
     :first-child so the bar starts flush - on the stacked hamburger menu
     that left ABOUT hanging off the edge while every other item kept the
     theme's indent. All items are given the same 24px inset here and the
     anchors' own left padding is zeroed so the two cannot add up. */
  #main-navbar #nav.sf-menu > li.toplevel,
  #main-navbar #nav.sf-menu > li.toplevel:first-child {
    margin-left: 24px !important;
  }
  #main-navbar #nav.sf-menu > li.toplevel > a {
    padding-left: 0 !important;
  }
  #main-navbar #nav.sf-menu > li.toplevel.nav7 > a {
    padding-left: 18px !important;
  }
  #topnav > .container-fluid {
    padding: 0 18px !important;
  }
  #aaf-footer {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 32px 24px !important;
    padding: 44px 24px 0 !important;
  }
  #footer > .container {
    padding: 0 24px 30px !important;
    margin-top: 36px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    flex-direction: column !important;
  }
  #footer > .container > .content-container {
    padding: 22px 0 0 !important;
  }
  #footer ul#footer_nav {
    gap: 18px !important;
  }
  #footer .credit {
    text-align: left !important;
  }
}
@media (max-width: 480px) {
  #aaf-footer {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
/* ===== END OF HEADER AND FOOTER CSS ===== */
/* ===== AAF TOLEDO - UPCOMING EVENTS ===== */
body.meetinginfophp .content > .container > .content-container.col_1col100 {
  box-sizing: border-box !important;
  float: none !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}
body.meetinginfophp .inner-content > .sidebox {
  display: none !important;
}
/* THE GRID. The event divs are direct children of .inner-content: the
   template wraps them in a <p>, but a <div> cannot live inside a <p>, so the
   parser closes the paragraph and hoists them out. The empty <p> it leaves
   behind is hidden below. */
body.meetinginfophp .content > .container > .content-container.col_1col100 > .inner-content {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)) !important;
  gap: 28px !important;
  align-items: stretch !important;
  padding-bottom: 64px !important;
}
body.meetinginfophp .inner-content > h1 {
  grid-column: 1 / -1 !important;
}
body.meetinginfophp .inner-content > p {
  display: none !important;
}
body.meetinginfophp .inner-content > h1 {
  font-size: 0 !important;
  line-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.meetinginfophp .inner-content > h1::before {
  content: "Upcoming Events";
  display: block;
  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 44px;
  line-height: 1.05;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #16181c;
  margin: 0 0 8px;
  padding-top: 26px;
  background-image: linear-gradient(90deg, #2FC3E5 0%, #26467D 28.5%, #B43449 78.2%, #E92729 100%);
  background-size: 44px 4px;
  background-position: left top;
  background-repeat: no-repeat;
}
body.meetinginfophp .inner-content > h1::after {
  content: "See what’s next, and get it on your calendar";
  display: block;
  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.65;
  font-weight: 400;
  color: #3a3e44;
  max-width: 52ch;
}
body.meetinginfophp .meeting-list-large {
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  background: #ffffff !important;
  border: 1px solid #dfe2e7 !important;
  border-radius: 4px !important;
  font-family: Poppins, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.6 !important;
}
body.meetinginfophp .meeting-list-large > div {
  box-sizing: border-box !important;
  float: none !important;
  width: auto !important;
  max-width: none !important;
}
body.meetinginfophp .meeting-list-large > div:nth-of-type(1) {
  padding: 0 !important;
  margin: 0 !important;
  height: 200px !important;
  overflow: hidden !important;
  background: #f2f3f5 !important;
}
body.meetinginfophp .meeting-list-large img.meeting-icon {
  width: 100% !important;
  max-width: none !important;
  height: 200px !important;
  object-fit: cover !important;
  display: block !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}
body.meetinginfophp .meeting-list-large h3 {
  font-family: inherit !important;
  font-size: 22px !important;
  line-height: 1.25 !important;
  font-weight: 600 !important;
  letter-spacing: -0.01em !important;
  color: #16181c !important;
  margin: 0 !important;
  padding: 26px 26px 0 !important;
}
body.meetinginfophp .meeting-list-large > div:nth-of-type(2) {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  padding: 20px 26px 0 !important;
  margin: 0 !important;
}
body.meetinginfophp .meeting-list-large div.col-md-4 {
  box-sizing: border-box !important;
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.meetinginfophp .meeting-list-large div.col-md-1 {
  box-sizing: border-box !important;
  flex: 0 0 22px !important;
  width: 22px !important;
  max-width: 22px !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
body.meetinginfophp .meeting-list-large div.col-md-1 p {
  font-size: 15px !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  color: #26467D !important;
}
body.meetinginfophp .meeting-list-large div.col-md-11 {
  box-sizing: border-box !important;
  flex: 1 1 auto !important;
  width: auto !important;
  max-width: none !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #3a3e44 !important;
}
body.meetinginfophp .meeting-list-large div.col-md-11 p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
  color: #3a3e44 !important;
}
body.meetinginfophp .meeting-list-large > div:nth-of-type(3) {
  display: flex !important;
  flex-direction: column !important;
  margin-top: auto !important;
  padding: 18px 26px 24px !important;
}
body.meetinginfophp .meeting-list-large > div:nth-of-type(3) > p {
  margin: 0 0 18px !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
  color: #3a3e44 !important;
}
body.meetinginfophp .meeting-list-large > div:nth-of-type(3) > p:nth-of-type(2) {
  margin: 0 !important;
}
body.meetinginfophp .meeting-list-large > div:nth-of-type(3) > p > a {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  color: #26467D !important;
  text-decoration: none !important;
  min-height: 44px !important;
}
body.meetinginfophp .meeting-list-large > div:nth-of-type(3) > p > a:hover {
  color: #E92729 !important;
}
body.meetinginfophp .meeting-list-large hr {
  display: none !important;
}
body.meetinginfophp .meeting-list-large > div:nth-of-type(3) > div {
  display: none !important;
}
body.meetinginfophp .meeting-list-large > div:nth-of-type(3) > p:nth-of-type(3) {
  display: none !important;
}
@media (max-width: 767px) {
  body.meetinginfophp .content > .container > .content-container.col_1col100 > .inner-content {
    padding: 0 20px !important;
  }
  body.meetinginfophp .inner-content > h1::before {
    font-size: 34px;
  }
  body.meetinginfophp .content > .container > .content-container.col_1col100 > .inner-content {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    padding: 0 20px 48px !important;
  }
  body.meetinginfophp .meeting-list-large > div:nth-of-type(1) {
    height: 180px !important;
  }
  body.meetinginfophp .meeting-list-large img.meeting-icon {
    height: 180px !important;
  }
  body.meetinginfophp .meeting-list-large h3 {
    font-size: 20px !important;
    padding: 22px 20px 0 !important;
  }
  body.meetinginfophp .meeting-list-large > div:nth-of-type(2) {
    padding: 16px 20px 0 !important;
  }
  body.meetinginfophp .meeting-list-large > div:nth-of-type(3) {
    padding: 16px 20px 20px !important;
  }
}
/* ===== END OF UPCOMING EVENTS CSS ===== */
/* ===== AAF TOLEDO - PAGE BANDS ===== */
body:not(.indexphp) {
  overflow-x: hidden;
}
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > section[style*="#16181c"],
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > section[style*="#26467D"],
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > section[style*="#26467d"],
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > section[style*="linear-gradient"],
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > div[style*="#16181c"],
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > div[style*="#26467D"],
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > div[style*="#26467d"],
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > div[style*="linear-gradient"],
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > div > section[style*="#16181c"],
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > div > section[style*="#26467D"],
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > div > section[style*="#26467d"],
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > div > section[style*="linear-gradient"],
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > div > div[style*="#16181c"],
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > div > div[style*="#26467D"],
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > div > div[style*="#26467d"],
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > div > div[style*="linear-gradient"],
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > section:first-child,
body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > div:first-child > section:first-child {
  width: auto !important;
  max-width: none !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  padding-left: calc(50vw - 50%) !important;
  padding-right: calc(50vw - 50%) !important;
  border-radius: 0 !important;
}
body .content .alt-container {
  display: none !important;
}
body .footer-top .inner-content > p {
  display: none !important;
}
body .content .inner-content > *:last-child {
  margin-bottom: 0 !important;
}
body .content > .container {
  padding-bottom: 0 !important;
}
/* LIGHT SECTIONS THAT ALSO GO FULL WIDTH.

   The value-matching rules above only catch dark and gradient bands. On
   these four pages the user wants light sections edge to edge too, so
   EVERY top-level section on them is full-bleed. That is deliberate rather
   than a list of positions: matching by nth-of-type would break the moment
   a section is added or moved, and since each section carries its own
   background and its own max-width inner wrapper, widening all of them is
   consistent.

     Membership      - "The map includes everyone", "Get On the Map"
     get_involved    - Get On the Map heading, Common questions, Hiring
     Requests        - Submit a request
     who_we_are      - all of it; Our Story and the mission band are white,
                       so full width reads the same as contained
     board           - Governors (light grey). Matched as "pageboard",
                       not "board", so it cannot catch Job_Board.
     Students        - "More resources" (light grey). Replaces an older
                       nth-of-type rule that broke when the hero moved
                       to the header area.

   MATCHED WITH [class*=] ON PURPOSE. The body class on a friendly-URL page
   is contentphppage + the page name - body.contentphppageMembership, not
   body.Membership - and an earlier version of this file guessed the short
   form and silently matched nothing. Substring matching works either way.
   -------------------------------------------------------------------------- */
body[class*="Membership"] .content > .container > .content-container.col_1col100 > .inner-content > section,
body[class*="Membership"] .content > .container > .content-container.col_1col100 > .inner-content > div > section,
body[class*="get_involved"] .content > .container > .content-container.col_1col100 > .inner-content > section,
body[class*="get_involved"] .content > .container > .content-container.col_1col100 > .inner-content > div > section,
body[class*="Requests"] .content > .container > .content-container.col_1col100 > .inner-content > section,
body[class*="Requests"] .content > .container > .content-container.col_1col100 > .inner-content > div > section,
body[class*="who_we_are"] .content > .container > .content-container.col_1col100 > .inner-content > section,
body[class*="who_we_are"] .content > .container > .content-container.col_1col100 > .inner-content > div > section,
body[class*="pageboard"] .content > .container > .content-container.col_1col100 > .inner-content > section,
body[class*="pageboard"] .content > .container > .content-container.col_1col100 > .inner-content > div > section,
body[class*="Students"] .content > .container > .content-container.col_1col100 > .inner-content > section,
body[class*="Students"] .content > .container > .content-container.col_1col100 > .inner-content > div > section {
  width: auto !important;
  max-width: none !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  padding-left: calc(50vw - 50%) !important;
  padding-right: calc(50vw - 50%) !important;
  border-radius: 0 !important;
}
body:not(.indexphp) .content > .container {
  padding-top: 0 !important;
}
body .content {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body .content > .container > .content-container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body #wrapper .content {
  flex: 0 0 auto !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
/* ACCESSIBILITY. The search markup has no admin toggle and its inputs have
   no labels, so it is hidden here. display:none removes it from the
   accessibility tree, which clears the two missing-form-label errors and
   the empty-button error. Search is non-functional on this site anyway. */
body #search-container,
body .topnav-search,
body .search-box-wrapper {
  display: none !important;
}
body .content .clear {
  display: none !important;
}
body .content > .container {
  font-size: 0 !important;
  line-height: 0 !important;
}
body .content > .container > .content-container {
  font-size: 16px !important;
  line-height: 1.5 !important;
}
body .content > .container,
body .content .container {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}
body .footer,
body .subnav.footer-top,
body #footer {
  background: #ffffff !important;
  background-color: #ffffff !important;
  border: 0 !important;
}
body .subnav.footer-top {
  border-top: 1px solid #e7e9ec !important;
}
/* CONTRAST. The copyright line failed WAVE at the theme's own grey, so the
   legal row is set to body ink (#3a3e44, about 9:1 on white) rather than
   the muted grey used elsewhere. */
body #footer,
body #footer p,
body #footer a,
body #footer ul#footer_nav li a.footnav {
  color: #3a3e44 !important;
}
body #footer ul#footer_nav li a.footnav:hover,
body #aaf-footer a:hover {
  color: #E92729 !important;
}
body .subnav.footer-top {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
}
body .subnav.footer-top > .container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
@media (max-width: 767px) {
  body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > section:first-child,
  body:not(.indexphp) .content > .container > .content-container.col_1col100 > .inner-content > div:first-child > section:first-child {
    padding-left: calc(50vw - 50% + 4px) !important;
    padding-right: calc(50vw - 50% + 4px) !important;
  }
}
/* ===== END OF PAGE BANDS CSS ===== */
/* ==========================================================================
   AAF TOLEDO — JUDGE / FORM PAGE STYLING  ·  START
   Scoped to body.formphp, so it only affects form.php pages.
   Added September 2026. Safe to delete everything between START and END.
   ========================================================================== */
body.formphp .inner-content h1 {
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  font-weight: 800;
  letter-spacing: -0.02em;
}
body.formphp form.inline-label .ques-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 40px;
  align-items: flex-start;
  padding: 22px 0;
  border-bottom: 1px solid #E4E6E9;
  margin: 0;
}
body.formphp form.inline-label .ques-group > label {
  flex: 0 0 340px;
  max-width: 340px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  color: #000006;
}
body.formphp form.inline-label .ques-group > label .help-text {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.55;
  color: #5B5E63;
}
body.formphp form.inline-label .ques-group > label .red {
  color: #E92729;
}
body.formphp form.inline-label .ques-group input[type="text"],
body.formphp form.inline-label .ques-group textarea {
  flex: 1 1 380px;
  max-width: 520px;
  padding: 12px 14px;
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  font-size: 16px;
  color: #000006;
  background: #FFFFFF;
  border: 1px solid #A9ADB3;
  border-radius: 0;
  box-shadow: none;
}
body.formphp form.inline-label .ques-group textarea {
  min-height: 130px;
}
body.formphp form.inline-label .ques-group input[type="text"]:focus,
body.formphp form.inline-label .ques-group textarea:focus {
  border-color: #26467D;
  outline: 2px solid rgba(38, 70, 125, 0.18);
}
body.formphp form.inline-label .ques-group .input-group {
  flex: 1 1 380px;
  max-width: 520px;
  font-size: 16px;
  line-height: 2.1;
}
body.formphp form.inline-label .ques-group input[type="checkbox"],
body.formphp form.inline-label .ques-group input[type="radio"] {
  width: 18px;
  height: 18px;
  margin-right: 6px;
  vertical-align: -3px;
  accent-color: #26467D;
}
body.formphp form.inline-label .prime-btn {
  background: #000006;
  color: #FFFFFF;
  border: none;
  border-radius: 0;
  padding: 16px 30px;
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
}
body.formphp form.inline-label .prime-btn:hover {
  background: #E92729;
}
body.formphp form.inline-label .sec-btn {
  background: #FFFFFF;
  color: #000006;
  border: 1px solid #000006;
  border-radius: 0;
  padding: 16px 26px;
  font-family: 'Poppins', Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 767px) {
  body.formphp form.inline-label .ques-group > label {
    flex: 1 1 100%;
    max-width: none;
  }
}
/* Areas of expertise (11th question) — three columns instead of one long list */
body.formphp form.inline-label .ques-group:nth-of-type(11) .input-group {
  max-width: 640px;
  column-count: 3;
  column-gap: 24px;
  line-height: 1.9;
  font-size: 15px;
}
body.formphp form.inline-label .ques-group:nth-of-type(11) .input-group br {
  display: none;
}
body.formphp form.inline-label .ques-group:nth-of-type(11) .input-group input[type="checkbox"] {
  display: block;
  float: left;
  margin: 6px 8px 0 0;
}
/* Confidentiality agreement (14th) — grey consent block like the mockup */
body.formphp form.inline-label .ques-group:nth-of-type(14) .input-group {
  background: #F2F3F5;
  padding: 16px 20px;
  line-height: 1.55;
}
/* Submit row — no label column, buttons sit left */
body.formphp form.inline-label .ques-group:last-of-type {
  border-bottom: none;
  padding-top: 30px;
}
body.formphp form.inline-label .ques-group:last-of-type > label {
  display: none;
}
/* File input */
body.formphp form.inline-label input[type="file"] {
  font-size: 15px;
}
/* ==========================================================================
   AAF TOLEDO — JUDGE / FORM PAGE STYLING  ·  END
   ========================================================================== */


/* TABLET CSS DEFS */
/* Portrait and Landscape */
@media only screen and (max-width: 1024px) {
  #main-navbar-toggle {
    position: relative;
  }
  /* Styles */
  #topnav {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
    padding-left: 0px;
    font-size: 1em;
  }
  #topnav ul {
    text-align: right;
  }
  #topnav a {
    text-decoration: underline;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
  logo {
    background-image: url(https://aaftoledo.org/images//images/design/AAF_Toledo_FullLogo_color.png);
  }
  #header {
    background-repeat: repeat;
    background-position: left top;
    background-color: auto;
  }
  #nav {
    height: 42px;
  }
  #botnavbtn {
    background-color: #ffffff;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
  #botnavbtn .fa-bars {
    color: #000;
  }
  #nav a {
    color: #46344e;
    background-repeat: repeat;
    background-position: left top;
    background-color: auto;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 12px;
    padding-left: 12px;
  }
  #nav li a:hover,
  #nav li a.active,
  #nav .submenu .sf-menu li a,
  #nav .sfHover a {
    color: #46344e;
    background-color: #ffffff;
  }
  #nav li a:hover,
  #nav li a.active {
    background-repeat: repeat;
    background-position: left top;
    border-bottom: 5px solid #2fc3e5;
  }
  #nav .submenu .sf-menu li a:hover {
    color: auto;
    background-color: auto;
  }
  #nav .sfHover li {
    text-decoration: none;
    background-repeat: repeat;
    background-position: left top;
  }
  #nav ul li,
  #nav ul li a {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    height: 42px;
  }
  body {
    background-repeat: repeat;
    background-position: left top;
    background-color: #ffffff;
    font-size: 15px;
    line-height: 22px;
  }
  .content .container {
    background-repeat: repeat;
    background-position: left top;
    background-color: #ffffff;
  }
  .content .container > [id*='left_col'] > div {
    background-repeat: repeat;
    background-position: left top;
    background-color: auto;
    padding-top: 40px;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
  }
  .content .container > [id*='middle_col'] > div {
    background-repeat: repeat;
    background-position: left top;
    background-color: auto;
    padding-top: 40px;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
  }
  .content .container > [id*='right_col'] > div {
    background-repeat: repeat;
    background-position: left top;
    background-color: auto;
    padding-top: 40px;
    padding-right: 20px;
    padding-bottom: 40px;
    padding-left: 20px;
  }
  .content .sidebox li {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 5px;
  }
  .content .sidebox li a {
    font-size: 1em;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    text-decoration: none;
  }
  h1 {
    font-size: 2.1em;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1em;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    line-height: 1.5em;
  }
  h1 a {
    text-decoration: none;
  }
  h2 {
    font-size: 1.8em;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1em;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    line-height: 1.5em;
  }
  h2 a {
    text-decoration: none;
  }
  h3 {
    font-size: 1.5em;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1em;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    line-height: 1.5em;
  }
  h3 a {
    text-decoration: none;
  }
  h4 {
    font-size: 1.2em;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1em;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    line-height: 1.5em;
  }
  h4 a {
    text-decoration: none;
  }
  p {
    font-size: 1em;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1.5em;
    margin-left: 0px;
    line-height: 1.7em;
  }
  a {
    font-size: 1em;
  }
  .prime-btn {
    font-size: 1em;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-left: 20px;
  }
  .sec-btn {
    font-size: Inherit;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 8px;
    padding-right: 20px;
    padding-bottom: 8px;
    padding-left: 20px;
  }
  .footer-top {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
  }
  .footer-top .container {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 10px;
  }
  .footer-top a {
    text-decoration: underline;
  }
  .footer-top h2,
  .footer-top .sidebox h2 {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1em;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  #logo {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px;
  }
  #logo img {
    width: 200px;
  }
  #main-navbar-toggle {
    display: initial;
    font-size: 1em;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }
  #botnav {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 20px;
    padding-left: 0px;
    width: 100%;
    float: right;
  }
  .flexslider .slides img {
    height: auto;
  }
  .flexslider .content-area {
    width: 80%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 40px;
    padding-left: 40px;
  }
  .flexslider .content-area p {
    position: center-middle;
  }
  .flexslider .content-area h1,
  .flexslider .content-area h1 a,
  .flexslider .content-area h2,
  .flexslider .content-area h2 a,
  .flexslider .content-area h3,
  .flexslider .content-area h3 a,
  .flexslider .content-area h4,
  .flexslider .content-area h4 a {
    font-size: inherit;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0em;
    margin-left: 0em;
  }
  .flexslider .content-area p,
  .flexslider .content-area div {
    font-size: inherit;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0em;
    margin-left: 0em;
  }
  .flexslider .content-area a {
    font-size: 1em;
  }
  h5 {
    font-size: 15px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1em;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    line-height: 1.5em;
  }
  h5 a {
    text-decoration: none;
  }
  h6 {
    font-size: 14px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 1em;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    line-height: 1.5em;
  }
  h6 a {
    text-decoration: none;
  }
  .flexslider .content-area {
    top: 50%;
    bottom: unset;
    left: 50%;
    right: unset;
    transform: translate(-50%, -50%);
  }
}
/* Trigger to control the Hamburger menu */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body:after {
    content: "tablet";
    display: none;
  }
}


/* MOBILE CSS DEFS */
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 767px) {
  /* Styles */
  #logo {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 45px;
  }
  #logo img {
    width: 127px;
  }
  #main-navbar-toggle {
    display: initial;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }
  #botnav {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
    width: 100%;
    float: right;
  }
  #nav a {
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 12px;
    padding-left: 12px;
  }
  #botnavbtn {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .flexslider .slides img {
    height: auto;
  }
  .flexslider .content-area {
    width: 80%;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 40px;
    padding-left: 40px;
  }
  .flexslider .content-area p {
    position: center-middle;
  }
  .flexslider .content-area h1,
  .flexslider .content-area h1 a,
  .flexslider .content-area h2,
  .flexslider .content-area h2 a,
  .flexslider .content-area h3,
  .flexslider .content-area h3 a,
  .flexslider .content-area h4,
  .flexslider .content-area h4 a {
    font-size: inherit;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0em;
    margin-left: 0em;
  }
  .flexslider .content-area p,
  .flexslider .content-area div {
    font-size: inherit;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 0em;
    margin-left: 0em;
  }
  .flexslider .content-area a {
    font-size: 1em;
  }
  #topnav {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 5px;
    padding-left: 0px;
    font-size: 1em;
  }
  #topnav ul {
    text-align: right;
  }
  #topnav a {
    text-decoration: underline;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  .flexslider .content-area {
    top: 50%;
    bottom: unset;
    left: 50%;
    right: unset;
    transform: translate(-50%, -50%);
  }
}
/* Trigger to control the Hamburger menu */
@media only screen and (max-width: 767px) {
  body:after {
    content: "mobile";
    display: none;
  }
}
/*Top Nav Menu*/
#topnav li {
  padding: 0 5px;
  vertical-align: middle;
}
#topnav li a:hover {
  opacity: 0.5;
}
.icons {
  float: right;
}
#social {
  text-align: right;
}
#search-toggle {
  float: initial;
}
/*End Top Nav Menu*/
/*Search Start*/
.topnav-search.search-box-wrapper {
  height: 35px;
}
.search-box-wrapper .fa-search {
  padding-top: 10px;
}
.search-box-wrapper .fa {
  margin: 0px;
}
.search-box-wrapper .search-form {
  padding: 0px;
}
.search-box-wrapper input {
  margin-bottom: 0.3em;
}
.topnav-search.search-box-wrapper .search-box .search-form input {
  width: 80%;
  padding-top: 0px;
  margin-top: -3px;
}
.topnav-search.search-box-wrapper i.fa {
  position: initial;
}
button.topnav-search-btn {
  background: none;
}
.search-box-wrapper input {
  height: auto;
}
.topnav-search.search-box-wrapper {
  height: auto;
}
/*Search End*/
/*Main Nav Needed Start*/
#botnav {
  width: auto;
}
/*Main Nav Needed End*/
/*Styles for full-height slider Start*/
.indexphp .header-btm {
  position: relative;
  display: block;
  margin-top: -100px;
}
.indexphp #header {
  z-index: 1;
}
.flexslider .slides img {
  max-height: inherit !important;
  height: 80vh !important;
}
@media only screen and (max-width: 1024px) {
  .indexphp .header-btm {
    margin-top: -110px;
  }
}
/*Styles for full-height slider End*/
/*Main Nav Border Bottom None Start*/
#nav .sfHover li,
#nav .sfHover li a {
  border-bottom: 0px;
}
/*Main Nav Border Bottom None End*/
/*Slider Caption Center Start*/
.flexslider .content-area {
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  height: min-content;
  max-width: 80%;
  padding: 15px 40px;
}
@supports (-ms-ime-align: auto) {
  .flexslider .content-area {
    display: inline-table;
  }
}
.header-btm .slider h1,
.header-btm .slider h1 a,
.header-btm .slider h2,
.header-btm .slider h2 a,
.header-btm .slider h3,
.header-btm .slider h3 a,
.header-btm .slider h4,
.header-btm .slider h4 a,
.header-btm .slider p {
  color: white;
  text-align: center;
  margin-bottom: 0em;
}
@media only screen and (max-width: 767px) {
  .flexslider .slides img {
    height: 300px;
  }
  .flexslider .content-area {
    width: 90%;
  }
  .header-btm .slider h1,
  .header-btm .slider h1 a,
  .header-btm .slider h2,
  .header-btm .slider h2 a,
  .header-btm .slider h3,
  .header-btm .slider h3 a,
  .header-btm .slider h4,
  .header-btm .slider h4 a {
    font-size: 1.2em;
  }
  .header-btm .slider p {
    font-size: 1em;
    line-height: 1.2em;
  }
}
/*Slider Caption Center End*/