@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
h1 {
  font-size: 27px !important;
}

h2 {
  font-size: 23px !important;
}

h3 {
  font-size: 19.55px !important;
}

h4 {
  font-size: 18px !important;
}

h5 {
  font-size: 18px !important;
}

h6 {
  font-size: 18px !important;
}

:root {
  /* autoprefixer: off */
  --white: white;
  /* autoprefixer: on */
  /* autoprefixer: off */
  --green: rgb(0, 169, 79);
  /* autoprefixer: on */
  /* autoprefixer: off */
  --nav-hover: rgba(29, 39, 49, 0.05);
  /* autoprefixer: on */
  /* autoprefixer: off */
  --dk-green: #40904D;
  /* autoprefixer: on */
  /* autoprefixer: off */
  --blue: #3472BA;
  /* autoprefixer: on */
  /* autoprefixer: off */
  --dk-blue: #1F4C88;
  /* autoprefixer: on */
  /* autoprefixer: off */
  --red: #D54927;
  /* autoprefixer: on */
  /* autoprefixer: off */
  --dk-red: #BD4629;
  /* autoprefixer: on */
  /* autoprefixer: off */
  --grey: #656565;
  /* autoprefixer: on */
  /* autoprefixer: off */
  --lt-grey: #EDEDED;
  /* autoprefixer: on */
  /* autoprefixer: off */
  --text-grey: #1d2731;
  /* autoprefixer: on */
  /* autoprefixer: off */
  --black: #131826;
  /* autoprefixer: on */
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, label, .datafield span, .datafield div {
  font-size: 18px;
  line-height: 1.75;
}
@media only screen and (min-width: 1156px) {
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, label, .datafield span, .datafield div {
    font-size: 18px;
  }
}

body {
  font-size: 18px !important;
  font-family: "Roboto";
  background: none;
  color: var(--black);
}
@media all and (min-width: 1156px) {
  body {
    font-size: 18px !important;
  }
}

a {
  color: var(--green);
}
a:hover {
  color: var(--green);
  text-decoration: underline;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto";
  color: var(--text-grey) !important;
}

.button, .button.button-edit {
  background: var(--green) !important;
  border: 0 !important;
  font-family: "Roboto" !important;
  text-transform: uppercase;
  color: white !important;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center !important;
  padding: 8px 16px !important;
  min-height: 42px !important;
  width: fit-content;
}
.button:hover, .button.button-edit:hover {
  background: var(--dk-green) !important;
  text-decoration: none;
}

.default img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.default h4 {
  font-size: 22px !important;
}

.article-meta {
  margin-bottom: 30px !important;
}

#ctl00_Body___100__divQuickLinks__1,
#ctl00_Body___100__lblQuickContacts__1,
.yourinfo {
  overflow-wrap: break-word;
}

:where(#ctl00_Body_QuickLinks, #ctl00_Body_QuickContacts) > * {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

header.header_wrapper {
  background: var(--white);
  height: auto !important;
}
header.header_wrapper .logoimage {
  background: url("https://afscme31.org/sites/default/files/styles/image_media_large_2x/public/logos/cn31_notag_color_print.png.webp") center center no-repeat !important;
  background-size: contain !important;
  width: 130px;
  display: inline-block;
  text-align: center;
  height: 53px;
  margin-top: 10px;
  margin-bottom: 10px;
}
header.header_wrapper #ctl00_Header, header.header_wrapper #ctl00___1__divMain__1 {
  /*max-width: unset !important;
  width: unset !important;*/
}
header.header_wrapper .userinfo {
  font-size: 14px;
}
header.header_wrapper .nav-utility {
  margin-top: 0px !important;
}

#content_nav {
  font-family: "Roboto";
  font-weight: 700;
  min-height: 45px;
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  box-shadow: 0 0 rgba(0, 0, 0, 0), 0 0 rgba(0, 0, 0, 0), var(--tw-shadow);
}
#content_nav nav {
  background: var(--green);
}
.login #content_nav nav {
  border-top: 0;
}
#content_nav nav ul {
  /*max-width: unset;*/
}
#content_nav nav ul ul {
  background-color: var(--green);
}
#content_nav nav li {
  border: none;
  background: none !important;
  box-shadow: none !important;
}
#content_nav nav li:hover {
  background: var(--nav-hover) !important;
}
#content_nav nav li a {
  color: var(--white);
  padding-left: 9px;
  font-size: 16px;
  padding: 8px 16px;
}
#content_nav nav li a:hover {
  color: var(--white);
  text-decoration: none;
}
#content_nav nav li a.current {
  color: var(--white);
}

li.haschildren {
  position: relative;
}
li.haschildren::after {
  content: "";
  width: 5px;
  height: 5px;
  border-bottom: 2px solid white;
  border-right: 2px solid white;
  display: inline-block;
  position: absolute;
  transform: rotate(45deg);
  top: 21px;
  right: 16px;
  transition: 0.2s;
}

@media all and (min-width: 768px) {
  li.haschildren:hover::after {
    transform: rotate(225deg);
    top: 25px;
  }
}
@media all and (max-width: 767px) {
  li {
    padding-left: 0 !important;
  }
  .haschildren {
    overflow: unset !important;
  }
  #content_nav ul ul {
    padding-left: 0 !important;
    background: var(--nav-hover) !important;
  }
  #content_nav li li {
    padding-left: 0 !important;
  }
  #content_nav a {
    text-decoration: none !important;
    font-size: 14px !important;
  }
}
.postarticle header h3 {
  font-size: clamp(32px, 5vw, 40px) !important;
}

