/*******************************************************************************
* webready-html-content.scss
*
* Styling of the "webready-HTML" files demonstrating the golden rule and asymmetric
* grids with Singularity.
******************************************************************************/
/* line 5, ../../../sass/variables/_typography.scss */
* {
  font-size: 100%;
  font-family: Tahoma, Verdana, Segoe, sans-serif !important; }

/* line 11, ../../../sass/variables/_typography.scss */
body {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 15px;
  line-height: 20px; }
  /* line 15, ../../../sass/variables/_typography.scss */
  body .l-main {
    font-style: normal;
    font-weight: 400; }
    /* line 18, ../../../sass/variables/_typography.scss */
    body .l-main a {
      color: #1F419A; }
    /* line 21, ../../../sass/variables/_typography.scss */
    body .l-main a:hover {
      color: #cd3835;
      cursor: pointer; }

/* line 28, ../../../sass/variables/_typography.scss */
.l-content p {
  margin: 0 0 10px 0;
  font-size: 15px;
  line-height: 20px; }

/* line 34, ../../../sass/variables/_typography.scss */
p {
  color: #4A4A4A;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 20px;
  padding: 0;
  margin: 0 0 10px 0; }

/* line 45, ../../../sass/variables/_typography.scss */
ul li, ol li {
  color: #4A4A4A;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 25px;
  padding: 0;
  margin: 0 0 10px 0; }

/* line 56, ../../../sass/variables/_typography.scss */
h1 {
  color: #1E384B;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 28px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 30px;
  padding: 0;
  margin: 0 0 10px 0; }
  @media (min-width: 39em) {
    /* line 56, ../../../sass/variables/_typography.scss */
    h1 {
      font-size: 32px;
      line-height: 34px; } }

/* line 71, ../../../sass/variables/_typography.scss */
h2 {
  color: #1E384B;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 23px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 25px;
  padding: 0;
  margin: 0 0 10px 0; }
  @media (min-width: 39em) {
    /* line 71, ../../../sass/variables/_typography.scss */
    h2 {
      font-size: 28px;
      line-height: 30px; } }

/* line 86, ../../../sass/variables/_typography.scss */
h3 {
  color: #1E384B;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 20px;
  padding: 0;
  margin: 0 0 10px 0; }
  @media (min-width: 39em) {
    /* line 86, ../../../sass/variables/_typography.scss */
    h3 {
      font-size: 21px;
      line-height: 22px; } }

/* line 101, ../../../sass/variables/_typography.scss */
h4 {
  color: #1E384B;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 18px;
  padding: 0;
  margin: 0 0 10px 0; }
  @media (min-width: 39em) {
    /* line 101, ../../../sass/variables/_typography.scss */
    h4 {
      font-size: 16px;
      line-height: 18px; } }

/* line 116, ../../../sass/variables/_typography.scss */
h5 {
  color: #1E384B;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: normal;
  line-height: 16px;
  padding: 0;
  margin: 0 0 10px 0; }
  @media (min-width: 39em) {
    /* line 116, ../../../sass/variables/_typography.scss */
    h5 {
      font-size: 15px;
      line-height: 16px; } }

/* line 132, ../../../sass/variables/_typography.scss */
.samhsa-data-link {
  color: #003399;
  text-decoration: none;
  cursor: pointer; }
  /* line 136, ../../../sass/variables/_typography.scss */
  .samhsa-data-link:hover {
    color: #cd3835;
    cursor: pointer; }

/* line 142, ../../../sass/variables/_typography.scss */
.samhsa-data-text {
  color: #4A4A4A;
  font-size: 15px;
  font-weight: normal;
  line-height: 20px; }
  /* line 147, ../../../sass/variables/_typography.scss */
  .samhsa-data-text a {
    color: #003399;
    text-decoration: none;
    cursor: pointer; }
  /* line 152, ../../../sass/variables/_typography.scss */
  .samhsa-data-text a:hover {
    color: #cd3835;
    cursor: pointer; }

/* line 159, ../../../sass/variables/_typography.scss */
.samhsa-data-title-text {
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 20px; }
  /* line 164, ../../../sass/variables/_typography.scss */
  .samhsa-data-title-text a {
    color: #003399;
    text-decoration: none;
    cursor: pointer; }
  /* line 169, ../../../sass/variables/_typography.scss */
  .samhsa-data-title-text a:hover {
    color: #cd3835;
    cursor: pointer; }

/* line 177, ../../../sass/variables/_typography.scss */
.samhsa-data-form-input-txt-style1 {
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 0.5px;
  color: #545454;
  background-color: #FFFFFF;
  padding: 10px 15px;
  height: 45px;
  border: 1px solid #9B9B9B; }
  @media (min-width: 39em) {
    /* line 177, ../../../sass/variables/_typography.scss */
    .samhsa-data-form-input-txt-style1 {
      font-size: 17px; } }
  /* line 189, ../../../sass/variables/_typography.scss */
  .samhsa-data-form-input-txt-style1:focus {
    border-color: #5F8EE4;
    -webkit-box-shadow: 0 0 0 2px rgba(95, 142, 228, 0.2);
    box-shadow: 0 0 0 2px rgba(95, 142, 228, 0.2); }

/* line 197, ../../../sass/variables/_typography.scss */
.samhsa-data-form-checkbox-style1 {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.03em;
  color: #4A4A4A; }
  /* line 202, ../../../sass/variables/_typography.scss */
  .samhsa-data-form-checkbox-style1:focus, .samhsa-data-form-checkbox-style1:checked {
    background: #A96401; }

/* line 208, ../../../sass/variables/_typography.scss */
.samhsa-data-form-radio-style1 {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.03em;
  color: #4A4A4A; }
  /* line 213, ../../../sass/variables/_typography.scss */
  .samhsa-data-form-radio-style1:focus, .samhsa-data-form-radio-style1:checked {
    background: #A96401; }

/* line 219, ../../../sass/variables/_typography.scss */
.samhsa-data-form-select-dd-style1 {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.03em;
  color: #4A4A4A;
  padding: 4px;
  border: 1px solid #d4d4d4; }
  /* line 226, ../../../sass/variables/_typography.scss */
  .samhsa-data-form-select-dd-style1:focus {
    background: #CCCCCC; }
  /* line 229, ../../../sass/variables/_typography.scss */
  option .samhsa-data-form-select-dd-style1:hover {
    background-color: #CCCCCC; }

/* line 235, ../../../sass/variables/_typography.scss */
.samhsa-data-form-submit-style1 {
  display: inline-block;
  background: #1a6986;
  background-color: #1a6986;
  border: none;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: normal;
  margin: 0;
  padding: 15px 20px;
  text-decoration: none;
  text-transform: capitalize;
  text-align: center;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  width: auto;
  height: 45px;
  line-height: 15px; }
  @media (min-width: 39em) {
    /* line 235, ../../../sass/variables/_typography.scss */
    .samhsa-data-form-submit-style1 {
      font-size: 16px;
      line-height: 18px; } }
  /* line 259, ../../../sass/variables/_typography.scss */
  .samhsa-data-form-submit-style1:focus {
    outline: none; }
  /* line 262, ../../../sass/variables/_typography.scss */
  .samhsa-data-form-submit-style1:hover {
    background-color: #5f636a; }

/* line 268, ../../../sass/variables/_typography.scss */
.samhsa-data-form-submit-style2 {
  display: inline-block;
  background: #FFFFFF;
  background-color: #FFFFFF;
  border: 1px solid #4A4A4A;
  color: #4A4A4A;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 0;
  padding: auto 15px;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  width: auto;
  height: 45px;
  line-height: 15px; }
  @media (min-width: 39em) {
    /* line 268, ../../../sass/variables/_typography.scss */
    .samhsa-data-form-submit-style2 {
      font-size: 18px;
      line-height: 18px; } }
  /* line 292, ../../../sass/variables/_typography.scss */
  .samhsa-data-form-submit-style2:focus {
    outline: none; }
  /* line 295, ../../../sass/variables/_typography.scss */
  .samhsa-data-form-submit-style2:hover {
    background-color: #A96401;
    color: #FFFFFF;
    border: 1px solid #A96401; }

/* line 303, ../../../sass/variables/_typography.scss */
.samhsa-data-link-button-style1 {
  display: inline-block;
  background: #1a6986;
  background-color: #1a6986;
  border: none;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: normal;
  margin: 0;
  padding: 15px 20px;
  text-decoration: none;
  text-transform: capitalize;
  text-align: center;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  width: auto;
  height: auto;
  line-height: 15px; }
  @media (min-width: 39em) {
    /* line 303, ../../../sass/variables/_typography.scss */
    .samhsa-data-link-button-style1 {
      font-size: 15px;
      line-height: 15px; } }
  /* line 327, ../../../sass/variables/_typography.scss */
  .samhsa-data-link-button-style1:focus {
    outline: none; }
  /* line 330, ../../../sass/variables/_typography.scss */
  .samhsa-data-link-button-style1:hover {
    background-color: #5f636a; }

/* line 336, ../../../sass/variables/_typography.scss */
.samhsa-data-link-button-style2 {
  display: inline-block;
  background: #FFFFFF;
  background-color: #FFFFFF;
  border: 1px solid #1a6986;
  color: #1a6986;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 1px;
  margin: 0;
  padding: 15px;
  text-decoration: none;
  text-transform: capitalize;
  text-align: center;
  appearance: none;
  box-shadow: none;
  border-radius: 0;
  width: auto;
  height: auto;
  line-height: 15px; }
  @media (min-width: 39em) {
    /* line 336, ../../../sass/variables/_typography.scss */
    .samhsa-data-link-button-style2 {
      font-size: 15px;
      line-height: 15px; } }
  /* line 360, ../../../sass/variables/_typography.scss */
  .samhsa-data-link-button-style2:focus {
    outline: none; }
  /* line 363, ../../../sass/variables/_typography.scss */
  .samhsa-data-link-button-style2:hover {
    background: #FFFFFF;
    background-color: #FFFFFF;
    color: #5f636a;
    border: 1px solid #5f636a; }

/* line 372, ../../../sass/variables/_typography.scss */
.samhsa-data-ul-list {
  list-style: disc outside none;
  margin: 15px 0 15px 15px;
  padding: 0 0 0 18px; }

/* line 377, ../../../sass/variables/_typography.scss */
.samhsa-data-ul-list-li {
  list-style: disc outside none;
  padding: 0 0 0 5px;
  margin: 0 0 10px 0; }

/* line 382, ../../../sass/variables/_typography.scss */
.samhsa-data-ol-list {
  list-style: inherit outside none;
  margin: 15px 0 15px 15px;
  padding: 0 0 0 18px; }

/* line 387, ../../../sass/variables/_typography.scss */
.samhsa-data-ol-list-li {
  list-style: inherit outside none;
  padding: 0 0 0 5px;
  margin: 0 0 10px 0; }

/* line 392, ../../../sass/variables/_typography.scss */
.samhsa-data-list-as-block {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0; }

/* line 399, ../../../sass/variables/_typography.scss */
.samhsa-data-list-item-block {
  display: inline-block;
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  /* line 405, ../../../sass/variables/_typography.scss */
  .samhsa-data-list-item-block a {
    display: inline-block; }

/* line 411, ../../../sass/variables/_typography.scss */
.samhsa-data-clear-block {
  display: block;
  clear: both;
  float: none;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: hidden; }

/* line 2, ../../../sass/abstractions/_mixins.scss */
.lt-ie9 .l-page {
  width: 1000px; }

@media (min-width: 624px) and (max-width: 768px) {
  /* line 4, ../../../sass/abstractions/_mixins.scss */
  .l-page {
    width: 624px; } }
@media (min-width: 768px) and (max-width: 864px) {
  /* line 5, ../../../sass/abstractions/_mixins.scss */
  .l-page {
    width: 768px; } }
@media (min-width: 864px) and (max-width: 1000px) {
  /* line 6, ../../../sass/abstractions/_mixins.scss */
  .l-page {
    width: 864px; } }
@media (min-width: 1000px) {
  /* line 7, ../../../sass/abstractions/_mixins.scss */
  .l-page {
    width: 1000px; } }
/* Paragraph's , Div's */
/* line 19, ../../../sass/layouts/webready-landing/webready-html-content.scss */
p, div {
  color: #4A4A4A;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 20px;
  margin: 0 0 10px 0;
  padding: 0; }

/* tables - basic styles */
/* line 30, ../../../sass/layouts/webready-landing/webready-html-content.scss */
table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  color: #4A4A4A;
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: normal;
  line-height: 20px;
  border: 1px solid #D4D4D4; }

/* line 42, ../../../sass/layouts/webready-landing/webready-html-content.scss */
table th, table tr th {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 15px;
  font-weight: bold;
  padding: 4px;
  border: 1px solid #D4D4D4; }

/* line 49, ../../../sass/layouts/webready-landing/webready-html-content.scss */
table td, table tr td {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 15px;
  font-weight: normal;
  padding: 4px;
  border: 1px solid #D4D4D4; }

/* Images in the content - - use the classes */
/* in center of the page */
/* line 58, ../../../sass/layouts/webready-landing/webready-html-content.scss */
.content-image-center-lg {
  width: 100%;
  max-width: 1000px; }

/* line 59, ../../../sass/layouts/webready-landing/webready-html-content.scss */
.content-image-center-md {
  width: 100%;
  max-width: 700px; }

/* line 60, ../../../sass/layouts/webready-landing/webready-html-content.scss */
.content-image-center-sm {
  width: 100%;
  max-width: 480px; }

/* in the left ot right column of page */
/* line 62, ../../../sass/layouts/webready-landing/webready-html-content.scss */
.content-image-column-lg {
  width: 100%;
  max-width: 575px; }

/* line 63, ../../../sass/layouts/webready-landing/webready-html-content.scss */
.content-image-column-md {
  width: 100%;
  max-width: 400px; }

/* line 64, ../../../sass/layouts/webready-landing/webready-html-content.scss */
.content-image-column-sm {
  width: 100%;
  max-width: 280px; }

/* in the tables center */
/* line 66, ../../../sass/layouts/webready-landing/webready-html-content.scss */
.table-image-center-lg {
  width: 100%;
  max-width: 768px; }

/* line 67, ../../../sass/layouts/webready-landing/webready-html-content.scss */
.table-image-center-md {
  width: 100%;
  max-width: 535px; }

/* line 68, ../../../sass/layouts/webready-landing/webready-html-content.scss */
.table-image-center-sm {
  width: 100%;
  max-width: 375px; }

/* in the left ot right column of the table */
/* line 70, ../../../sass/layouts/webready-landing/webready-html-content.scss */
.table-image-column-lg {
  width: 100%;
  max-width: 475px; }

/* line 71, ../../../sass/layouts/webready-landing/webready-html-content.scss */
.table-image-column-md {
  width: 100%;
  max-width: 330px; }

/* line 72, ../../../sass/layouts/webready-landing/webready-html-content.scss */
.table-image-column-sm {
  width: 100%;
  max-width: 230px; }

/* form elements */
/* line 74, ../../../sass/layouts/webready-landing/webready-html-content.scss */
input[type=text] {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0.5px;
  color: #5F636A;
  background-color: #FFFFFF;
  padding: 10px 15px;
  height: 45px;
  border: 1px solid #cdcdcd; }

/* line 85, ../../../sass/layouts/webready-landing/webready-html-content.scss */
input[type=text]:focus, input[type=text]:hover, input[type=text]:active {
  border-color: #5F8EE4;
  -webkit-box-shadow: 0 0 0 2px rgba(95, 142, 228, 0.2);
  box-shadow: 0 0 0 2px rgba(95, 142, 228, 0.2); }

/* line 90, ../../../sass/layouts/webready-landing/webready-html-content.scss */
input[type=radio] {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: 0.03em;
  color: #4A4A4A; }

/* line 97, ../../../sass/layouts/webready-landing/webready-html-content.scss */
input[type=radio]:focus, input[type=radio]:checked {
  background: #A96401; }

/* line 100, ../../../sass/layouts/webready-landing/webready-html-content.scss */
select {
  font-family: Tahoma, Verdana, Segoe, sans-serif;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.03em;
  color: #4A4A4A;
  padding: 15px;
  border: 1px solid #cdcdcd; }

/* line 109, ../../../sass/layouts/webready-landing/webready-html-content.scss */
select:focus, select option:hover {
  background: #CCCCCC;
  background-color: #CCCCCC; }

/*# sourceMappingURL=webready-html-content.css.map */
