/* The styles are structured in a way that is easy to read and maintain. 
    Below is the structure of the styles in the CSS file. 
    This allows us to easily find the styles we are looking for and 
    add new styles to the respective sections. */
/* Font Imports and Declarations */
/* General Body Styles */
/* Navbar Styles */
/* Button Styles */
/* Main Section Styles */
/* Volunteer Styles */
/* Miscellaneous Styles */
/* Footer Styles */

/* Font Imports and Declarations */
@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");
@font-face {
  font-family: Cooper Hewitt;
  src: url("https://staging-xituxema.kinsta.cloud/wp-content/themes/afpc4/resources/fonts/CooperHewitt-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: Cooper Hewitt;
  src: url("https://staging-xituxema.kinsta.cloud/wp-content/themes/afpc4/resources/fonts/CooperHewitt-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Cooper Hewitt;
  src: url("https://staging-xituxema.kinsta.cloud/wp-content/themes/afpc4/resources/fonts/CooperHewitt-Book.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: Cooper Hewitt;
  src: url("https://staging-xituxema.kinsta.cloud/wp-content/themes/afpc4/resources/fonts/CooperHewitt-Semibold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
}
@font-face {
  font-family: Cooper Hewitt;
  src: url("https://staging-xituxema.kinsta.cloud/wp-content/themes/afpc4/resources/fonts/CooperHewitt-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: Cooper Hewitt;
  src: url("https://staging-xituxema.kinsta.cloud/wp-content/themes/afpc4/resources/fonts/CooperHewitt-Heavy.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: Domaine;
  src: url("https://static-content.i360portal.com/Action/AFP/DomaineText-Black.otf") format("opentype");
  font-style: normal;
  font-weight: 900;
}
@font-face {
  font-family: Domaine;
  src: url("https://static-content.i360portal.com/Action/AFP/DomaineText-BlackItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 900;
}
@font-face {
  font-family: Domaine;
  src: url("https://static-content.i360portal.com/Action/AFP/DomaineText-Bold.otf") format("opentype");
  font-style: normal;
  font-weight: 700;
}
@font-face {
  font-family: Domaine;
  src: url("https://static-content.i360portal.com/Action/AFP/DomaineText-BoldItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 700;
}
@font-face {
  font-family: Domaine;
  src: url("https://static-content.i360portal.com/Action/AFP/DomaineText-Light.otf") format("opentype");
  font-style: normal;
  font-weight: 300;
}
@font-face {
  font-family: Domaine;
  src: url("https://static-content.i360portal.com/Action/AFP/DomaineText-LightItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 300;
}
@font-face {
  font-family: Domaine;
  src: url("https://static-content.i360portal.com/Action/AFP/DomaineText-Medium.otf") format("opentype");
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: Domaine;
  src: url("https://static-content.i360portal.com/Action/AFP/DomaineText-MediumItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 500;
}
@font-face {
  font-family: Domaine;
  src: url("https://static-content.i360portal.com/Action/AFP/DomaineText-Regular.otf") format("opentype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Domaine;
  src: url("https://static-content.i360portal.com/Action/AFP/DomaineText-RegularItalic.otf") format("opentype");
  font-style: italic;
  font-weight: 400;
}

:root {
	--primary-color: #febd3d;
}

/* General Body Styles */
html body {
  padding-top: 90px;
  background-color: #ececec !important;
  font-family: "Cooper Hewitt", Helvetica, sans-serif !important;
}

html body h1,
html body h2,
html body h3,
html body h4 {
  font-family: "Cooper Hewitt", Helvetica, sans-serif !important;
}

/* Navbar Styles */
html body .navbar {
  padding-top: 8px;
  padding-bottom: 8px;
  border: none;
  background-color: #fff;
  box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.5);
}

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

.navbar-brand,
header .navbar-brand img {
  display: inline;
}

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

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 .navbar .nav a,
html body div.top-priority,
html body legend {
  font-family: "Cooper Hewitt", Helvetica, sans-serif !important;
}

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

@media (max-width: 992px) {
  html body .navbar .container {
    display: block;
  }
}
html body .navbar .navbar-header {
  max-height: 69px;
  background-color: #fff;
}

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

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

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

header {
  background-color: #fff;
  border-color: #fff;
  box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.5);
}

header nav {
  background-color: #fff;
}

header .logo-toggle #logo img {
  height: 69px;
  padding-top: 8px;
}

header nav ul li a,
header nav ul li a:hover {
  color: #0c1f2c;
}

nav ul li a,
nav ul li a:hover {
  color: white;
}

.donate-nav-item a,
html body .navbar .navbar-collapse li:last-child a {
  background-color: #febd3d !important;
  color: #0c1f2c !important;
  border-radius: 8px !important;
}

.donate-nav-item a:hover,
html body .navbar .navbar-collapse li:last-child a:hover {
  background-color: #0c1f2c !important;
  color: #febd3d !important;
  text-decoration: none;
  border: 1px solid #febd3d !important;
}

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;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230c1f2c' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

button.navbar-toggler {
    border: none;
}

div#navbarMainMenu {
    margin-inline: -15px;
    margin-top: 0px;
    padding: 5px 10px 10px;
}

/* Button Styles */
html body a:not(.btn-share),
html body .btn,
html body .btn-primary,
html body .btn-default {
  transition: 0.2s all;
  font-family: "Cooper Hewitt", serif !important;
}

html body .btn,
html body .btn-primary,
html body .btn-default {
  color: #0c1f2c;
  background-color: #febd3d;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 3.2px;
  line-height: 32px;
  text-transform: uppercase;
}

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: #febd3d !important;
  background-color: #0c1f2c !important;
  border: 1px solid #0c1f2c !important;
}

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;
  border-radius: 5px;
}

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;
}

/* Main Section Styles */
main .section-navigation .rounded-circle {
  background-color: #0c1f2c;
}
main .card-section .fa-check-square {
  color: #febd3d !important;
}
main .card-section .badge {
  background-color: #0c1f2c;
}
main .card-section .button-nav-container button svg {
  border-color: #0c1f2c;
  fill: #0c1f2c;
}
main .form-section > div {
  background-color: #0c1f2c;
}
main .form-section > div form {
  background-color: #0c1f2c;
}
main .action-section {
  box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.5);
  border-bottom: 3px solid #febd3d;
  background-color: #0c1f2c;
}
main .action-section .action-buttons a {
  color: #0c1f2c !important;
  background-color: #febd3d !important;
  border: none !important;
  border-radius: 5px !important;
  font-size: 14px !important;
  font-weight: bold !important;
  letter-spacing: 3.2px !important;
  line-height: 1 !important;
  text-transform: uppercase;
  padding: 10px;
}
main .action-section .action-buttons a:hover {
  color: #febd3d !important;
  background-color: #0c1f2c !important;
  border: 1px solid #0c1f2c !important;
}
main .action-section #toggleButtonViewAll {
  color: #fff;
}

/* Volunteer Styles */
.volunteer-name p {
  line-height: 40px;
}
.volunteer-stats strong {
  color: #0c1f2c;
}

html body .volunteer-panel {
  margin-top: 60px;
}
section:not(.form-section) .volunteer-yes {
	color: #0c1f2c; /* avoiding the home page form */
}
.volunteer-name h3.new-user {
	line-height: 40px; /* temporary for the old home page */
	margin-bottom: unset;
}

/* Miscellaneous Styles */
html body #changePassword {
  width: auto;
}

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


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

select {
  height: 45px;
  border: 1px solid #d1d3d4;
  padding: 6px 12px;
  border-radius: 5px;
}
.image-tag > span {
  background-color: #0c1f2c;
}
.nav-filter li.active a {
  border-bottom-color: #0c1f2c;
}
.thumbnails-home-dynamic-row .thumbnail .writeHeading a {
  text-transform: capitalize;
  font-weight: 700;
  font-size: 16px !important;
  font-family: Domaine !important;
}
.event-section .event-header,
#section-1 #action-item-headline #action-item-title {
  font-family: "Domaine" !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 36px !important;
}
a#read-more-link {
    color: #0c1f2c;
}
.event-large-centered-header ~ a, .event-wrapper a, .event-wrapper ~ .dropdown a, .read-disclaimer a, div#div-calendar-links a, section:not(.form-section) label[for="TextingOptIn"], section:not(.form-section) label[for^="ActivistResponseTags"] {
    color: #0c1f2c;
}

