/* 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 */
/* Root Variables */
/* General Body Styles */
/* Header Styles */
/* Button Styles */
/* Volunteer Styles */
/* Social Buttons Styles */
/* Hamburger Styles */
/* Miscellaneous Styles */
/* PBI Specific Styles */
/* Footer Styles */
/* Footer Privacy Styling */
/* Font Imports and Declarations */
@import url("https://fonts.googleapis.com/css2?family=Fira+Sans+Extra+Condensed: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&family=Roboto:ital,wght@0,100..900;1,100..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 Variables */

:root {
  --primary-color: #FFBC00;
  --secondary-color: #014B35;
  --tertiary-color: #FFFFFF;
  --headline-font: Domaine;
  --body-copy-font: Cooper Hewitt;
  --button-corner: 8px;
}

/* General Body Styles */
html body {
  padding-top: 82px;
  background-color: #ececec !important;
  font-family: "Cooper Hewitt", Helvetica, sans-serif !important;
  background-image: url(https://americansforprosperity.org/wp-content/uploads/2023/02/Group-832.png);
}

html body div.thumbnail:hover {
  background-color: #fff !important;
}

html body .nav-filter li a {
  transition: 0.2s color;
}

html body .nav-filter li:not(.active) a:hover,
.nav-filter li:not(.active) a:active {
  border-bottom: 1px solid transparent;
}

html body .navbar .nav a,
html body div.top-priority,
html body legend {
  font-family: "Cooper Hewitt", sans-serif !important;
}

html body h1,
html body h2,
html body h3,
html body h4 {
  font-family: "Cooper Hewitt", serif !important;
}

html body div.top-priority {
  font-size: 32px;
}

html body .volunteer-panel {
  margin-top: 42px;
  min-height: 396px !important;
}

html body .caption h4 a {
  font-size: 18px !important;
  font-family: "Cooper Hewitt", serif !important;
}


html body a:not(.btn-share),
html body .btn,
html body .btn-primary,
html body .btn-default {
  transition: 0.2s background;
  font-family: "Cooper Hewitt", serif !important;
}

html body #changePassword {
  width: auto;
}

@media (max-width: 520px) {
  .volunteer-panel {
    margin-top: 24px !important;
  }
}

@media (max-width: 992px) {
  html body .volunteer-panel {
    min-height: unset !important;
  }
}
/* Header Styles */
header,
html body .navbar {
  padding-top: 0;
  margin-bottom: 0;
  border: none;
  background-color: #013324;
  height: 82px;
  padding-top: 11px;
  padding-bottom: 11px;
}

html body header .navbar {
  height: 100%;
}

nav .navbar-nav {
  margin-top: 4px !important;
}

header .container {
  min-height: 60px;
}

header .container .logo-toggle {
  margin-bottom: 0;
}

html body .navbar .navbar-header {
  max-height: 60px;
}

html body .navbar .navbar-collapse {
  background-color: #013324;
}

nav ul li a,
html body .navbar .nav>li>a {
  line-height: 24px;
  letter-spacing: 1.92px;
  color: #fff !important;
  font-size: 16px;
  font-family: "Cooper Hewitt" !important;
  font-weight: 700;
}

header nav a:hover,
html body .navbar .nav a:hover,
html body .navbar .nav a:focus,
html body .navbar .nav a:active {
  color: #ffbc00 !important;
}

.dropdown-toggle,
.navbar-default .navbar-nav>.open>a {
  background-color: transparent !important;
}

.dropdown-menu>li>a {
  color: #186D31 !important;
  line-height: 24px;
  letter-spacing: 1.92px;
  font-size: 16px;
  font-family: "Cooper Hewitt" !important;
  font-weight: 700;
}

.dropdown-menu>li>a:hover {
  color: #ffbc00 !important;
}



@media (max-width: 767px) {
  .navbar #logo img {
    padding-left: 20px;
  }

  header .logo img,
  header .navbar-brand img {
    margin-top: 10px;
  }
}

