/* CSS Document */
/*------------------------------*\
    Cabot Styles
\*------------------------------*/
/*
Author:
    Erin Byrne
    Chris LaFrombois

Table Of Contents:
    1. Global Layout
    2. Global Styles
    3. Default Inputs
    4. Button Styles
    5. Skip To Content

Fonts:
    "proxima-nova-extra-condensed"
    "myriad-pro"
    Verdana
    Georgia
    
Colors:
    #1e1e1e - Dark Gray
    #e1261c - Red
    #0064D6 - Blue
    #fff - White
*/
/* THERE SHOULD BE NO CSS IN THIS FILE. */
/*------------------------------*\
    Template spacing
\*------------------------------*/
/*------------------------------*\
    All Site Colors
\*------------------------------*/
/*------------------------------*\
    Fonts Used
\*------------------------------*/
h1, h2 {
  font-family: "proxima-nova-extra-condensed", Verdana, Geneva, sans-serif;
  font-weight: 600;
}

h3, h5 {
  font-family: "proxima-nova-extra-condensed", Verdana, Geneva, sans-serif;
  font-weight: 800;
}

.font-icon {
  display: inline-block;
  font-family: FontAwesome;
  font-size: inherit;
  font-style: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*------------------------------*\
    Placeholders
\*------------------------------*/
/*------------------------------*\
        Twitter Bootstrap
\*------------------------------*/
/*------------------------------*\
        Layout
\*------------------------------*/
* {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

html,
body {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 15px;
  color: #404040;
  letter-spacing: 0;
  line-height: 27px;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/*------------------------------*\
        Global
\*------------------------------*/
h1 {
  font-size: 40px;
  color: #404040;
  letter-spacing: 0;
  line-height: 36px;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0 15px;
}
@media all and (min-width: 768px) {
  h1 {
    font-size: 55px;
    line-height: 50px;
  }
}

h2 {
  font-size: 30px;
  color: #404040;
  letter-spacing: 0;
  line-height: 30px;
  text-transform: uppercase;
  margin: 0;
  padding: 12px 0 8px;
}
@media all and (min-width: 768px) {
  h2 {
    font-size: 36px;
    line-height: 38px;
  }
}

h3 {
  font-size: 24px;
  color: #404040;
  letter-spacing: 0;
  line-height: 30px;
  text-transform: none;
  margin: 0;
  padding: 12px 0 8px;
}

h4 {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 19px;
  font-weight: 400;
  color: #404040;
  letter-spacing: 0;
  line-height: 33px;
  text-transform: none;
  margin: 0;
  padding: 0 0 18px;
}

h5 {
  font-size: 19px;
  color: #404040;
  letter-spacing: 0;
  line-height: 25px;
  text-transform: none;
  margin: 0;
  padding: 12px 0 8px;
}

h6 {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #404040;
  letter-spacing: 0;
  line-height: 16px;
  text-transform: none;
  margin: 0;
  padding: 0 0 8px;
}

a,
a:link,
a:visited,
a:hover {
  color: #e1261c;
  text-decoration: none;
}

a:hover,
a:focus,
a:active {
  color: #0064D6;
  text-decoration: none;
}

a img {
  border: 0;
}

hr {
  background: url(../assets/images/layout/hr.png) 0 0 repeat-x;
  border: none;
  width: 100%;
  height: 3px;
  text-align: center;
  margin: 30px 0;
}

p {
  margin: 0 0 15px;
}

blockquote {
  background: url(../assets/images/layout/blockquote.png) 50% 30px no-repeat rgba(0, 0, 0, 0.01);
  border: none;
  -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
  font-family: Verdana, Geneva, sans-serif;
  font-size: 18px;
  font-style: italic;
  color: #404040;
  line-height: 30px;
  text-align: center;
  margin: 10px 0 25px;
  padding: 92px 30px 24px;
}
blockquote p {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 15px;
  font-style: italic;
  color: #404040;
  line-height: 27px;
}

ul,
ol,
ul ul,
ol ol,
ul ul ul,
ol ol ol {
  margin: 6px 0 0 25px;
  padding: 0 0 10px;
}

li {
  font-size: 15px;
  line-height: 24px;
  margin: 0 0 10px;
  padding: 0;
}

.clearer {
  clear: both;
  height: 0;
  overflow: hidden;
}

.img-border {
  border: solid 7px #fff;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
  height: auto;
}

.titleText {
  display: inline;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #404040;
}

.blockAuthor {
  font-family: Verdana, Geneva, sans-serif;
}

/* clearer method #2 */
.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

/* end */
/*------------------------------*\
        Default Inputs
\*------------------------------*/
input.errorField {
  border: solid 1px #b00;
}

textarea.errorField {
  border: solid 1px #b00;
}

/*------------------------------*\
        Button Styles
\*------------------------------*/
input.mobileFullWidthBtn,
a.mobileFullWidthBtn,
.button,
a.button,
input.button,
.button a,
.buttonContainer a,
.buttonContainer input {
  background-color: #4b9fff;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiOWZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM0OTNmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4b9fff), color-stop(100%, #3493ff));
  background-image: -moz-linear-gradient(#4b9fff, #3493ff);
  background-image: -webkit-linear-gradient(#4b9fff, #3493ff);
  background-image: linear-gradient(#4b9fff, #3493ff);
  border: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 3px 0 0 #0064d6;
  -webkit-box-shadow: 0 3px 0 0 #0064d6;
  box-shadow: 0 3px 0 0 #0064d6;
  cursor: pointer;
  display: inline-block;
  height: auto;
  font-family: "myriad-pro", Verdana, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  line-height: normal;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 2px 2px rgba(0, 0, 0, 0.25);
  text-transform: uppercase;
  vertical-align: middle;
  margin: 0 0 10px;
  padding: 10px 20px;
}
@media all and (min-width: 768px) {
  input.mobileFullWidthBtn,
  a.mobileFullWidthBtn,
  .button,
  a.button,
  input.button,
  .button a,
  .buttonContainer a,
  .buttonContainer input {
    display: inline-block;
    margin: 0;
  }
}

input.mobileFullWidthBtn:hover,
a.mobileFullWidthBtn:hover,
.button:hover,
a.button:hover,
input.button:hover,
.button a:hover,
.buttonContainer a:hover,
.buttonContainer input:hover {
  background: #4b9fff;
}

/*------------------------------*\
        Floats
\*------------------------------*/
.float-right {
  float: right;
  margin: 0 0 16px 16px;
}

.float-left {
  float: left;
  margin: 0 16px 16px 0;
}

/*------------------------------*\
        IOS - remove rounded corners from text fields and submits
        - don't do this for selects or checkboxes because it will remove the dropdown arrow
\*------------------------------*/
textarea,
input[type=text],
input[type=password],
input[type=button],
input[type=submit] {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
}

/*------------------------------*\
        Skip To Content
\*------------------------------*/
div#skip a,
div#skip a:hover,
div#skip a:visited {
  background: #fff;
  border: solid 3px #1b3f2d;
  display: block;
  width: 1px;
  height: 1px;
  position: absolute;
  left: 0px;
  top: -500px;
  overflow: hidden;
  text-align: center;
  padding: 10px;
}

div#skip a:active,
div#skip a:focus {
  display: block;
  position: absolute;
  background: #fff;
  border: solid 3px #1b3f2d;
  width: 200px;
  height: auto;
  left: 290px;
  top: 10px;
  text-align: center;
  padding: 10px;
  z-index: 2000;
}

/*# sourceMappingURL=default.css.map */