/* TEXT
 -------------------- */
body {
  font-size: 1.125rem;
  font-size: 1.40625rem;
  margin-bottom: 0;
}

body > .container {
  margin-top: 0 !important;
  padding-left: 0;
  padding-right: 0;
  max-width: 100% !important;
}

h1,
h2 {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.lead strong {
  font-weight: 700;
}

/* HEADER
 -------------------- */
#logo {
  max-width: 100%;
  max-height: 60px;
}

/* NAV
 -------------------- */
.navbar-dark .navbar-nav .nav-link {
  color: #fff;
}

.navbar a {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-decoration: none;
}

/* BUTTONS
 -------------------- */
.btn, button.btn, a.btn {
  border-radius: 0.15rem !important;
  text-shadow: none !important;
}

.btn.btn-action, button.btn.btn-action, a.btn.btn-action {
  font-weight: 700;
  text-shadow: 0 1px rgba(0, 99, 193, 0.8);
  padding-left: 3rem;
  padding-right: 3rem;
  line-height: 2em;
}

.btn-default {
  background: #2283e0;
  border: 0;
  border-bottom: 3px solid #1969b6;
  color: #fff;
}
.btn-default:hover {
  background: #066bcc;
  border-bottom-color: #055aab;
}

/* LISTS
 -------------------- */
.section-exclusive-content .fa-ul,
.section-benefits-checklist .fa-ul {
  line-height: 2.75rem;
}

.section-exclusive-content .fa-li {
  color: #07bd07;
}

.section-benefits-checklist .fa-li {
  color: #ff9800;
}

.twitter-input {
  display: none;
}

/* HERO
 -------------------- */
.hero-section {
  color: #fff;
  background: url("/members/img/bg3.jpg") center center no-repeat;
  background-size: cover;
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  filter: opacity(100%);
  min-height: 400px;
}

#hero-triangle {
  padding-bottom: 0;
  margin-bottom: 0;
  fill: #060606;
  stroke: #060606;
  bottom: 0px;
}

.hero-section h1 {
  font-size: 3rem;
  line-height: 3.75rem;
}

/* SECTIONS
 -------------------- */
.benefit-list {
  background: #000;
  color: #fff;
}

.section-print-magazine-bg {
  background: url("/members/img/ij-magazine-grid-1600x500.jpg") center center no-repeat;
  min-height: 500px;
}

.section-salary-survey-bg {
  background: url("/members/img/insurance-agency-salary-survey-annual.png") center center no-repeat;
  min-height: 500px;
}

.section-salary-survey {
  padding-top: 3rem;
}

.section-sponsors {
  background-color: #F7F5F2;
}

.section-testimonials {
  background: #E9E7E4;
}

.section-limited-offer .card-text {
  font-size: 1.25rem;
}

.section-limited-offer .card {
  border-color: rgba(0, 0, 0, 0.5);
}

.section-signup {
  background-color: #292724;
  color: #fff;
}

.section-limited-offer .card-header {
  border-color: #222;
}

.section-readers-say {
  background: #F7F5F2;
  color: #000;
  height: 26rem;
}

/* CARDS
 -------------------- */
.card {
  border-radius: 0.25rem;
}

.signup-card {
  padding: 20px;
  display: flex;
  gap: 5px;
}

.signup-card .card-header {
  color: #333;
  text-transform: uppercase;
  font-weight: 700;
  background-color: #fff;
  border: none;
  line-height: 1.5rem;
  font-size: 1.15rem;
}

.signup-card .card-body {
  padding-top: 0;
}

.signup-card .card-title {
  font-size: 4.5rem;
  font-weight: 500;
}

.signup-card .card-footer {
  background-color: #fff;
  border: none;
}

.signup-card .card-description {
  font-size: 1.25rem;
  padding-left: 20px;
}

.signup-card .card-footer a {
  margin: auto;
  width: 100%;
  text-shadow: none;
  box-shadow: none !important;
  border: none;
}

.signup-card .text-primary {
  color: #D0011B !important;
  font-weight: 500;
}

.testimonial-card {
  background: #fff;
  margin-bottom: 40px;
  box-shadow: 3px 3px 20px -5px rgba(0, 0, 0, 0.5);
}

.testimonial-card .card-body {
  padding: 40px;
}

.testimonial-card .card-text {
  font-size: 1.25rem;
}

.testimonial-card .testimonial-name,
.testimonial-card .testimonial-company {
  margin: 0;
  font-size: 0.875rem;
}

.testimonial-card .testimonial-name {
  font-weight: 700;
}

/* TIMELINE
 -------------------- */
.timeline {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.timestamp {
  margin-bottom: 20px;
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 700;
}

.status {
  padding: 0px 40px;
  display: flex;
  justify-content: center;
  border-top: 2px solid #D6DCE0;
  position: relative;
  transition: all 200ms ease-in;
}

.status h4 {
  font-weight: 600;
}

.status:before {
  content: "";
  width: 25px;
  height: 25px;
  background-color: white;
  border-radius: 25px;
  border: 1px solid #ddd;
  position: absolute;
  top: -15px;
  left: 42%;
  transition: all 200ms ease-in;
}

.li.complete .status {
  border-top: 2px solid #66DC71;
}

.li.complete .status:before {
  background-color: #66DC71;
  border: none;
  transition: all 200ms ease-in;
}

.li.complete .status h4 {
  color: #66DC71;
}

.li.complete .timestamp .label,
.li.complete .timestamp .price,
.li.complete .timestamp {
  color: #66DC71;
}

.timestamp {
  color: #D6DCE0;
}

.timestamp .label {
  text-transform: uppercase;
  font-size: 0.875rem;
}

/* Additional Styles
 -------------------- */
.uniform-img {
  height: 53px;
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
}

.uniform-img.png-image {
  filter: grayscale(100%) brightness(70%);
  transition: all 0.25s ease-in-out;
}

.uniform-img.png-image:hover {
  filter: grayscale(100%) brightness(50%);
}

@media (min-device-width: 320px) and (max-device-width: 700px) {
  .timeline {
    list-style-type: none;
    display: block;
  }
  .timeline .li {
    display: flex;
    width: inherit;
  }
  .timestamp {
    width: 100px;
  }
  .status:before {
    left: -8%;
    top: 30%;
    transition: all 200ms ease-in;
  }
  .sponsor-logo {
    margin-bottom: 35px;
  }
  .section-salary-survey-bg {
    display: none;
  }
  .section-salary-survey {
    padding-top: 0;
  }
}
@media (max-device-width: 768px) {
  .sponsor-logo {
    margin-bottom: 35px;
  }
  .signup-card:last-child {
    margin-top: 20px;
  }
  .hero-section h1 {
    font-size: 1.45rem;
    line-height: 3.75rem;
  }
  .section-signup h3 {
    font-size: 1.45rem;
  }
}