/* Button Styles */
/* new Button Styles for Primary Button on Home and other pages*/
html body .btn:not(.btn-pill),
html body .btn-primary,
html body .btn-default {
  color: #014b35;
  width: auto;
  background-color: #ffbc00;
  border: 2px solid #ffbc00;
  border-radius: 9px;
  font-size: 16px;
  font-weight: 713;
  line-height: 128%;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

html body .btn-primary.sign-as-self {
  width: 210px;
}

html body .btn-primary.color-red-apply-imp {
  background-color: black !important;
  color: red !important;
}

html body .btn:hover,
html body .btn-primary:hover,
html body .btn-default:hover,
html body .btn-default:active {
  box-shadow: 0px 5px 21px rgba(18, 18, 18, 0.17);
}

.btn:focus,
.btn:active:focus {
  outline: none !important;
  outline-offset: unset !important;
}

.logo-toggle .icon-bar {
  background-color: #fff !important;
}

.btn.bg-color-red-apply-important {
	background-color: #ffbc00 !important; /* can be removed if bg-color-red-apply-important class is removed from Event Not Attending button */
}

#addFriend { /* can be removed if template A rule setting to secondary color are removed */
	background: var(--primary-color) !important;
	border-color: var(--primary-color) !important;
}

.form-section #action-item-form-submit.button-variable {
	color: var(--secondary-color); /* home page CTA form submit button */
}

/* Volunteer Styles */
.volunteer-name p {
  line-height: 40px;
  font-size: 16px;
  font-weight: 300;
}

.volunteer-name p>span {
  font-size: 36px;
  font-weight: 700;
  display: block;
}

.volunteer-stats strong {
  color: #186D31;
}

/* Social Buttons Styles */
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;
}

/* Hamburger Styles */
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff !important;
  margin: 6px !important;
}

.navbar-default .navbar-toggle {
  border: none !important;
}

#survey-petition-list .thumbnail .btn.btn-default {
  width: 100% !important;
}

.caption .writeHeading a {
  text-transform: capitalize;
}

.thumbnail .caption .image-tag>span {
  padding: 6px 10px 4px 10px !important;
}

.top-priority-section .top-priority,
.legislator-lookup-container .legislator-header {
  font-family: "Cooper Hewitt", Helvetica, sans-serif !important;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  color: #061E2D;
}

.thumbnail .caption .writeHeading h3 {
  font-size: 35px;
}

.special-selector-fill-viewport .container .legislator-lookup-container {
  padding-left: 15px !important;
}

.activist-info-container .new-user {
  font-size: 20px !important;
  font-weight: 500 !important;
}

.activist-info-container .new-user p span {
  font-weight: 600;
}

.thumbnails-home-dynamic-row .caption p {
  font-family: "Cooper Hewitt";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #061E2D;
}

.thumbnails-home-dynamic-row .thumbnail .writeHeading a {
  text-transform: capitalize;
  color: #186d31 !important;
  font-weight: 700;
  font-size: 16px !important;
  font-family: Domaine !important;
}

.volunteer-panel.activist-info-container .btn.btn-primary,
.legislator-lookup-container .btn-search {
  width: 100%;
}

/* Miscellaneous Styles */

/* Old Sites Nav Filter Styles  */
.nav-filter li a {
  padding: 10px 20px;
}

.nav-filter li.active a {
  border-bottom-color: #186D31 !important;
}

.finished-with-calling-div {
  width: 100% !important;
}

nav .navbar-collapse {
  border-color: #000 !important;
}

/* Body Font Family For Events and Web Pages */
html body main section,
#section-1 .event-title-container,
#section-2-column-2 .panel {
  font-family: "Cooper Hewitt", Helvetica, sans-serif !important;
}

/* Header Styles for Events and WebPages */
.event-section .event-container h5 {
  font-family: "Cooper Hewitt";
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  color: #061e2d;
}

