﻿/* TYPOGRAPHY - GENERAL FONTS AND FONT COLORS */
body{ font-family: Tahoma, Arial; color: #252525; }
h1, h2, h3, h4, h5, h6 { font-family:Tahoma, Arial; letter-spacing:0.25px; }
h3 { font-size: 22px; line-height: 28px; padding-bottom: 0px; letter-spacing: 0px;  }
p {font-size:14px; line-height:22px; letter-spacing: 0.25px; }
p.large, label.large { font-size: 30px; line-height: 115%; font-weight: bold; padding-bottom: 50px; margin-bottom: 50px; border-bottom: 8px solid #f5f5f5; }
p.mediumlarge, label.mediumlarge { font-size: 22px; line-height: 225%; font-weight: bold; }
p.medium, label.medium { font-size: 14px; line-height: 125%; }

.title { font-size: 70px; line-height: 100%; letter-spacing: 1px; }
.pagesubtitle { padding-bottom:20px; }
.headline { line-height: 100%; margin-bottom: 30px; padding-bottom: 30px; border-bottom-width: 8px; border-bottom-style: solid;  }
.headline h1 { font-size: 42px; font-family: Tahoma, Arial; font-weight: bold; letter-spacing: 1px; }
.note {font-weight: normal; color: rgba(255,255,255,.6); font-style: italic;}
.linknote { position:absolute; right:15px; color: rgba(255,255,255,.6); border-bottom: 1px solid rgba(255,255,255,.6); cursor: pointer; font-size: 80%; }
.linknote:hover { text-decoration:none; border-bottom-color:#fff; color:#fff; }
a, a:focus { outline: 0; outline-offset: 0; } 

.red-all-caps { color: rgba(236, 132, 107, 1); text-transform: uppercase; font-size: 16px; font-weight: bold; }
.bigbluetext { color: #00A7C2; font-weight: bold;   padding-bottom: 60px; }
.bigbluetext.lesspad{ padding-bottom: 10px;}
.bigwhitetext { color: #fff; font-weight: bold; }
.bold-all-caps { text-transform: uppercase; font-weight: bold; padding-top: 20px; font-size:16px; }

::-webkit-input-placeholder { color: #D2D2D2 !important; font-style: italic; }
:-moz-placeholder { color: #D2D2D2 !important; font-style: italic; }
::-moz-placeholder { color: #D2D2D2 !important; font-style: italic; }
:-ms-input-placeholder { color: #D2D2D2 !important; font-style: italic; }

/* Responsive CSS */
@media only screen and (max-width: 991px) {
   .pagetitle-large, .pagetitle-small { width:100%; }
}
