@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
html body {
  padding-top: 90px;
  background-color: #ececec !important;
  font-family: 'Montserrat', sans-serif !important;
}

html body div.thumbnail:hover {
  background-color: #fff !important;
}

html body .nav-filter li:not(.active) a:hover, .nav-filter li:not(.active) a:active {
  border-bottom: 1px solid transparent;
}

html body .nav-filter li a {
  transition: 0.2s color;
}

html body h1,
html body h2,
html body h3,
html body h4 {
  font-family: 'Montserrat', sans-serif !important;
}

html body .navbar .nav a,
html body div.top-priority,
html body legend {
  font-family: 'Montserrat', sans-serif !important;
}

html body div.top-priority {
  font-size: 32px;
}

html body .volunteer-panel {
  margin-top: 60px;
}

html body .caption h4 a {
  font-size: 18px !important;
  font-family: "Libre Baskerville", serif !important;
}

html body a:not(.btn-share),
html body .btn,
html body .btn-primary,
html body .btn-default {
  transition: 0.2s all;
  font-family: "Raleway", sans-serif !important;
}

html body #changePassword {
  width: auto;
}

html body .navbar {
  padding-top: 8px;
  padding-bottom: 8px;
  border: none;
  background-color: #363436;
}

html body .navbar .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

html body .navbar .container::before,
html body .navbar .container::after {
    content: unset;
}

@media(max-width: 992px) {
    html body .navbar .container {
        display: block;
    }
    
    html body .navbar .container::before,
    html body .navbar .container::after {
        content: '';
    }
}

html body .navbar .navbar-header {
  max-height: 69px;
  background-color: #363436;
}

html body .navbar .collapse {
    background-color: #363436;
}

html body .navbar .collapse a {
    color: #fff;
    padding: 8px 16px;
}

html body .navbar .collapse a:hover {
    text-decoration: underline;
    color: #fff;
}

.donate-nav-item a,
html body .navbar .collapse li:last-child a {
    background-color: #F7E256 !important;
    color: #363436 !important;
}

.donate-nav-item a:hover,
html body .navbar .collapse li:last-child a:hover {
    background-color: #33a783 !important;
    color: #fff !important;
    text-decoration: none;
}

html body .footer-container .logo,
html body .navbar-header > a,
html body #logo {
  display: block;
  padding: 5px 0;
  
}

html body .footer-container .logo img {
  display: none;
}

html body .navbar #logo img {
  width: 160px;
  max-height: unset;
  margin-bottom: 0;
  display: block;
}

#predictiveDialerDiv .btn,
#predictiveDialerDiv .btn-main,
#predictiveDialerDiv .btn-primary {
  background: none !important;
}

html body .btn,
html body .btn-primary,
html body .btn-default,
#predictiveDialerDiv .btn-primary,
#predictiveDialerDiv .btn,
#predictiveDialerDiv .btn-main {
  color: #363436 !important;
  background-color: #F7E256 !important;
  border: none !important;
  border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: bold !important;
  letter-spacing: 3.2px !important;
  line-height: 32px !important;
  text-transform: uppercase;
}

#predictiveDialerDiv .btn:focus,
#predictiveDialerDiv .btn:hover,
#predictiveDialerDiv .btn:active,
#predictiveDialerDiv .btn-main:focus,
#predictiveDialerDiv .btn-main:hover,
#predictiveDialerDiv .btn-main:active,
html body .btn:hover, html body .btn:focus, html body .btn:active,
html body .btn-primary:hover,
html body .btn-primary:focus,
html body .btn-primary:active,
html body .btn-default:hover,
html body .btn-default:focus,
html body .btn-default:active {
  color: white !important;
  background-color: #1C9E62 !important;
}

.volunteer-name p {
  line-height: 40px;
}

html body .btn[data-share-type="FacebookPost"],
html body .btn[data-share-type="Tweet"] {
  white-space: normal;
  font-size: 12px !important;
  letter-spacing: 1px !important;
  padding: 12px 6px;
}

html body .btn[data-share-type="FacebookPost"].fb-btn-unlinked:hover,
html body .btn[data-share-type="FacebookPost"].fb-btn-linked {
  background-color: transparent !important;
  border: 1px solid #3b5998 !important;
  color: #3b5998 !important;
  opacity: 1;
}

html body .btn[data-share-type="FacebookPost"].fb-btn-unlinked {
  background-color: #3b5998 !important;
  border: 1px solid #3b5998 !important;
  color: #fff !important;
}

html body .btn[data-share-type="Tweet"].tw-btn-unlinked {
  background-color: #4099ff !important;
  border: 1px solid #4099ff !important;
  color: #fff !important;
}

html body .btn[data-share-type="Tweet"].tw-btn-unlinked:hover,
html body .btn[data-share-type="Tweet"].tw-btn-linked {
  background-color: transparent !important;
  border: 1px solid #4099ff !important;
  color: #4099ff !important;
  opacity: 1;
}

.image-tag > span {
    background-color: #33a783;
}

nav .dropdown-menu {
	background-color: #363436;
}

footer {
  background-color: #363436 !important;
  text-transform: uppercase;
  color: #ffffff;
  padding: 36px 0px;
  font-size: 13.5px;
  font-weight: 500 !important;
  letter-spacing: 0.675px;
  opacity: 1;
}
footer .text-center {
  text-align: center;
}
footer p {
  display: none;
}
footer div p {
  display: block;
  padding-bottom: 13.5px;
}
footer a {
  transition: .2s ease;
  border-bottom-width: 1px;
  border-color: transparent;
  color: #33a783 !important;
  white-space: nowrap;
}
footer a:hover {
  border-color: #33a783 !important;
}
footer img {
  height: auto;
  max-width: 216px;
}
footer .brand {
  width: 216px;
  margin: 9px 0px 27px 0px;
}
footer .max-w-md {
  max-width: 720px;
}
footer .mx-auto {
  margin: auto;
}
footer #menu-footer-menu {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 30rem;
  padding: 0;
}
footer #menu-footer-menu li {
  padding: 18px;
}
footer .disclaimer {
  padding: 18px 18px 0px 18px;
  border: 1px solid #ffffff;
  max-width: 720px;
  margin: auto;
}

.volunteer-stats strong {
    color: #33a783;
}

.nav-filter li.active a {
    border-bottom-color: #33a783;
}

.card-section .badge {
    padding: 5px 12px 4px 12px !important;
    line-height: inherit !important;
}

@media (max-width: 480px) {
    .card-section .badge {
            padding-top: 6px !important;
        }
    }
}