/* 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 */
/* Header Styles */
/* Body nav Styles */
/* Button Styles */
/* Typography Styles */
/* Main section Styles */
/* Miscellaneous Styles */
/* Footer Styles */
/* Media Query Styles */

/* 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");

/* Root Variables */
:root {
  --primary-color: #00788C;
  --secondary-color: #0C1F2C;
  --tertiary-color: #FFFFFF;
  --headline-font: $body-font;
  --body-copy-font: $header-font;
  --button-corner: 3px;
}

/* General Body Styles */
html,
body {
  font-family: "Roboto", sans-serif;
  transition: all 0.25s ease-in-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-top: 0;
}

/* Header Styles */
header {
  background-color: #0C1F2C;
  border: none;
}

header .container {
  height: 100%;
}

header .logo-toggle #logo img {
  height: 55px;
}

nav ul li a {
  color: #ffffff;
  text-transform: capitalize;
  font-family: "Fira Sans Extra Condensed", sans-serif;
  font-size: 18px;
  font-weight: 700;
  padding: 0px 15px;
}

.nav-filter li.active a,
.nav-filter li.active a:hover,
.nav-filter li.active a:active {
  border-bottom: 2px solid #00788C;
}

/* Body nav Styles */
body nav {
  position: relative !important;
  box-shadow: none;
  border-bottom: 0px;
  border-width: 0px !important;
  transition: all 0.25s ease-in-out;
  border-top: 0px;
}

body nav .navbar-header {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 0;
}

body nav .navbar-header button {
  text-align: center;
  border: 0px;
  border-radius: 0;
  margin: 0 !important;
  padding: 8px;
}

.navbar-header button .icon-bar {
  background-color: #102a4c !important;
  margin: auto;
  border-radius: 5px;
}

body nav .navbar-header button:hover,
body nav .navbar-header button:active,
body nav .navbar-header button:focus,
body nav .navbar-header button:visited {
  background-color: transparent !important;
}

body nav .navbar-header a img {
  display: block;
  width: 209.7px;
}

.navbar-collapse>ul {
  display: flex;
  align-items: center;
}

body nav .navbar-collapse {
  border-width: 0px;
}

body .i360collapse>ul>li a,
body nav .navbar-collapse>ul>li a {
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.75;
  color: #fff !important;
  padding: 0px 15px;
  font-family: "Fira Sans Extra Condensed", sans-serif;
  text-transform: uppercase !important;
}

body .i360collapse>ul>li a:hover,
body nav .navbar-collapse>ul>li a:hover {
  color: #89D2D9 !important;
}

body .i360collapse>ul,
body nav .navbar-collapse>ul {
  display: flex;
  align-items: center;
}

body .i360collapse>ul>li.donate-nav-item:hover a,
body nav .navbar-collapse>ul>li.donate-nav-item:hover a,
.donate-nav-item:hover a,
.donate-nav-item a:hover {
  color: #fff !important;
}

body .i360collapse>ul>li.open>a,
body nav .navbar-collapse>ul>li.open>a {
  background-color: #ffffff !important;
}

body .i360collapse>ul>li.open .dropdown-menu,
body nav .navbar-collapse>ul>li.open .dropdown-menu {
  background: #102a4c !important;
  padding: 0;
  border: 0;
}

body .i360collapse>ul>li.open .dropdown-menu>li,
body nav .navbar-collapse>ul>li.open .dropdown-menu>li {
  text-align: left;
}

body .i360collapse>ul>li.open .dropdown-menu>li>a,
body nav .navbar-collapse>ul>li.open .dropdown-menu>li>a {
  padding: 10px;
  color: #ffffff !important;
  line-height: 18px;
}

body .i360collapse>ul>li.open .dropdown-menu>li>a:hover,
body nav .navbar-collapse>ul>li.open .dropdown-menu>li>a:hover {
  background: #102a4c !important;
}

body .i360collapse>ul.navbar-nav,
body nav .navbar-collapse>ul.navbar-nav {
  margin: 0px;
}

