html {
  font-size: 24px;
  overflow-x: hidden; 
  padding: 0;
}

body{ 
  margin: 0;
}
h1, h2, h3 {
  font-family: 'Rubik', sans-serif;
}
p, ul li, ol li {
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 

}
a {
  text-decoration: none;
}
table, table th, table tr, table td {
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
  vertical-align: top;
}
table {
  width: 80%;            /* Set the table's width to 80% of its container */
  margin: 20px auto;     /* Center the table horizontally with auto margins */
  border-collapse: collapse; /* Merge cell borders into a single border */
}

th, td {                
  padding: 12px 15px;    /* Add padding to table header and data cells */
  text-align: left;     /* Align text to the left by default */
  border-bottom: 1px solid #ddd; /* Add a bottom border to each cell */
}

th {                   
  background-color: #f2f2f2; /* Light gray background for table headers */
  font-weight: bold;     /* Make header text bold */
}

tr:nth-child(even) {    
  background-color: #f8f8f8; /* Alternate row background for better readability */
}
.nc_header {
  background-color: #BD1F2D;
  padding: 2% 10% 1% 10%;

}

  .relative {
      position: relative;
  }
.nav {
  width: 100%;

}

.nav_menu_item {
  color: white;
  display: inline;
  font-family: 'Rubik', sans-serif;
  margin-right: 20px;
  font-size: .8rem;
  cursor: pointer;
  border-bottom: 1px solid #BD1F2D;
  transition: .5s all ease;
}

.nav_menu_item:hover {
  border-bottom: 1px solid white;
}

.nav_link {
  color: white;
  text-decoration: none;
}
.fullwidth {
  width: 100%;
  padding: 0; 
  margin: 0 auto;		
  box-sizing: border-box;


}

.half {
  width: 50%;
  padding:0;
  margin: 0 auto;
  box-sizing: border-box;
  float: left;
}

#hero {
  background-size: cover;
  width: 100%;
  height: 670px;
  background-image: url("/wp-content/uploads/2022/01/PillHeader2.png");
  background-position: center center;
  position: relative;
  
}

#hero_image {
  position: absolute;
  left: 30%;
  bottom: 12%;
  width: 280px;
}


#section1 {
  background-color: #E93A38;
  padding: 10%;
  position: relative;
  height: 700px;


}

#section1_image {
  position: absolute;
  top: -9%;
  left: 33%;
  width: 130px;
}

#section1_image_text {
  position: absolute;
  top: 7%;
  left: 31%;
  font-size: 1rem;
  color: white;
}

#section1_callout {
  font-size: 2rem;
  color: white;
  margin: 0;
  padding: 0;
  margin-top: 100px;

  
}

.darkred {
  color: #BD1F2D;
}

.white {
  color: white;
}



  .card {
      background-color: #F2F8F9;
      border-radius: 25px;
      padding: 40px 40px 100px 40px;
      margin: 20px;
      box-sizing: border-box;
      position: relative;

  }


  .card_p {
      color: #127998;
  }

  .card_number { 
      position: absolute;
      top: 20px;
      right: 40px;

  }

  .card_button {
      position: absolute;
      bottom: 20px;
      right: 40px;
      border-radius: 50px;
      padding-left: 40px;
      padding-right: 40px;
      font-size: .7rem;
  }


  .card_image {
      width: 100px;
  }

  #alert_dontshare{ 
      position: absolute;
      right: -30px;
      z-index: 2;
  }

#alert_lockyourmeds{ 
      position: absolute;
      right: -30px;
      z-index: 2;
  }

  .row {
      width: 100%;
      padding: 0;
      margin: 0;
      position: relative;
      display: flex;
  }


.tab_title{
  color: white;
  height: 100%;
  text-align: center;
  font-size: 120%;
}

.tab_container {
  margin-top: 5%;
  position: absolute;
  width: 80%;
  bottom: -4%;
  left: auto;
  
}

.tab {
  width: 30%;
  border: 1px solid white;
  border-radius: 25px;
  display: inline;
  float: left;
  margin-left: 3%;
  text-align: center;
  cursor: pointer;
  transition: .5s all ease;
}

.tab:hover {
  background-color: white;
  color: #E93A38;
  margin-top: -25px;
}

.tab:hover .tab_title { 
  color: #E93A38;
}

#TabCursive {
  width: 60%;
    margin-bottom: 30px;
}

#CursiveTabImage {
  margin-top: -11%;
  width: 100%;
}

#section2 {
  height: auto;
  padding: 10% 10% 0 10%;
  position: relative;
}


  #section2_b {
      height: 1650px;
  padding: 5% 10% 10% 10%;
  position: relative;
      display: none;
  }

  #section2_c {
      height: 1650px;
  padding: 5% 10% 10% 10%;
  position: relative;
      display: none;
  }

#section2c_row2 {
      margin-left: -200px;
  }

  .section2c_image {
      width: 80%;
  }

  #section2c_pill {
      position: absolute;
      bottom: 20px;
      right: 40px;
      width: 50px;
  }

