@font-face {
  font-family: 'trilogyicons';
  src:  url('https://i.icomoon.io/public/bb78f6b312/Trilogy/Trilogy-Icons.eot?fdn9wz');
  src:  url('https://i.icomoon.io/public/bb78f6b312/Trilogy/Trilogy-Icons.eot?fdn9wz#iefix') format('embedded-opentype'),
    url('https://i.icomoon.io/public/bb78f6b312/Trilogy/Trilogy-Icons.woff2?fdn9wz') format('woff2'),
    url('https://i.icomoon.io/public/bb78f6b312/Trilogy/Trilogy-Icons.ttf?fdn9wz') format('truetype'),
    url('https://i.icomoon.io/public/bb78f6b312/Trilogy/Trilogy-Icons.woff?fdn9wz') format('woff'),
    url('https://i.icomoon.io/public/bb78f6b312/Trilogy/Trilogy-Icons.svg?fdn9wz#Trilogy-Icons') format('svg');
  font-weight: normal;
  font-style: normal; }
.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;	}

body { 
    font: 16px/22px "Arimo",helvetica,arial,sanserif;
    font-weight: 400; 
    text-align: center; 
    color: #6c6c6c; 
    }
    
    @media (max-width : 1370px) { body { font-size: 14px; line-height: 20px; } } 

/* font: font-style font-variant font-weight font-size/line-height font-family; */
/* Global Links
------------------------------------ */

a { 
    color: #004881; 
    text-decoration: none;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition:    color .3s ease-in-out;
    -o-transition:      color .3s ease-in-out;
    -ms-transition:     color .3s ease-in-out;
    transition:         color .3s ease-in-out; 
    }
  
a:focus, a:hover { 
    color: #0066ba; 
    outline: none; 
    text-decoration: none; 
    }


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

