/*  
 * A Base rule is applied to an element using an element selector, a
 * descendent selector, or a child selector, along with any pseudo-classes. 
 * It shouldn't include any class or ID selectors.  
 */

/*

　　　　　　　　 ,-､　　　　　　　　　 ,.-､
　　　　　　　 ./::＼　　　　　　　 ／::::ヽ
　nom nom　 /:::::ゝ--──-- ､._/:::::::|
　csssss　 /,.-‐''"´ 　　　　　＼:::::::|
　　　　　／　 　　　　　　　　　　　ヽ､:::::|
　　　　/　　　　●　　　 　 　 　 　 　 　ヽ|
　　 　l　　　, , 　　 　 　 　●　　　 　  l
　　　.|　　　 　　(_人__丿　　　､､､　　    |
　 　　l　　　　　　　　　　　　　　　　  　 l
　　　　` ､　　　　　　　 　 　 　 　 　 　 /
　　　　　　`ｰ ､__ 　 　 　 　　　　　　　／
　　　　　　　　　/`'''ｰ‐‐──‐‐‐┬'''""´
*/

/*
 * COLORS
 * F15500 - Orange
 * FF7900 - Orange (Hover)
 * 3478c1 - Blue
 * 0286F2 - Blue (Hover) 
 * 333E48 - Dark Grey
 * EBEBEB - Header BG Grey
 * CCCCCC - Background Grey
 * 333E48 - Dark Text
 */

/*
* FONTS
* Headers 1-3 - Alternate Gothic No 1.
* Headers 4 - Times New Roman Italic
* Headers 5 - proxima-nova Bold
* Body - proxima-nova 
*/
body {
  color: #333E48;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 14px;   /* 91.429em = 1280 */
  font-weight: 400;
}

/**
 * HEADERS
 */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  color: #333E48;
} 

h1, h2, h3 {
  font-family: "alternate-gothic-no-1-d", "Futura Condensed", "Arial Narrow", Arial, sans-serif;
  text-transform: uppercase;
}

h1 {
  font-size: 48px;
  line-height: 45px;
}

h2 {
  font-size: 38px;
  line-height: 35px;
}

h3 {
  font-size: 28px;
  line-height: 25px;
}

h4 {
  font-family: "Times New Roman", Times, Baskerville, Georgia, serif;
  font-size: 18px;
  font-style: italic;
  font-weight: normal;
  line-height: 22px;
  text-transform: capitalize;
}

h5 {
  color: #333E48;
  font-family: "proxima-nova", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 19px;
  text-transform: uppercase;
}

/**
 * PARAGRAPHS
 */
p {
  color: #333E48;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}

/**
 * LINKS
 */
a {
  color: #3478c1;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;
}

a:hover {
  color: #0286f2;
}
.cta {
  color: #3478c1;
  font-weight: 700;
  text-transform: uppercase;
}
.cta:hover {
  color: #0286f2;
}
/* light to dark */
.light {
  color: #fff;
}

.light:hover {
  color: #fff;
  opacity: 0.8;
}

/* dark to light */
.dark {
  color: #333E48;
}

.dark:hover {
  color: #333;
}

/**
 * FORMS
 */
label {
  color: #333E48;
  font-family: "alternate-gothic-no-1-d", "Futura Condensed", "Arial Narrow", Arial, sans-serif;
  font-size: 26px;
  line-height: 18px;
  text-transform: uppercase;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  border-radius: 4px;
}