/* 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. */
/* Import External Styles */
/* Root Variables */
/* General Body Styles */
/* Typography Styles */
/* Button Styles */
/* Header Styles */
/* Miscellaneous Styles */
/* Footer Styles */
/* Media Query Styles */

/* Import External Styles */
@import url("https://use.typekit.net/ihj6gmt.css");

/* Root Variables */
:root {
    --primary-color: #0C4251;
    --secondary-color: #96A2AB;
    --tertiary-color: #FFFFFF;
    --headline-font: 'Cooper Hewitt';
    --body-copy-font: 'Cooper Hewitt';
    --button-corner: 0px;
}

/* General Body Styles */
body {
  padding-top: 60px;
  -webkit-font-smoothing: antialiased;
}

/* Typography Styles */
h1,
h2,
h3,
h4,
h5,
h6,
.top-priority,
legend {
  font-family: "ingra", sans-serif;
}

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

a {
  color: #0b3557;
}

/* Button Styles */
.btn,
.gallery img,
a,
button,
input:focus,
input[type=button],
input[type=reset],
input[type=submit],
textarea:focus {
  -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -ms-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;
}

.btn {
  font-size: 15px;
  font-weight: normal;
  border: 3px solid #96a2ab;
  background-color: #0c4251;
  font-family: "pt-serif", Georgia, "Times New Roman", serif;
}

.form-action .btn {
  margin-top: 25px;
}

#changePassword {
  width: auto;
}

.modal-body .btn,
.fb-btn-unlinked,
.tw-btn-unlinked {
  font-size: 14px !important;
}

/* Header Styles */
nav.navbar-fixed-top {
  height: 60px;
  padding: 0px;
  border-bottom: 0px !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

nav.navbar-fixed-top .navbar-header a {
  width: 190px;
  height: 51px;
  background-image: url('https://mk0suxikese2m53mqxcd.kinstacdn.com/wp-content/uploads/2017/10/CVAF_Horiz.svg');
  background-size: cover;
  background-position: center center;
  display: inline-block;
  margin-top: 4px;
}

nav.navbar-fixed-top ul {
  margin: 0px !important;
}

nav.navbar-fixed-top ul li a {
  text-transform: capitalize !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  font-size: 14px;
  padding: 20px 11px !important;
  color: rgba(0, 0, 0, 0.6) !important;
}

.large nav.navbar-fixed-top {
  height: 104px;
  padding: 0px;
  border-bottom: 0px !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.large nav.navbar-fixed-top .navbar-header a {
  width: 331px;
  height: 89px;
  background-image: url('https://mk0suxikese2m53mqxcd.kinstacdn.com/wp-content/uploads/2017/10/CVAF_Horiz.svg');
  background-size: cover;
  background-position: center center;
  display: inline-block;
  margin-top: 7.5px;
  color: rgba(0,0,0,0.6) !important;
}

.large nav.navbar-fixed-top ul li a {
  text-transform: capitalize !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  font-size: 14px;
  padding: 42px 11px !important;
}

.navbar-default .navbar-nav>li>a:hover {
  opacity: 0.7 !important;
}

header .logo-toggle #logo img {
  height: 52px;
  margin-top: 2px;
}

nav ul li a {
  color: rgba(0, 0, 0, 0.6);
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 1px;
  padding: 20px 11px;
}

nav ul li a:hover {
  background-color: transparent;
  opacity: 0.7;
	color: rgba(0,0,0,0.6);
}

header .logo-toggle .navbar-toggle .icon-bar {
  background-color: #2ea3f2;
}

/* Miscellaneous Styles */
.h4-stats,
.highlights div strong,
.volunteer-stats strong,
.view-petitions-calls .h4-stats,
.sharing-statistics .share-stat {
  color: #0c4251 !important;
}

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

.et_pb_row {
  display: flex;
  justify-content: space-between;
}

/* Footer Styles */
footer {
  padding: 27px 20px !important;
  color: #ffffff !important;
  background-color: #222222;
  opacity: 1;
}

footer .disclaimer {
  text-align: left !important;
}

footer .navigation {
  text-align: right !important;
  margin-bottom: 0px;
  padding: 0px;
}

footer li {
  display: inline-block;
}

footer li a {
  color: #ffffff !important;
  padding: 10px 15px;
}

footer li a:hover {
  text-decoration: none;
}

/* Media Query Styles */
@media (max-width: 767px) {
  body {
    padding-top: 80px;
  }

  nav.navbar-fixed-top {
    height: 80px;
  }

  nav.navbar-fixed-top .container {
    width: 80%;
  }

  nav.navbar-fixed-top button {
    margin: 23px 0px;
  }

  nav.navbar-fixed-top button .icon-bar {
    background-color: #2ea3f2 !important;
  }

  nav.navbar-fixed-top button:hover,
  nav.navbar-fixed-top button:focus {
    background-color: #ffffff !important;
  }

  nav.navbar-fixed-top .navbar-collapse {
    border-top: 3px solid #2ea3f2;
    padding: 5%;
  }

  nav.navbar-fixed-top .navbar-collapse li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important;
  }

  nav.navbar-fixed-top .navbar-collapse li a {
    color: #666 !important;
  }

  nav.navbar-fixed-top .navbar-collapse li a:hover {
    opacity: .7 !important;
    background-color: rgba(0, 0, 0, 0.03) !important;
  }

  nav.navbar-fixed-top .navbar-header a {
    width: 159.84px;
    height: 43.19px;
    margin-top: 18.405px;
  }

  nav.navbar-fixed-top ul li a {
    padding: 10px !important;
  }

  header .logo-toggle #logo img {
    padding-left: 60px;
    padding-top: 10px;
  }

  header nav {
    margin-left: 10%;
    width: 80%;
  }

  header nav ul {
    border-top: solid 3px #0b3557;
  }

  div#navbarMainMenu {
    background-color: #ffffff;
  }
}

@media (max-width: 992px) {
  .et_pb_row {
    display: block;
  }
}

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

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

.event-container a {
	color: #0b3557;
}

/* This is an existing class coming into the file new-layout.css */
.bg-color-red-apply-important {
	background: none !important;
	color: #0b3557 !important;
}

#addFriend {
    background: var(--primary-color) !important;
    border: none !important;
}

.navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28 11, 53, 87, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}