/* Weights - 400/700 */
html {
  font-family: 'Lato', sans-serif;
  color: #474747;
  line-height: 1.2; 
  font-weight: 400;
  font-style: normal;
  font-size: 100%; 
  }

/* Global Links
---------------------------------- */

a {
	color: #2054A2;
	text-decoration: none; 
  }
  
a:hover {
	color: #AF190E;
	outline: none;
	text-decoration: none; 
  }

a:focus {
   outline: #AF190E solid 2px;
}

a.button {   
   background: #AF190E; 
   color: white; 
   -webkit-border-radius: 100px;
   border-radius: 100px;
   text-transform: uppercase;
   font-family: 'Barlow Condensed', sans-serif;
   font-size: 1.5em;
   font-weight: 800;
   padding: 1rem 3rem !important;
   display: inline-block;
   -webkit-transition: all .25s ease-in-out;
   -moz-transition:    all .25s ease-in-out;
   -o-transition:      all .25s ease-in-out;
   -ms-transition:     all .25s ease-in-out;
   transition:         all .25s ease-in-out; 
}
   
a.button:hover {
   background: #2054A2; }

a.button.rev {
   background: white;
   color: #AF190E; }

a.button.rev:hover {
   color: white;
   background: #AF190E; }
   
a.button.rev2 {
   background: white;
   color: #2054A2; }

a.button.rev2:hover {
   color: white;
   background: #2054A2; }   
   
   

/* Firefox Seleted Text
------------------------------------ */

*::-moz-selection,
*::selection {
    background: #263e74;
    color: #fff; }


/* Headings - 400/700
------------------------------------ */

h1, h2, h3, h4 { 
  font-weight: 800; 
  color: #263e74;
  font-family: 'Barlow Condensed', sans-serif;
  text-transform: uppercase;
  line-height: 1.1;
  }
  
h2 { 
  }

h1 {
  font-size: 150%;
  margin-bottom: .5em;
  line-height: 1;
  }

@media only screen and (min-width: 360px)  { h1 { font-size: 200%; } }
@media only screen and (min-width: 740px)  { h1 { font-size: 250%; } }

h2 {
	font-size: 140%;
	line-height: 1;
	margin-bottom: .75em
  }
  
@media only screen and (min-width: 740px)  { h2 { font-size: 180%; } }

h3 {
	font-size: 130%;
	margin-bottom: .8rem;
}
@media only screen and (min-width: 740px)  { h3 { font-size: 160%; } }

h4 {
	font-size: 110%;
	margin-bottom: .7rem;
	}
@media only screen and (min-width: 740px)  { h4 { font-size: 120%; } }
  
  
h1 a,
h2 a { display: inline-block; }

  
/* Icons
---------------------------------- */
@font-face {
   font-family: 'Trilogy-Icons';
   src:  url('https://d1azc1qln24ryf.cloudfront.net/31537/Trilogy/Trilogy-Icons.eot?9joqec');
   src:  url('https://d1azc1qln24ryf.cloudfront.net/31537/Trilogy/Trilogy-Icons.eot?9joqec#iefix') format('embedded-opentype'),
   url('https://d1azc1qln24ryf.cloudfront.net/31537/Trilogy/Trilogy-Icons.woff2?9joqec') format('woff2'),
   url('https://d1azc1qln24ryf.cloudfront.net/31537/Trilogy/Trilogy-Icons.ttf?9joqec') format('truetype'),
   url('https://d1azc1qln24ryf.cloudfront.net/31537/Trilogy/Trilogy-Icons.woff?9joqec') format('woff'),
   url('https://d1azc1qln24ryf.cloudfront.net/31537/Trilogy/Trilogy-Icons.svg?9joqec#Trilogy-Icons') format('svg');
   font-weight: normal;
   font-style: normal;
}

.icons {
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
 
.icons { font-family: 'Trilogy-Icons' !important; }  

.icons svg { fill: #263e74; }

/* Text Elements
---------------------------------- */

p { margin: 0 0 1em; }

p:last-child { margin-bottom: 0; }

small { font-size: .9em; display: block; }

.meta small { text-transform: uppercase; padding-bottom: .75em;}

blockquote {
   font-weight: 300; 
   color: #2c2c2c;
   font-family: 'Droid Serif', serif;
   font-style: italic;
   padding: 1em;
   margin-bottom: 1em;
   border-bottom: 3px solid #e3e3e3;
   border-top: 3px solid #e3e3e3;
}


/* Lists
---------------------------------- */
main ul,
section ul,
main ol,
section ol      { margin: 0 0 1.5em 1.5em; }