nav {
  font-family: "Fira Sans Extra Condensed", sans-serif;
}

.navbar {
  background-color: #0C1F2C;
}

button.navbar-toggler {
  background-color: #ffffff;
}

.navbar-collapse {
  background-color: #0C1F2C;
}

/* Button Styles */
.btn:not(.btn-pill) {
  border-color: #00788C;
  background-color: #00788C;
  color: #ffffff !important;
}

.btn:hover {
  border-color: #00788C;
  background-color: #00788C;
}

/* Typography Styles */
h1,
h2,
h3,
h4,
h5,
h6,
.top-priority,
.btn {
  font-family: "Fira Sans Extra Condensed", sans-serif;
  font-weight: 700;
}

/* Main section Styles */
main.button-set-primary {
  padding-top: 0;
}

main .section-navigation .rounded-circle,
main .card-section .badge,
main .form-section>div,
main .form-section>div form {
  background-color: #0C1F2C;
}

main .card-section .section-title .fa {
  color: #00788C !important;
}


main .card-section .button-nav-container button svg {
  border-color: #0C1F2C;
  fill: #0C1F2C;
}

main .action-section {
  background-color: #00788C;
}

main .action-section .action-buttons a {
  border-color: #0C1F2C;
  background-color: #0C1F2C;
  color: #ffffff !important;
}

main .action-section .action-buttons a:hover {
  border-color: #0C1F2C;
  background-color: #0C1F2C;
}

main .action-section #toggleButtonViewAll {
  color: #ffffff;
}

/* Miscellaneous Styles */
.h4-stats,
.view-petitions-calls .h4-stats,
.sharing-statistics .share-stat {
  color: #F5BF49;
}

.login-wrapper {
  position: relative !important;
  top: 60px !important;
  left: 0px !important;
  transform: none !important;
  margin-top: 20px !important;
}

.fa {
  font-family: FontAwesome !important;
}

.glyphicon {
  font-family: "Glyphicons Halflings" !important;
}

a, .event-large-centered-header ~ a {
  color: #00788C;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
}

a:hover {
  color: #00788C;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

.fieldset-login .btn,
.fb-btn-unlinked,
.tw-btn-unlinked {
  font-size: 14px;
}

.image-tag>span {
  background-color: #0C1F2C;
}

.donate-nav-item {
  margin-left: 30px;
  padding: 9px 30px;
  border: 2px solid #89d2d8;
  position: relative;
}

.donate-nav-item a {
  z-index: 1;
  position: relative;
}

.donate-nav-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #89d2d8;
  z-index: 0;
  transition: all 0.5s;
}

.donate-nav-item:hover::after {
  width: 100%;
}

.thumbnails-home-dynamic-row .thumbnail .writeHeading a {
  text-transform: capitalize;
  font-weight: 700;
  font-size: 16px !important;
  font-family: "Roboto", sans-serif !important;
}

.thumbnails-home-dynamic-row .thumbnail .writeHeading a:hover {
  text-decoration: underline;
  color: #00788C;
}

.event-section .event-header,
#section-1 #action-item-headline #action-item-title {
  font-family: "Roboto", sans-serif !important;
  font-style: normal;
  font-weight: 600 !important;
  font-size: 36px !important;
}

.event-form-container .panel-body .margin-top-20>.col-sm-6 {
  margin-top: 20px;
}

.sessions-container {
  padding: 0;
}

#SelectedSessionIds-i360-dropdown {
  color: #000;
  background-color: #fff;
  border-radius: 2px;
  height: 45px;
  border: 1px solid #d1d3d4;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  align-items: center;
}

#SelectedSessionIds-i360-dropdown .i360-icon-24 {
  color: #000;
}

legend,
.action-item-subtitle {
  font-family: "Fira Sans Extra Condensed", sans-serif;
}

.special-selector-fill-viewport.themed-content-page-container {
  flex-direction: column;
}

.bg-color-red-apply-important {
    background-color: #00788c !important;
}