.one_third {
  width: 33%;
  float: left;
  
}

.two_third {
  width: 66%;
  float: left;
}

#section3 {
  background-color: #127998;
  height: 900px;
  padding: 1% 10% 0 10%;
  position: relative;

}

#section3_image{ 

  position: absolute;
  top: -373px;
  left: 0;
  width: 500px;

}


.small_blue {
  font-size: 1rem;
  color: #127998;
}

.subsection_title{ 
  color: #127998;
  font-size: 1.5rem;
  background-color: #12799833;
  width: 70%;
  padding: 20px;
  border-radius: 15px;
}

.checklist_item {
  color: #127998;
  font-size: 1.5rem;
  list-style: none;
  margin-top: 50px;
  vertical-align: middle;
  font-family: 'Rubik', sans-serif;


}

.checklist_text {
  font-size: 1.3rem;
  padding-top: 2%;
  color: #E93A38;
  font-weight: 300;
}

.checklist_item::before {
  content: '';
  display: block;
  float: left;
  height: 100px;
  width: 100px;
  background-image: url("/wp-content/uploads/2021/09/NC_Box_Unchecked.png");
  background-size: contain;
  margin-right: 15px;
  cursor: pointer;
  background-repeat: no-repeat;
}

.checklist_item:hover::before {
  background-image: url("/wp-content/uploads/2021/09/NC_Box_Checked.png");
  background-size: contain;
  
}

.checklist_item:hover .checklist_text{
  color: #127998;
}



.checklist_item:active::before {
  background-image: url("/wp-content/uploads/2021/09/NC_Box_Checked.png");
}


.checklist_checked {
  color: #127998;
  font-size: 1.5rem;
  list-style: none;
  margin-top: 50px;
  vertical-align: middle;
  font-family: 'Rubik', sans-serif	
  
}

.checklist_checked::before {
  content: '';
  display: block;
  float: left;
  height: 100px;
  width: 100px;
  background-image: url("/wp-content/uploads/2021/09/NC_Box_Checked.png");
  background-size: contain;
  margin-right: 15px;
  cursor: pointer;
  background-repeat: no-repeat;
  
}

#checklist {
  margin-bottom: 100px;
  cursor: pointer;
}


.blue { 
  color: #127998;		
}

button {
  background-color: #E93A38;
  border-radius: 15px;
  color: white;
  font-size: 1rem;
  padding: 20px;
  border: none;
  cursor: pointer;
  border: 1px solid white;
  transition: .5s all ease;
  font-family: 'Rubik', sans-serif;

}

button:hover {
  background-color: white;
  border: 1px solid #E93A38;
  color: E93A38;
}

#takethepledge_cta {
  padding-right: 20%;
}

footer {
  background-color: #323944;
}

.left{ 
  float: left;
}

.text-right {
  text-align: right;
}

.clear-left { 
  clear: left;
}

#footer_cta {
  color: #0D627D;
  font-size: 2rem;
  margin-top: 400px;
}

#inner_footer {
  padding: 2%;
  background-color: #323944;
}

.footer_copy {
  color: white;
}

#bottom_footer {
  padding: 2%;
  width: 100%;
  background-color: #323944;
}


.hidden {
  display: none;
}


@media (max-width: 1024px) { 

  #TabCursive {
    width: 80%;
  }

  .nav_menu_item {
    font-size: .5rem;
    line-height: 2rem;
  }
  
  #section1 {
    height: 800px;
    margin-bottom: 50px;

  }
  
  #section3_image  {
    width: 330px;
    top: -243px;
  }
  
  #section2 {
    height: 1900px;
  }

  #section2_b {
    height: 1840px;
    padding: 0;
  }

  #section2_c {
    height: 1640px;
    padding: 0;
  }

  .card {
    padding: 40px 20px 100px 20px;
    margin: 5px;

  }

  .tab_title {
    font-size: 100%;
  }

  
  #alert_dontshare {
    z-index: 0;
    right: -90px;
  }

  #alert_lockyourmeds {
    z-index: 0;
    right: -100px;
  }

  #hero_image {
    left: 18%;
  }
  
}

@media (max-width: 1440px) { 
  #hero_image {
    left: 23%;
    width: 260px;
    bottom: 16%;
  }
  
  #section1_image {
    left: 31%;
  }
  
  #section1_image_text {
    left: 27%;
  }
  
  #TabCursive {
    width: 80%;
  }

  .nav_menu_item {
    font-size: .6rem;
    line-height: 2rem;

  }
  
  #section1 { 
    height: 600px;
    margin-bottom: 50px;
  }

  #section2_b {
    height: 1450px;
    padding: 0;
  }

  #section2_c {
    height: 1450px;
    padding: 0;
  }

  .card {
    padding: 40px 20px 100px 20px;
    margin: 5px;
  }

  #alert_dontshare {
    z-index: 0;
    right: -90px;
  }

  #alert_lockyourmeds {
    z-index: 0;
    right: -100px;
  }
}