/*

ultraDarkColor  = #2565c1
darkColor       = #3083FB
lightColor      = #E5F5FF
ultraLightColor = #f4fbff // 47 prime number
darkGray        = #5c5c5c
lightGray       = #7A7A7A
linkColor       = #45cae6
errorColor      = #d9534f

*/

.tp--gradient-1 {
  background: #2565c1 !important;
  background: -webkit-linear-gradient(right, #2565c1, #3083FB) !important;
  background: linear-gradient(to left, #2565c1, #3083FB) !important;
}

.tp--gradient-1 .page-header.tp--title-overlay h2:before {
  background: -webkit-linear-gradient( right , #00003c, #1baed7);
  background: linear-gradient(to left, #00003c, #1baed7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: initial;
  /* reset Font Awesome's display:inline-block */
}

.tp--gradient-1.tp--section.tp--diagonal {
  background: none !important;
}

.tp--gradient-1.tp--section.tp--diagonal:before {
  background: #2565c1 !important;
  background: -webkit-linear-gradient(right, #2565c1, #3083FB) !important;
  background: linear-gradient(to left, #2565c1, #3083FB) !important;
}

.tp--header .logo a img {
  max-width: 160px;
  vertical-align: inherit;
}

/*logo image*/
.tp--header-shrink.shrink .logo a img {
  max-width: 160px;
}

/*main homepage slogan*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 1em;
  color: #38454e;
  line-height: 1.5;
}

/*headings*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h2 {
  color: #2565c1;
}

/*buttons*/

.btn-primary {
  background-color: #2565c1 !important;
  border-color: #2565c1 !important;
}
.btn-primary:hover {
  background-color: #3083FB !important;
  border-color: #3083FB !important;
}

/*footer*/
.tp--footer.tp--section-dark {
  background-color: #2565c1;
  color: white;
}

/*phone number form*/
.tp--authentication {
  padding: 0em;
  font-size: 0.9em;
}

#security a {
  color: #f4fbff;
  text-decoration: underline;
}

#security a:hover {
  color:#E5F5FF;
  text-decoration: none;
}

/*phone number success message*/
.alert-success {
  background-color: #3083FB;
  border-color: #3083FB;
  color: #E5F5FF;
  text-align: left;
}
.alert-success a {
  color: #f4fbff;
  font-weight: bold;
  text-decoration: underline;
}
.alert-success a:hover {
  text-decoration: none;
}
.close {
  color: #E5F5FF; 
  text-shadow: none; 
  opacity: 0.7;
}

/*hero p*/
.byline {
  font-weight: bolder !important;
}
#phoneNumberEntryMessage {
  position:fixed;
  width:100%;
  z-index: 10000;
  display: none;
  bottom:0;
  right:0;
}
#phoneNumberEntryMessage div {
  text-align: center;
  border-radius: 0; 
}