/* Footer Styles */
footer {
  font-size: 15px;
  padding: 40px 20px;
  color: #ffffff;
  position: relative;
  font-weight: 400;
  letter-spacing: normal;
  background-color: #0C1F2C;
  opacity: 1;
}

footer p {
  margin: 0;
}

footer div p {
  margin: 0 0 10px;
}

footer a,
footer a:hover {
  color: #ffffff;
  text-decoration: none;
}

footer .logo img {
  max-width: 140px;
  width: 100%;
}

footer .nav {
  padding: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.13);
}

footer .nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

footer .nav ul li {
  margin: 0 10px;
}

footer .nav ul li a {
  color: #ffffff;
  text-decoration: none;
  font-size: 19px;
  text-transform: uppercase;
  font-weight: 400;
  font-family: "Fira Sans Extra Condensed", sans-serif;
}

footer .nav ul li a:hover {
  color: #ffffff;
  text-decoration: none;
}

footer .disclaimer {
  opacity: 0.51;
  font-size: 15px;
  -moz-text-align-last: left;
  text-align-last: left;
  padding: 20px 20px 0 20px;
}

footer .social {
  text-align: right;
  display: flex;
  justify-content: end;
}

footer .social a {
  display: inline-block;
  height: 40px;
  width: 40px;
  margin: 0 7px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  transition: all 0.2s ease-in;
  background-color: #0C1F2C;
  color: #ffffff;
}

footer .social a:hover {
  background-color: #00788c;
}

/* Media Query Styles */
@media (max-width: 767px) {
  header {
    height: unset;
  }

  header .logo-toggle {
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 0;
  }

  header .logo-toggle #logo {
    padding-left: 50px;
    padding-top: 2px;
  }

  .login-wrapper {
    top: 0px !important;
  }

  body nav .navbar-header {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin: 8px !important;
  }

  body nav .navbar-header::before {
    content: unset;
  }

  body nav .navbar-header::after {
    width: 32px;
  }

  body .i360collapse>ul {
    padding: 1rem;
  }

  body .i360collapse>ul,
  body nav .navbar-collapse>ul {
    flex-direction: column;
    text-align: left;
    margin: 0 !important;
  }

  body .i360collapse>ul>li a,
  body nav .navbar-collapse>ul>li a {
    padding: 10px 15px;
    line-height: 18px;
    color: #89D2D9 !important;
  }

  .i360collapse {
    top: 0;
  }

  .i360collapse.show {
    overflow: visible;
  }

  .donate-nav-item {
    margin-left: 0;
  }
}

@media (max-width: 991px) {
    body nav .navbar-collapse {
        margin: 0 -12px;
        padding: 15px;
    }
}

@media (min-width: 992px) {

  .top-priority-section .thumbnail,
  .activist-info-container {
    height: 400px !important;
  }

  .volunteer-stats,
  .volunteer-panel .volunteer-name {
    padding: 0px !important;
    margin: 0px 5px !important;
    line-height: 22px;
  }

  .volunteer-stats .new-user,
  .volunteer-panel .volunteer-name .new-user {
    margin: 10px !important;
  }

  .volunteer-panel .volunteer-name {
    padding: 0px 20px !important;
  }

  .volunteer-name h3 {
    font-size: 1.75em;
  }

  .volunteer-name .padding-bottom-10 {
    padding-bottom: 10px;
  }
}

@media (min-width: 1200px) {

  .top-priority-section .thumbnail,
  .activist-info-container {
    height: 400px !important;
  }

  .volunteer-stats,
  .volunteer-panel .volunteer-name {
    padding: 0px !important;
    margin: 5px !important;
    line-height: 22px;
  }

  .volunteer-stats .new-user,
  .volunteer-panel .volunteer-name .new-user {
    margin: 10px !important;
  }

  .volunteer-panel .volunteer-name {
    padding: 0px 20px !important;
  }

  .volunteer-name h3 {
    font-size: 1.75em;
  }

  .volunteer-name .padding-bottom-10 {
    padding-bottom: 10px;
  }
}

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

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


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