#action-item-headline .event-subheader {
  font-weight: 500;
}

.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;
  line-height: 41px !important;
}

#action-site-header .navbar #logo img {
  margin-top: 0;
}

/* Styles for Events Templates */
.event-section .panel.panel-body fieldset {
  width: 100%;
}

.simple-vertical-registration fieldset {
  margin-left: 0;
  padding-left: 0;
}

.image-tag span {
  background-color: #186D31 !important;
}

#section-1 #action-item-headline #action-item-subtitle {
  font-family: "Cooper Hewitt";
  font-size: 1.2em;
  font-weight: 500;
}

main #section-1,
main #section-2,
html body #action-item-subtitle {
  font-size: 18px;
  font-weight: 500;
}

#survey-petition-more-link {
  display: block;
  margin: auto;
}

#action-site-header>.container {
  padding-right: 0;
}

#action-site-header>.container ul {
  padding-top: 3px;
}

#action-site-header>.container .i360collapse {
  margin-top: -2px;
}

/* Bootstrap v5 updates */
.navbar-toggler-icon {
  /* white version of the bootstrap hamburger icon with stroke width of 3 instead of 2 */
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-toggler,
.navbar-toggler:focus {
  border: none;
  box-shadow: none;
}

#action-site-header {
  height: unset;
  padding: 0;
}

/* PBI Specific Styles */
/* Start PBI 136271 */
/* For hiding the 'Attend Events' using the href Id unique */
#actions-section-nav>div>a[href="#actiontab_1061-section"] {
  display: none;
}

/* For hiding the 'Attend Events' Section */
#actiontab_1061-section {
  display: none;
}

/* End PBI 136271 */

/* Footer Styles */
footer .footer-container {
  background: #013324;
  font-family: "Cooper Hewitt";
  font-weight: 700;
  letter-spacing: 0.12em;
  padding: 58px 0;
  text-align: center;
  text-transform: uppercase;
}

.footer-container .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  justify-content: center;
}

.footer-container .logo {
  height: 36px;
  margin: 0;
}

.footer-container .logo img {
  height: 100%;
}

a {
  color: rgb(52, 107, 56);
  text-decoration: none;
  transition: 0.2s all;
}

.footer-container ul {
  font-size: 14px;
  list-style-type: none;
  padding: 0;
  text-align: center;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.footer-container ul li {
  display: inline;
  margin: 0 1em;
}

.footer-container ul li a {
  color: #fff !important;
}

.footer-container ul li a:hover {
  color: #ffbc00 !important;
}

/* Footer Privacy Styling */
.privacy {
  background: #fff !important;
  text-align: center;
}

.footer.footer-container {
  background: #fff !important;
}

.footer.footer-container>p {
  display: none;
}

.privacy p {
  font-family: "Cooper Hewitt";
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  line-height: 150%;
  color: #013324;
  padding: 16px;
  margin: 0px;
}

.privacy p a {
  text-decoration: underline;
  color: #013324 !important;
}

.privacy p a:hover {
  text-decoration: underline !important;
  color: #013324 !important;
  font-weight: 700;
}

/* Removing unwanted CSS for footer which are inherited from core.css file */
.footer {
  opacity: unset !important;
  position: unset !important;
  padding: 0 !important;
  background-color: unset;
}

/* Making as white color the 'View More'/'View Less' link according to the PBI137774*/
#toggleButtonViewAll {
    color: white;
}

@media (max-width: 900px) {
  .footer-container .wrapper {
    flex-direction: column !important;
    gap: 10px !important;
  }

  footer .footer-container {
    padding: 50px 0 !important;
  }
}


@media (min-width: 1200px) {

  /* New Footer */
  .wrapper {
    margin: 0 auto;
    width: 1260px;
    position: relative;
  }
}
/*# sourceMappingURL=style.css.map */
