@font-face {
  font-family: 'trilogyicons';
  src:  url('https://assets.bytrilogy.com/trilogy-icon-font/Trilogy-Icons.eot');
  src:  url('https://assets.bytrilogy.com/trilogy-icon-font/Trilogy-Icons.eot#iefix') format('embedded-opentype'),
    url('https://assets.bytrilogy.com/trilogy-icon-font/Trilogy-Icons.woff2') format('woff2'),
    url('https://assets.bytrilogy.com/trilogy-icon-font/Trilogy-Icons.ttf') format('truetype'),
    url('https://assets.bytrilogy.com/trilogy-icon-font/Trilogy-Icons.woff') format('woff'),
    url('https://assets.bytrilogy.com/trilogy-icon-font/Trilogy-Icons.svg#Trilogy-Icons') format('svg');
   }
   
.icons {
    font-family: 'trilogyicons';
    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; }
    
@font-face {
    font-family: 'gandhi_serifitalic'; 
    src: url('/theme/fonts/gandhiserif-italic-webfont.woff2') format('woff2'), url('/theme/fonts/gandhiserif-italic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face {
    font-family: 'gandhi_serifbold';
    src: url('/theme/fonts/gandhiserif-bold-webfont.woff2') format('woff2'), url('/theme/fonts/gandhiserif-bold-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face {
    font-family: 'gandhi_serifbold_italic';
    src: url('/theme/fonts/gandhiserif-bolditalic-webfont.woff2') format('woff2'), url('/theme/fonts/gandhiserif-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }

@font-face {
    font-family: 'gandhi_serifregular';
    src: url('/theme/fonts/gandhiserif-regular-webfont.woff2') format('woff2'), url('/theme/fonts/gandhiserif-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }


 
.icons.circle {
   background: #fff; 
   color: #1f99b9;
   font-size: 16px;
   height: 16px;
   width: 16px;
   margin: 0 0 0 .25em;
   text-align: center;
   line-height: 16px;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   display: inline-block;
   padding: 10px;
   -webkit-transition: all .35s ease-in-out;
   -moz-transition:    all .35s ease-in-out;
   -o-transition:      all .35s ease-in-out;
   -ms-transition:     all .35s ease-in-out;
   transition:         all .35s ease-in-out; 
}

.icons.circle:hover {
   color: white;
   background-color: #51cab2;
   -moz-transform: scale(1.15);
   -webkit-transform: scale(1.15);
   -o-transform: scale(1.15);
   -ms-transform: scale(1.15);
   transform: scale(1.15);   
}

.bigger {
   font-size: 120%;
   color: #e87d20;
   position: relative;
   top: 2px; }

body { 
   font: 20px/1.4 'Source Sans Pro', sans-serif;
   font-weight: 400;
   text-align: left; 
   color: #505050; }  
  
.strong { font-weight: 700; }

/* Global Links
------------------------------------ */

a { 
  color: #1f99b9; 
  text-decoration: none;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  -ms-transition:     all .3s ease-in-out;
  transition:         all .3s ease-in-out; }
a:focus, a:hover { 
  color: #51cab2; 
  outline: none; 
  text-decoration: none; }
  
.button {
   background: #e87d20;
   padding: .4em 1.0em;
   display: inline-block;
   font-weight: 700;
   text-transform: uppercase;
   color: white; }
   
   .button:hover {
      background: #0e4e91; 
      color: white; }

   

/* Firefox Seleted Text
------------------------------------ */
::-moz-selection {
  background: #39abe6;
  color: white; } 
::selection {
  background: #39abe6;
  color: white; } 	

/* Headings - Weights: 600,700
------------------------------------ */

h1, h2, h3, h4, h5, h6 { 
   line-height: 1; 
   font-family: 'gandhi_serifbold', sans-serif;
   font-weight: 700;
   text-transform: none;
   letter-spacing: -1.0px;
   text-transform: normal;
   margin-bottom: .25em;
   color: #323e5c;}
h1 { font-size: 250%; }
h2 { font-size: 200%; }
.subhead {     
   color: #b1b1b1;
   font-size: 130%;
   border-bottom: 1px #bebebe solid;
   padding: 0 0 0.25em 0;
   margin: 1em 0;}
h3 { font-size: 150%;} 
h4 { font-size: 125%;}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.1em; }
p img.left  { float: left; margin: 0 10px 10px 0; padding: 0; }
p img.right { float: right; margin: 0 0 10px 10px; }

blockquote  { margin: 0 0 1em 0; font-style: normal; text-align: left; background: white; padding: 1.5em; display: inline-block; vertical-align: top; }
blockquote .source { display: block; margin: .25em 0 0 .25em; text-transform: uppercase; font-size: .8em; font-weight: 700; color: #4db6ac; }
strong      { font-weight: bold; }
i,em,dfn    { 
               font-family: 'gandhi_serifitalic'; 
               letter-spacing: 0;}

dfn         { font-weight: bold; }
sup         { vertical-align: super; font-size: smaller;  }
sub         { vertical-align: sub; font-size: smaller;  }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: none; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 

.clear { 
  clear: both; 
  display: block; }

/* Lists
-------------------------------------------------------------- */

article li ul, 
article li ol  { margin: 0 1.5em; }
article ul, ol { margin: 0 1.5em 2em 1.1em; }

article ul { list-style-type: disc; }
article ol { list-style-type: decimal; }

article li { margin-bottom: 0.5em; line-height: 1.2; }

article dl    { margin: 0 0 1em 0; }
article dl dt { font-weight: bold; }
article dd    { margin-left: 1.5em; }


/* Tables
-------------------------------------------------------------- */

table      { margin-bottom: 1.4em; width:100%; }
th         { font-weight: bold; }
th,td      { padding: 4px 10px 4px 5px; }
td         { vertical-align: top; }
tfoot      { font-style: italic; }
caption    { background: #eee; }
