@font-face {
  font-family: 'SixInch';
  src: url("../styles/Fonts/SixInch/Subway-SixInch.eot");
  src: url("../styles/Fonts/SixInch/Subway-SixInch.eot?#iefix") format("embedded-opentype"), url("../Fonts/SixInch/Subway-SixInch.woff") format("woff"), url("../Fonts/SixInch/Subway-SixInch.ttf") format("truetype"), url("../Fonts/SixInch/Subway-SixInch.svg?#SubwaySixInch") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FootLong';
  /*src: url("../Fonts/FootLong/Subway-Footlong.eot");
  src: url("../Fonts/FootLong/Subway-Footlong.eot?#iefix") format("embedded-opentype"), url("../Fonts/FootLong/Subway-Footlong.woff") format("woff"), url("../Fonts/FootLong/Subway-Footlong.ttf") format("truetype"), url("../Fonts/FootLong/Subway-Footlong.svg?#SubwayFootLong") format("svg");*/
    src: url("../Styles/Fonts/FootLong/Subway-Footlong.eot");
  src: url("../Styles/Fonts/FootLong/Subway-Footlong.eot?#iefix") format("embedded-opentype"), url("../Styles/Fonts/FootLong/Subway-Footlong.woff") format("woff"), url("../Styles/Fonts/FootLong/Subway-Footlong.ttf") format("truetype"), url("../Styles/Fonts/FootLong/Subway-Footlong.svg?#SubwayFootLong") format("svg");
  font-weight: normal;
  font-style: normal;
 
}
.headingFont{
    font-family: FootLong, Arial, Helvetica, sans-serif;
    font-weight:600;
    color:#006320;
}

.regularText {
    font-family: 'SixInch', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 17px;
    width: 100%;
}
 .title
 {
     font-weight:800;
     font-size:32px;
     margin-top:20px;  
  }

 .subtitle{
     font-weight:600;
     font-size:21px;
      color:#006320;
     display : block;

 }
 .regularText{
     font-weight:200;
     
 }
 .emailInput {
   width:300px !important;
 }

.phoneInput {
    width:75px !important;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

 .field-validation-error {
     color:red;
 }
 ul.field-validation-error {
     list-style-type: none;
     margin-bottom: 0;
 }
 ul.field-validation-error li {
     padding-top: 10px;
 }
 .emailArea span.field-validation-error, .phoneArea span.field-validation-error {
     display: block;
     padding-top: 10px;
 }
 .subwayLogo {
     text-align:center;
     margin-bottom:24px;
     margin-top: 10px
 }

.unsubscribeButton {
    background-color: #008938;
    color:#FFFFFF;    
    padding-top:10px;
    padding-bottom:10px;
    width: 300px;
    height: 40px;
    border: none;
    font-size:17px;
    margin-top:10px;    
}
 .subwayCopyright {
     text-align:center;
     color: #333;
    font-family: Arial, serif;
    text-align: center;
    font-size: 12px;
    padding-bottom: 15px;
    /*background-color:pink;*/
 }
 hr{
    margin-top: -10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #eee;
     }

 .hrEnd {
     margin-top:10px;
 }
 .andOr{
     font-size:16px;
     color:#545454 !important;
 }

.privacyAndTou {
    clear: both;
    text-align: center;    
}

.privacyAndTou span {
    white-space: nowrap;
    padding: 0 10px;
}

.privacyAndTou a, .privacyAndTou a:visited {
    color: #333;
    text-decoration: underline;
}

#divForm {
    overflow: hidden;
    text-align: center;
}


@media (max-width: 767px)
 {
    /*
    .emailArea {
        text-align:left;
    }
    .phoneArea {
        text-align:left;
    }
  */
  #buttonArea {
      text-align:left;
  }
  .unsubscribeButton {
      margin-bottom: 20px;
     }
    
  h2, .unsubscribe-complete {
        color: red;
    }

  h2, .unsubscribe-complete * {
        width: 100%;
        font-weight: bolder;
    }
}

@media (min-width: 768px)
 {
     .emailArea {
        text-align:center;
    }

     .phoneArea {
        text-align:center;
    }

     #buttonArea {
      text-align:center;
  }
     .emailArea, .phoneArea, .unsubscribe-complete {
         /* width: 50%; */
         /* float: left; */
     }
     .unsubscribe-complete {
         color: red;
     }
     .unsubscribe-complete * {
         width: 100%;
         font-weight: bolder;
     }
     
     /*input {
        width:15% !important;
     }*/
    
 }

.divUnsubscribeCompleted {
    text-align:center;
  
}
    .divUnsubscribeCompleted .subtitle {
        display: inline;
    }