::-moz-selection {
  background: #003158;
  color: #fff; } 
::selection {
  background: #003158;
  color: #fff; }   

/* Headings
------------------------------------ */
h1, h2, h3, h4, h5, h6 { 
    font-family: "Arimo",helvetica,arial,sanserif; 
    line-height: 1; 
    font-weight: 400; 
    color: #6c6c6c;
    }

h1 { 
    font-size: 32px;
    margin-bottom: 10px;   
    }
h1 .rss { 
    line-height: 32px;
    font-size: 24px;
    }
h2 { 
    font-size: 28px;
    margin-bottom: 10px; 
    }
  
h3 { 
    font-size: 24px;   
    margin-bottom: 10px; 
    }
    
    h3.title { 
        margin: 0 0 5px 0;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 1;
        font-weight: 700;
        color: #004881; 
        }
    
    h3.title a { 
        -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;    
        }
         
    h3.title:hover a:after { content: " »" }
  
h4 { 
    font-size: 20px;
    margin-bottom: 10px; 
    }
  
h5 { 
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px; 
    }
  
h6 { 
    font-size: 16px;   
    margin-bottom: 10px; 
    }
    

/* 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: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
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; } 


.meta small       { color: #aeafb0; font-size: .875em; text-transform: uppercase;}
.meta small time  { font-weight: bold; }

.clear      { 
    clear: both; 
    display: block; }



/* Lists
-------------------------------------------------------------- */

article li ul, 
article li ol  { margin: 0 1.5em; }
article ul, ol { margin: 0 1.5em 1.5em 1.5em; }

article ul { list-style-type: disc; }
article ol { list-style-type: decimal; }

article dl    { margin: 0 0 1em 0; }
article dl dt { font-weight: bold; }
article dd    { margin-left: 1.5em; }




/* ---- Folder4 TOC lists ---- */   

.toc { 
    list-style: none;
    margin: 0;
    } 

.toc a { 
    font-size: 24px;
    padding: 7px 7px 7px 27px;
    position: relative; 
    display: block;
    margin-bottom: 5px;
    background: #f7f7f7;
    -webkit-transition: all .2s ease-in-out;  
    -moz-transition: all .2s ease-in-out;  
    -o-transition: all .2s ease-in-out;  
    -ms-transition: all .2s ease-in-out; 
    transition: all .2s ease-in-out; 
    } 

.toc a:before { 
    height: 0; 
    width: 0;    
    margin-left: 0;  
    content: "   ";    
    position: absolute;
    top: 13px;
    left: 10px; 
    bottom: 100%;   
    pointer-events: none;
    border-color: rgba(158, 158, 158, 1); 
    border: 4px solid transparent; 
    border-color: #9e9e9e;  
    } 
    
.toc a:hover { 
    background: #336d9a;
    color: white;
    }








/* Tables
-------------------------------------------------------------- */

table      { margin-bottom: 1.4em; width:100%; }
th         { font-weight: bold; }
th,td      { padding: 4px 10px 4px 5px; }
td         { vertical-align: top; }
tr.even td { background: #E5ECF9; }
tfoot      { font-style: italic; }
caption    { background: #eee; }


.heading {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    }





/* ---- Feed/Lists ---- */   
     
.feed { position: relative; }  

.feed.more { 
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid #f5f5f5; 
    clear: both;
    display: block; 
    }

.feed article {
    padding: 5px 0;
    clear: both;
    -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; 
    }
    
.feed article img {  max-width: 100%; }    

.feed article iframe,
.feed article object,
.feed article embed {
    width: 100% !important;
    height: 200px !important;
    margin: 8px 0;
    }
@media (max-width : 1370px) { 
.feed article iframe { height: 140px !important; }
}   
   
.feed article div {
    max-width: 100% !important;
    margin: 8px 0;
    }
    
.feed article figure  div {
    margin: 0;
    }
    
.feed article small { 
    font-size: 10px;
    line-height: 1;
    color: #8c9ca3;
    text-transform: uppercase; 
    -webkit-transition: color .3s ease-in-out;
    -moz-transition:    color .3s ease-in-out;
    -o-transition:      color .3s ease-in-out;
    -ms-transition:     color .3s ease-in-out;
    transition:         color .3s ease-in-out; 
    }
  
.feed article:hover small { color: #7e8e95; }
  
.feed article h3,
.feed article h4 { 
    font-family: "Arimo", helvetica, arial, sanserif;
    font-size: 18px;
    line-height: 1;
    font-weight: 300;
    color: #004881;
    margin-bottom: 5px;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition:    color .3s ease-in-out;
    -o-transition:      color .3s ease-in-out;
    -ms-transition:     color .3s ease-in-out;
    transition:         color .3s ease-in-out; 
    }

    .feed article:hover h3,
    .feed article:hover h4 { color: #0066ba; }
  

.feed article p { 
    font-size: 12px;
    line-height: 1.2;
    color: #8c9ca3;
    margin-bottom: 0;
    -webkit-transition: color .3s ease-in-out;
    -moz-transition:    color .3s ease-in-out;
    -o-transition:      color .3s ease-in-out;
    -ms-transition:     color .3s ease-in-out;
    transition:         color .3s ease-in-out; 
    }
  
.feed article:hover p { color: #7e8e95; }



.feed .icon {
    width: 26px;
    height: 26px;
    margin: 8px auto 5px;  	
    position: relative;
    display: block; 
    text-align: center;
    -webkit-transition: -webkit-transform .7s;
    -moz-transition:    -moz-transform .7s;
    -o-transition:      -o-transform .7s;
    transition:         transform .7s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style:    preserve-3d;
    -o-transform-style:      preserve-3d;
    transform-style:         preserve-3d; 
    }

.feed .icon > div {
    width: 26px;
    height: 26px;
    display: block;
    -moz-border-radius:    13px;
    -webkit-border-radius: 13px;
    border-radius:         13px;
    line-height: 26px !important;
    position: absolute;
    font-size: 14px;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -o-backface-visibility:      hidden;
    backface-visibility:         hidden; 
    color: #fff;

    }
  
.feed .icon .logo {
    width: 26px;
    height: 26px;
    display: block; 
    }			  
  

.feed article:hover .icon {
    -webkit-transform: rotateY( 180deg );
    -moz-transform:    rotateY( 180deg );
    -o-transform:      rotateY( 180deg );
    transform:         rotateY( 180deg ); 
    }  

.feed .icon .front { background: #3a5999; }

.feed .icon .back { 
    background: #0066ba;
    color: #fcbc31 !important;
    -webkit-transform: rotateY( 180deg );
    -moz-transform:    rotateY( 180deg );
    -o-transform:      rotateY( 180deg );
    transform:         rotateY( 180deg ); 
    }  


.feed .media { padding-left: 85px; }
.feed .media a { display: block; }
.feed .media img {
  width: 75px;
  margin-left: -85px;
  float: left; }



/*----- Infinite Scroll Loader -----*/

#infscr-loading { 
  width: 100% !important;
  padding: 15px 0 5px;  
  text-align: center;
  font-size: 10px; 
  line-height: 1;
  color: #afafaf;
  text-transform: uppercase;
  clear: both;
  display: block; }
#infscr-loading img {
  display: block;
  margin-bottom: 5px; }
#infscr-loading em { font-style: normal; }