#content_wrapper {
  background: var(--white);
}
#content_wrapper .shadedpanel {
  background: var(--white) !important;
  border-radius: 0px !important;
  border: 0px;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
#content_wrapper .panel h4.head-icon-yourinfo,
#content_wrapper .panel h4.head-icon-quicklinks,
#content_wrapper .panel h4.head-icon-quickcontacts {
  padding-left: 0;
  background: none;
}
#content_wrapper .postcontent {
  margin-bottom: 29.124px;
}
#content_wrapper .postcontent img {
  display: block;
}
#content_wrapper .postcontent img[align=left] {
  display: block;
  float: left;
  margin: 0 0.85em 0.85em 0;
}
#content_wrapper .postcontent img[align=center] {
  display: block;
  margin: 0 auto 0.85em;
}
#content_wrapper .postcontent img[align=right] {
  display: block;
  margin: 0 0 0.85em 0.85em;
}
#content_wrapper .datafield span,
#content_wrapper .datafield div {
  padding-left: 0.5em;
}
#content_wrapper .relateddocuments {
  margin-left: 0 !important;
}
#content_wrapper .relateddocuments ul {
  margin-left: 0 !important;
  margin-top: 0.5em;
}

.row {
  width: 1170px;
}

table.dataTable {
  border-bottom: 1px solid #ddd !important;
}
table.dataTable th {
  border-bottom: 1px solid #ddd !important;
}

input {
  border-radius: 0 !important;
}
input[type=text], input[type=password] {
  min-height: 33px;
  width: 100%;
}

textarea {
  min-height: 85px;
  max-width: 100%;
}

select {
  width: 100% !important;
}

.emaillink {
  margin-top: 37px;
  display: inline-block;
}

.alwayslabel {
  background: none;
  padding-left: 5px;
  border-radius: 0;
  color: var(--grey);
  text-transform: uppercase;
  font-size: 14px;
  width: 100% !important;
}

label {
  margin-bottom: 18px;
}

footer {
  background: var(--blue) !important;
}
footer #footer {
  border: 0;
}
footer #footer div {
  font-size: 15px;
  color: white;
}
footer #footer .copyright {
  color: white;
}
footer #footer .copyright a {
  color: none;
}
footer #footer .copyright a:hover {
  color: var(--green);
}

.eventcalendar .day {
  padding: 3px 5px;
}
.eventcalendar .day .eventcalendarlink:not([title=""]) {
  color: "";
  background: "";
  padding: 8px 0;
  margin: 5px 0;
  display: block;
  border-radius: 4px;
  text-align: center;
  font-size: 90%;
}
.eventcalendar .day .eventcalendarlink:not([title=""]):hover {
  text-decoration: none;
  opacity: 0.8;
}
.eventcalendar .eventcalendardetails {
  background: none;
}
.eventcalendar .eventcalendardetails .availableevent {
  border-radius: 0;
  background: none;
}
.eventcalendar .eventcalendardetails .availableevent .headline {
  color: "";
}

.wizardbutton {
  line-height: 31px !important;
}
@media all and (min-width: 768px) {
  .wizardbutton {
    margin-left: 6px;
    margin-right: 6px;
  }
}

.eventdetails .overflow.bar {
  background: none;
  border: 0;
}
.eventdetails .overflow.bar .wizardbutton {
  margin-left: 14px;
}
.eventdetails .topbar {
  border: 0;
}
.eventpage {
  border: 0;
}

.login #content_nav {
  display: none;
}
.login h3 {
  font-size: 20px !important;
}
.login #ctl00_Body___101__lblSignupTitle__1 {
  margin-top: 0 !important;
}
.login #content_wrapper {
  background-size: cover;
}
.login .smallfont {
  margin-top: 1em;
}
.login .loginimage {
  display: none !important;
}
@media all and (min-width: 768px) {
  .login #ctl00_Body___101__divLoginPanelB__1 {
    font-size: 84%;
  }
  .login #ctl00_Body___101__divLoginPanelB__1 a[data-buttonname=lnkForgotUsername] {
    margin-top: 88px !important;
  }
  .login #ctl00_Body___101__divLoginPanelB__1 a[data-buttonname=lnkForgotPassword] {
    margin-top: 55px !important;
  }
}
.login #ctl00_Body___101__chkRememberMe__1 {
  white-space: nowrap;
  display: flex;
  align-items: center;
}
@media all and (min-width: 768px) {
  .login #ctl00_Body___101__chkRememberMe__1 {
    margin-top: 3px;
    font-size: 84%;
  }
}
@media all and (min-width: 768px) {
  .login #ctl00_Body___101__divSubmitLeft__1 {
    padding-left: 0 !important;
  }
}

@media only screen and (min-width: 768px) {
  header .logoimage {
    display: block;
    width: 330px;
    float: left;
    margin-top: 5px;
    margin-bottom: 8px;
  }
}
@media only screen and (min-width: 1156px) {
  header .logoimage {
    margin-top: 45px;
    margin-bottom: 15px;
  }
}

/*# sourceMappingURL=council31.css.map */