/* This stylesheet is NOT used in the sub hosted/admin plaform
it lives in this repo to give some version control to the style sheet located in the S3 bucket: wp-stat/sub/css/wp-story-style.css
That bucket must be updated when changes are made to Sub embeded forms */

@font-face{ 
    font-family:"FranklinITCProBold";
    font-weight: normal;
    font-style: normal;
    src:url("https://css.washingtonpost.com/wp-stat/sub/fonts/Franklin-ITC-Pro-Bold.woff") format("woff");
    font-style:normal;
    font-weight:normal;
  }
  
  @font-face{
    font-family:"FranklinITCProLight";
    font-weight: normal;
    font-style: normal;
    src: url("https://css.washingtonpost.com/wp-stat/sub/fonts/Franklin-ITC-Pro-Light.woff") format("woff");
    font-style:normal;
    font-weight:normal;
  }
  
  @font-face{
    font-family:"FranklinITCProThin";
    src:url("https://css.washingtonpost.com/wp-stat/sub/fonts/Franklin-ITC-Pro-Thin.woff");
    font-style:normal;
    font-weight:normal;
  }
  
  @font-face{
    font-family:"PostoniWide";
    src:url("https://css.washingtonpost.com/wp-stat/sub/fonts/PostoniWide-Regular.eot");
    font-style:normal;
    font-weight:normal;
  }
  
  @font-face{
    font-family:"PostoniStandardRegular";
    src:url("https://css.washingtonpost.com/wp-stat/sub/fonts/PostoniStandard-Regular.woff") format("woff");font-style:normal;
    font-weight:normal;
  }
  
  @font-face{
    font-family:"PostoniStandardBold";
    src:url("https://css.washingtonpost.com/wp-stat/sub/fonts/PostoniStandard-Bold.ttf") format("truetype"); 
    font-style:normal;
    font-weight:normal;
  }
  
.sub h1{
    color: #2a2a2a;
    font-family: "PostoniStandardBold",Georgia,serif;
    font-weight: normal;
    line-height: 40px;
    text-align: center;
    font-size: 40px;
    -webkit-font-smoothing: antialiased;
}

.sub h2{
    color: #2a2a2a;
    font-family: "FranklinITCProThin",Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: 100;
    line-height: 26px;
    text-align: center;
    text-shadow: none;
    -webkit-font-smoothing: antialiased;
}
.sub h3.sub_section-header{
    font-family: 'FranklinITCProBold',serif;
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    padding: 10px 5px;
    font-size: 1.5em;
}

.sub h4{
    color: #2a2a2a;
    font-family: "FranklinITCProBold",sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 0;
    font-weight: 100;
    margin-top: 40px;
}
.sub h4.sub_sub-section-header {
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    text-shadow: none;
    margin-bottom: 40px;
    -webkit-font-smoothing: antialiased;
}

.sub h5{
    text-transform: none;
    font-weight: bold;
}

.sub .sub_reqText{
    color: #c7254e;
}

.sub a{
    color: #2e6d9d;
}

.sub button{
    border-radius: 4px;
    background-color: #1955a5;
    box-shadow: none;
    color: #fff;
    font-family: "FranklinITCProBold";
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    width: 300px;
    height: 40px;
    border-color: #357ebd;
    cursor: pointer;
    padding: 6px 12px;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 10px;
}

.sub button:hover{
    background-color: #4473b1;
}
.sub form:after {
    content: "";
    display: table;
    clear: both;
  }
  
.sub input[type='text'], 
.sub input[type='number'], 
.sub input[type='email'],
.sub input[type='phoneNumberIntl'],
.sub input[type='dobCheck'],
.sub textarea,
.sub select{
    padding: 10px;
    border-radius: 4px!important;
    color: #2a2a2a;
    -webkit-appearance: none;
    border: 1px solid #d5d5d5;
    background-color: #fff;
    width: 100%;
    height: 50px;
    font-family: "FranklinITCProLight";
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    box-shadow: none;
    -webkit-box-shadow: none;
}
.sub input[type='text'].sub_firstAndLastName {
    margin-bottom: 0px;
}

.sub input[type='checkbox']{
    vertical-align: middle;
}

.sub label.checkbox{
vertical-align: middle;
margin-left: 5px;
}

.sub label.radio{
  display:inline;
  margin: 0 0 0 0;
  font-weight:normal;
}

.sub input[type='radio']{
    margin-right:5px;
    margin-left:1px;
}



/*date select and number fields*/
.sub .dd-months,
.sub .dd-days, 
.sub .dd-years,
.sub input[type='number'].time_mins,
.sub input[type='number'].time_hours,
.sub select.time_ampm{
    display:inline-block;
    width:16%;
    margin-right:5px;
}

/*first and last name */
.sub .first,
.sub  .last{
    width:30%;
}

.sub .first input,
.sub .last input{
    width:95%;
}

/*phone number */
.sub .areacode,
.sub .prefix, 
.sub .linenum{
    width:15%;
}

.sub .dash {
    margin-top: 15px;
    margin-right: 6px;
}

.sub .areacode input, 
.sub .prefix input, 
.sub .linenum input{
    width:88%;
}

.subMatt{
    color: inherit;
}

.sub .sub_confirm {
    color: #2a2a2a;
    font-family: "FranklinITCProThin",Helvetica,Arial,sans-serif;
    font-size: 20px;
    line-height: 26px;
    border: 2px dashed #979797;
    border-radius: 4px;
    padding: 20px 40px;
}

.g-recaptcha {
    margin-top: 50px;
}