form input[type="checkbox"] {
	accent-color: #0c1f2c;
}

/* Footer Styles */
footer {
  background-color: #0c1f2c !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 .container > * {
  justify-content: center;
}
footer > p {
  display: none;
}
footer a {
  transition: 0.2s ease;
  border-bottom-width: 2px;
  border-color: transparent;
  color: #fff !important;
  white-space: nowrap;
  text-decoration: none;
}
footer a:hover {
  text-decoration: none !important;
}
footer img {
  height: auto;
  max-width: 151px;
}
footer .logo {
  margin-bottom: 1rem;
}
footer .logo img {
  margin-bottom: 1rem;
}
footer .nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .nav ul li {
  display: inline-block;
  margin: 0;
}
footer .nav ul li a {
  padding: 13px 20px;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 3px solid #0c1f2c;
}
footer .nav ul li a.no-hover {
  border-bottom: unset;
}
footer .nav ul li a:hover {
  border-color: #febd3d !important;
  color: #febd3d !important;
}
footer .nav ul li img {
  max-height: 45px;
}
footer .nav ul li .btn {
  padding: 12px 10px 10px 10px !important;
  line-height: 1 !important;
  font-size: 15px;
}
footer .social ul li {
  padding: 0;
}
footer .social ul li a {
  color: #febd3d !important;
  display: block;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: unset;
}
footer .social ul li a:hover {
  color: #fff !important;
}
footer .pp {
  margin: 30px 0;
}
footer .pp ul li a {
  font-size: 12px;
  font-weight: 500;
  border-bottom: unset;
}
footer .disclaimer {
  padding: 10px 10px 5px 10px;
  border: 1px solid #ffffff;
  max-width: 325px;
  width: 100%;
  margin: auto;
  font-size: 12px;
}

/* https://afpaction.actcentr.com/ For hidding the 'Attend Events' using the href Id unique . */
#actions-section-nav > div > a[href="#actiontab_2550-section"] {
  display: none;
}

/* https://afpaction.actcentr.com/. For hidding the 'Attend Events' section. */
#actiontab_2550-section {
  display: none;
}

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