/* General body styling */
body{
  color: #333333;
  font-size: 14px;
  font-family: 'Lato', Arial, sans-serif;  /* Changed to Lato font */
}

/* Container with fixed width of 800px */
.width_800{
  width: 800px;
  display: block;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}

/* Header styles */
.header{
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  background: #9D2235; /* Old browsers */
  background: -moz-linear-gradient(top,  #9D2235 0%, #9D2235 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #9D2235 0%,#9D2235 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #9D2235 0%,#9D2235 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9D2235', endColorstr='#9D2235',GradientType=0 ); /* IE6-9 */
}

/* Header image */
.header img{
  width: 250px;
  float: left;
}

/* Main title within the width_800 class */
.width_800 h1{
  font-size: 30px;
  padding: 30px 0 10px;
  text-align: left;
  margin: 0;
  font-family: 'Lato', sans-serif;  /* Changed to Lato font */
}

/* Section 1 styles */
.section_1{
  border-bottom: 2px solid #9D2235;
  padding-bottom: 30px;
  display: block;
  margin-bottom: 20px;
  text-align: left;
}

.section_1 p{
  font-size: 14px;
  display: block;
  margin: 0;
  font-family: 'Lato', sans-serif;  /* Changed to Lato font */
}

.section_1 span{
  font-family: 'Lato', sans-serif;
  font-weight: 500;
}

/* Section 6 styles */
.section_6{
  padding-bottom: 30px;
  display: block;
  margin-bottom: 20px;
  text-align: left;
}

.section_6 p{
  font-size: 14px;
  display: block;
  margin: 0;
}

.section_6 span{
  font-family: 'Lato', sans-serif;
  font-weight: 500;
}

/* Section 2 styles */
.section_2{
  /* border-bottom: 2px solid #5e5e5e; */
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.section_2 ul{
  overflow: hidden;
  margin: 0;
  padding: 0;
  text-align: left;
}

.section_2 ul li{
  overflow: hidden;
  display: block;
  list-style: none;
  padding: 0;
  margin: 0 0 30px 0;
}

/* Section titles */
.section_2 h2, .section_3 h2{
  font-family: 'Lato', sans-serif;
  font-weight: 600;
  font-size: 24px;
  color: #9D2235;
  padding-bottom: 20px;
  margin: 0;
}

/* Content alignment */
.section_2 .content{
  overflow: hidden;
  margin-bottom: 20px;
}

.align_middle{
  display: table;
  height: 100%;
}

.align_middle div{
  display: table-cell;
  vertical-align: middle;
}

/* Right content inner alignment */
.section_2 .content .right .inner{
  display: table;
  height: 100%;
}

.section_2 .content .right .inner .center{
  display: table-cell;
  vertical-align: middle;
}

/* Left content title */
.section_2 .content .left h3{
  font-family: 'Lato', sans-serif;
  font-weight: 500;
  font-size: 18px;
  padding-bottom: 5px;
  margin: 0;
}

/* Left content paragraph */
.section_2 .content .left p{
  font-size: 14px;
  display: block;
  margin: 0;
}

/* Checkbox form styles */
.form-check {
  min-height: 1.5rem;
}

.form-check-input {
  position: relative;
  width: 25px;
  height: 25px;
  background-color: #fff;
  border: 2px solid #e9e9e9;
  border-radius: .125rem;
  outline: none;
  box-shadow: none;
}

.form-check-input:before {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: .875rem;
  height: .875rem;
  background-color: transparent;
  pointer-events: none;
  transform: scale(0);
}

.form-check-input:hover {
  cursor: pointer;
}

.form-check-input[type=checkbox]:focus, .form-check-input[type=checkbox]:visited, .form-check-input:active{
  box-shadow: none;
  outline: none;
  background-color: #fff;
}

.form-check-input:checked {
  border-color: #383838;
  outline: none;
  box-shadow: none;
  background-color: #fff;
}

.form-check-input:checked:after {
  content: "";
  position: absolute;
  background-color: #fff;
}

.form-check-input[type=checkbox] {
  border-radius: .125rem;
  margin-top: .19em;
  margin-right: 6px;
  background-color: #fff;
}

.form-check-input[type=checkbox]:focus{
  border-color: #383838;
}

.form-check-input[type=checkbox]:focus:after {
  content: "";
  position: absolute;
  width: .875rem;
  height: .875rem;
  z-index: 1;
  display: block;
  border-radius: 0;
  background-color: white;
  outline: none;
  box-shadow: none;
}

.form-check-input[type=checkbox]:checked {
  background-image: none;
  background-color: white;
  border-color: #9D2235;
}

.form-check-input[type=checkbox]:checked:after {
  display: block;
  transform: rotate(45deg); 
  width: .375rem;
  height: .8125rem;
  border: .125rem solid #9D2235;
  border-top: 0;
  border-left: 0;
  margin-left: .25rem;
  margin-top: -1px;
  background-color: transparent;
  box-shadow: none;
  outline: none;
  left: 4px;
  top: 5px;
}

.form-check-input[type=checkbox]:checked:focus {
  background-color: white;
  outline: none;
  box-shadow: none;
  border-color: #383838;
}

.form-check-input[type=checkbox]:indeterminate {
  border-color: red;
  outline: none;
  box-shadow: none;
}

/* Success message styles */
.success{
  overflow: hidden;
  clear: both;
}

/* Badge styles */
.g_badge{
  background: #26C14F;
  border: none;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  margin-bottom: 20px;
  padding: 10px 30px;
  font-weight: normal;
  border-radius: 4px; 
}

/* Common button styles */
.common_button{
  background: #9D2235;
  border: none;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  padding: 20px 50px;
  border-radius: 4px;
  margin: 0px 0 25px;
}

.common_button1{
  background: #9D2235;
  border: none;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  padding: 20px 50px;
  border-radius: 4px;
  margin: 20px 0 25px;
}

/* Body text styles */

.body_text1 {
  font-size: 18px;
  line-height: 24px;
  text-align: left;
  padding-bottom: 30px;
  margin: 0;
  text-align: left;
  font-style: italic;
 color: #9D2235;
}

.body_text {
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  padding-bottom: 0px;
  margin: 0;
  text-align: left;
}



.body_text a {
  color: #9D2235;
  text-decoration: underline;
}

.body_text a:hover{
  color: #9D2235;
  text-decoration: none; 
}

/* Unsubscribe styles */
.unsubscribe{
  overflow: hidden;
}

/* Section 3 heading and body text */
.section_3 h2, .section_3 .body_text{
  text-align: left;
  padding-bottom: 20px;
}

/* Note section styles */
.note{
  font-size: 14px;
  text-align: left;
  padding: 0px 0 30px;
}

.note span, .body_text span{
  font-family: 'Lato', sans-serif;
  font-weight: 500;
}

.note a {
  color: #9D2235;
  text-decoration: underline;
}

.note a:hover{
  color: #9D2235;
  text-decoration: none; 
}

/* Media queries for responsiveness */
@media screen and (max-width:799px){
  .width_800{
    width: auto;
    padding: 0 20px;
  } 
  .header{
    padding: 15px 0;
  }
}

@media screen and (max-width:767px){
  .width_800 h1 {
    font-size: 30px;
  }
}
