body { 
   font: 14px/24px "jaf-bernino-sans", Arial, Helvetica, sans-serif;
   text-align: center; 
   color: #333333;
   font-weight:300;}
   
/*----- Icons Font -----*/

@font-face {
  font-family: 'trilogyicons';
  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;
  font-display: block;
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'lp-icons';
  src:  url('https://d1azc1qln24ryf.cloudfront.net/31537/LatinoPolicy/lp-icons.eot?jm6b3w');
  src:  url('https://d1azc1qln24ryf.cloudfront.net/31537/LatinoPolicy/lp-icons.eot?jm6b3w#iefix') format('embedded-opentype'),
    url('https://d1azc1qln24ryf.cloudfront.net/31537/LatinoPolicy/lp-icons.woff2?jm6b3w') format('woff2'),
    url('https://d1azc1qln24ryf.cloudfront.net/31537/LatinoPolicy/lp-icons.ttf?jm6b3w') format('truetype'),
    url('https://d1azc1qln24ryf.cloudfront.net/31537/LatinoPolicy/lp-icons.woff?jm6b3w') format('woff'),
    url('https://d1azc1qln24ryf.cloudfront.net/31537/LatinoPolicy/lp-icons.svg?jm6b3w#lp-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon"], [class*=" icon"] {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;  
}
   
.icon {
    font-family: 'trilogyicons';
}    
.lp-icons {
    font-family: 'lp-icons';
} 

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

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

a { 
   color: #e79326; 
	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: #78496a; 
	outline: none; 
	text-decoration: none; }
  
.action-link {
    background: url("/theme/img/sprite.png") no-repeat scroll 0 -27px transparent;
    display: block;
    font-family: "jaf-bernino-sans",arial;
    font-size: 11px;
    padding: 0 0 0 10px;
    text-transform: uppercase;
  }
  .action-link:hover { background-position: 0 -61px;}
  
  .act .action-link { color: #fff; margin-left: 14px; height:30px; margin-top:5px;}
  .act .action-link:hover { color: #ffd781; background-position: 0 7px; } 
  
.more {
  border-top: 1px solid #EDE4DA;
  padding-top:10px;
  background: url("/theme/img/bullet-yel.png") no-repeat 0 17px transparent;
  padding-left: 12px;
}

.seemore {
  padding-top:10px;
  background: url("/theme/img/bullet-yel.png") no-repeat 0 13px transparent;
  padding-left: 12px;
}

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

::-moz-selection {
   background: #00aec5;
   color: #fff; } 
::selection {
   background: #00aec5;
   color: #fff; } 	

/* Headings
------------------------------------ */
h1, h2, h3, h4, h5, h6 { 
   font-family: "jaf-bernino-sans", arial; 
   line-height: 1.2; 
   font-weight: 300; }

h1 { 
  color: #eba248;
   font-size: 34px;
   margin-bottom: 20px;   
   text-transform: none;
   font-weight:300;}
   
   
h2 { 
   font-size: 27px;
   font-weight: 500;
   color: #78496a;
   text-transform: none;
   margin-bottom: 15px; }
#resources article h2 {
  font-size: 23px;
}
h3 { 
   color: #78496a;   
   font-size: 22px;   
   margin-bottom: 10px; }
   
h4 { 
   color: #72aeb5;
   font-size: 18px;
   margin-bottom: 10px;
   font-weight: 500;}
h5 { 
   font-size: 15px;
   font-weight: 300;
   color: #72aeb5;
   margin-bottom: 10px; }
h6 { 
   color: #72aeb5;   
   font-size: 14px;   
   margin-bottom: 10px; }

h2 a { color: #78496a; }

h2 a:hover, h3 a:hover { color: #b04292; }


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.1em; line-height:1.8em; }
p img.left  { float: left; margin: 0 10px 10px 0; padding: 0; }
p img.right { float: right; margin: 0 0 10px 10px; }


blockquote  { 
    background: #fef7e1;
    padding: 20px; 
    color: #7e4225; 
    margin-bottom: 20px;
    }

    blockquote .quote { 
        font-size: 18px;
        line-height: 30px;
        display: block;
        }
        
    blockquote .attribution { 
        font-size: 15px;
        color: #e58f24;
        display: block;
        }

strong      { font-weight: 400; }
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; } 

.clear      { 
   clear: both; 
   display: block; }
   
small {
  font-size: 12px;
  line-height: 1;
  color: #3e322e;
  opacity: .8;
  display: block;
  margin-bottom:5px;
  text-transform: uppercase;
  font-family: "jaf-bernino-sans",arial;
  font-weight:400;
}

/* 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 ul li a  { display: inline-block;  }

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


#resources ul a {
  background: url("/theme/img/icon-news.png") no-repeat scroll 0 1px transparent;
  padding-left:25px;  
  line-height: 1.3;
}
#resources ul a:hover {
  color: #e79326;
}

ul.resources a {
  background: url("/theme/img/icon-news.png") no-repeat scroll 0 1px transparent;
  padding-left:25px;
}

#resources ul a[href*='.pdf'] {
    display:inline-block;
    padding-left:25px;
    background:transparent url(/theme/img/icon-acrobat.png) 0 2px no-repeat;
    }


#resources ul a[href*='.xls'], a[href*='.csv'], a[href*='.xlt'], a[href*='.xlw'] {
    display:inline-block;
    padding-left:25px;
    background:transparent url(/theme/img/icon-excel.png) 0 4px no-repeat;
    }

#resources ul a[href*='.ppt'], a[href*='.pps'] {
    display:inline-block;
    padding-left:25px;
    background:transparent url(/theme/img/icon-powerpoint.png) 0 4px no-repeat;
    }

#resources ul a[href*='.doc'], a[href*='.rtf'], a[href*='.txt'], a[href*='.wps'] {
    display:inline-block;
    padding-left:25px;
    background:transparent url(/theme/img/icon-word.png) 0 4px no-repeat;
    }

#resources ul a[href*='.zip'], a[href*='.gzip'], a[href*='.rar'] {
    display:inline-block;
    padding-left:25px;
    background:transparent url(/theme/img/icon-zip.png) 0 0 no-repeat;
    }

.feed.grid .video-feed li a {
 background:transparent url(/theme/img/icon-video.png) 0 3px no-repeat;
  padding-left:25px;
}

.groups li a {
    font-size: 19px;
    color: #78496a;
}

#resources li {
    list-style: none outside none;
    margin-left: 0;
}

/* 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; }



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


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

.feed article {
  width: auto;
  font-family: "jaf-bernino-sans", arial;
  font-weight:300;
  padding: 0;
  margin-bottom:5px;
  }
  
.feed.grid article span {
    display: block;
    margin-bottom: 30px;
}  

.news .feed article, .events .feed article {
 padding: 5px 0 3px 0;
}
  
.feed.more article { width: 195px !important; }
.act .feed article { padding: 5px 0 10px; }



.news time, .events time {
    margin-top:0;
    color: #3E322E;
    display: block;
    font-family: "jaf-bernino-sans",arial;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 5px;
    margin-top: 5px;
    opacity: 0.8;
    text-transform: uppercase;
}
    
.feed.grid article {
    float: left;
    width: 310px;
    -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;
    margin: 0;
    border: none;
    padding: 0 20px 20px 0;
    }
    
   .feed.grid article.even { padding-right: 0; }

.feed .icon { 
   background-color: #fff;  
   padding: 0;
   width: 65px;
   height: 65px;
   margin-right: 20px;
   display: inline-block;
   float: left;  
   -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 .icon.donate { 
   background: url("/theme/img/icon-gift.png"); }
   
.feed .icon.get-trained { 
   background: url("/theme/img/icon-training.png");}

.feed .icon.volunteer { 
   background: url("/theme/img/icon-volunteer.png");}
   
.feed .icon.impacto { 
   background: url("/get-involved/image/impacto.png");}

.feed article:hover .icon { 
    opacity: .7;
}   
.feed article:active .icon  { 
   opacity: .9;
}  

.feed figure {
    display: block;
    float: left;
    margin-right: 20px;
    overflow: hidden;
      -moz-border-radius:       6px 6px 6px 6px;
      -webkit-border-radius:  6px 6px 6px 6px;
    border-radius:          6px 6px 6px 6px; 
    background: none; 
}

#home .feed .blog figure {
    display: block;
    float: left;
    height: 150px;
    margin-bottom: 20px;
    overflow: hidden;
    width: 290px;
      -moz-border-radius:       6px 6px 6px 6px;
      -webkit-border-radius:  6px 6px 6px 6px;
    border-radius:          6px 6px 6px 6px; 
    background: #fff; 
 
}

#home .feed .newsletter figure {
      display: block;
    float: right;
}

#home .feed .newsletter figure img {
      -moz-border-radius:       6px 6px 6px 6px;
      -webkit-border-radius:  6px 6px 6px 6px;
    border-radius:          6px 6px 6px 6px; 
}

#home .newsletter p {
      line-height: 1.4em;
}

#home .newsletter p.links {
      margin-bottom: 0;
}

#home .newsletter h3 {
      font-size: 20px;
}

.newsletter a:focus, .newsletter a:hover { 
  color: #fff; 
	outline: none; 
	text-decoration: none; }

.feed.grid ul, .resources #content ul {
    list-style: none outside none;
    margin: 0 1.5em 0 0;
}

.feed.grid li {
 margin-bottom: 1em; 
}

.feed.grid li a {
    color: #55290E;
    }

.feed.grid li a:hover {
    color: #c37612;
    }
 
.feed.grid h2 {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.feed.grid a:hover h2   {
    color: #b04292;
    }
    
.feed.grid a:visited h2 {
  border-bottom: 1px solid #f5f5f5;
}

.feed a h3  {
    margin-bottom: 6px;
    }
    
.feed a:hover h3  {
    color: #b04292;
    }

.related.feed.grid {
    margin-top: 30px;
}

.feed.grid p {
    line-height: 1.5em;
}

.feed a p,
.feed.grid a p {
    color: #333;
    line-height: 1.35;
}

#resources .feed.grid .news li a {
    background: url("/theme/img/icon-news.png") no-repeat scroll 0 5px transparent;
    padding-left: 25px;
}

#resources .feed.grid .links li a {
    background: url("/theme/img/icon-link.png") no-repeat scroll 0 3px transparent;
    padding-left: 25px;
}

#resources .feed.grid .headlines li a, .feed.grid .newsletter li a {
    background: url("/theme/img/icon-newsletter.png") no-repeat scroll 0 3px transparent;
    padding-left: 25px;
}

#resources .feed.grid .e-alerts li a {
    background: url("/theme/img/icon-news.png") no-repeat scroll 0 3px transparent;
    padding-left: 25px;
}

/*----- Issues -----*/

#issues a {
  background-color: #fee794; 
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size:    cover !important;
		-o-background-size:      cover !important;   
  width: 308px;
  height: 200px;
  overflow: hidden;
  border: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 0 22px 20px 0;
  float: left;
  position: relative;
  display: block;
    -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; }

#issues article:nth-child(2) a,
#issues article:nth-child(4) a,
#issues article:nth-child(6) a,
#issues article:nth-child(8) a,
#issues article:nth-child(10) a,
#issues article:nth-child(12) a { margin-right: 0; }   

#issues a:hover { 
    }
#issues a:active {
    }
 
#issues .text { 
  background: none repeat scroll 0 0 rgba(114, 174, 181, 0.9);
  padding: 10px 20px;
  display: block;
  position : absolute;
  left: 0;
  top: 145px; 
    -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; }
  #issues .immigration .text, #issues .inmigracion .text {  background: none repeat scroll 0 0 rgba(122, 193, 67, 0.85); }
  #issues .housing .text, #issues .viviendas .text {  background: none repeat scroll 0 0 rgba(252, 183, 23, 0.85); }
  #issues .leadership .text, #issues .liderazgo .text { background: none repeat scroll 0 0 rgba(120, 73, 106, 0.85); } 

#issues a:hover .text { 
  background: rgba(255,255,255,.9);
  background-size: cover;
  min-height:308px;
  top:0;}

#issues a h2 { 
  background: url("/theme/img/ico-edu.png") no-repeat 0 -44px transparent;
  padding-left: 50px;
  color: #fff;
  margin-bottom: 7px;
    -webkit-transition: color .35s ease-in-out;
    -moz-transition: color .35s ease-in-out;
    -o-transition: color .35s ease-in-out;
		-ms-transition: color .35s ease-in-out;
	transition: color .35s ease-in-out; } 
  
#issues .immigration a h2, #issues .inmigracion a h2 { background: url("/theme/img/ico-imm.png") no-repeat 0 -44px transparent; }
#issues .housing a h2, #issues .viviendas a h2 { background: url("/theme/img/ico-housing.png") no-repeat 0 -44px transparent; } 
#issues .leadership a h2, #issues .liderazgo a h2 {background: url("/theme/img/ico-lead.png") no-repeat 0 -44px transparent; } 

#issues a:hover h2 { color: rgba(114, 174, 181, 1); background: url("/theme/img/ico-edu.png") no-repeat 0 26px transparent; padding-top:30px; }
#issues .immigration a:hover h2, #issues .inmigracion a:hover h2 { color: rgba(122, 193, 67,1); background: url("/theme/img/ico-imm.png") no-repeat 0 26px transparent; }
#issues .housing a:hover h2, #issues .viviendas a:hover h2 {  color: rgba(252, 183, 23, 1); background: url("/theme/img/ico-housing.png") no-repeat 0 26px transparent; }
#issues .leadership a:hover h2, #issues .liderazgo a:hover h2 { color: rgba(120, 73, 106, 1); background: url("/theme/img/ico-lead.png") no-repeat 0 26px transparent; } 



#issues a:hover h2 { color: #72aeb5; } 

#issues a p {
   color: #fff;
   font-size: 14px;
   line-height: 1.5;
   margin: 0; }  
#issues a:hover p { color: #333; }  



/*----- Training -----*/

#training a {
  background-color: #fee794; 
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size:    cover !important;
  	-o-background-size:      cover !important;   
  width: 308px;
  height: 200px;
  overflow: hidden;
  border: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
  border-radius: 6px;
  margin: 0 22px 20px 0;
  float: left;
  position: relative;
  display: block;
    -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; }

#training article:nth-child(2) a,
#training article:nth-child(4) a,
#training article:nth-child(6) a,
#training article:nth-child(8) a,
#training article:nth-child(10) a,
#training article:nth-child(12) a { margin-right: 0; }   

 
#training .text { 
  background: none repeat scroll 0 0 rgba(114, 174, 181, 0.9);
  padding: 10px 20px;
  display: block;
  position : absolute;
  left: 0;
  top: 145px; 
    -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; }
  #training .immigration-promotores .text {  background: none repeat scroll 0 0 rgba(122, 193, 67, 0.85); }
  #training .housing-promotores .text {  background: none repeat scroll 0 0 rgba(252, 183, 23, 0.85); }
  #training .illinois-latino-leadership-academy .text { background: none repeat scroll 0 0 rgba(120, 73, 106, 0.85); top:90px; } 

#training a:hover .text { 
  background: rgba(255,255,255,.9);
  background-size: cover;
  min-height:308px;
  top:0;}

#training a h2 { 
  font-size: 23px;
  background: url("/theme/img/ico-edu.png") no-repeat 0 -44px transparent;
  padding-left: 50px;
  color: #fff;
  margin-bottom: 20px;
    -webkit-transition: color .35s ease-in-out;
    -moz-transition: color .35s ease-in-out;
    -o-transition: color .35s ease-in-out;
		-ms-transition: color .35s ease-in-out;
	transition: color .35s ease-in-out; } 
  
#training .immigration-promotores a h2 { background: url("/theme/img/ico-imm.png") no-repeat 0 -44px transparent; }
#training .housing-promotores a h2 { background: url("/theme/img/ico-housing.png") no-repeat 0 -44px transparent; } 
#training .illinois-latino-leadership-academy a h2 {background: url("/theme/img/ico-lead.png") no-repeat 0 -44px transparent; } 

#training a:hover h2 { color: rgba(114, 174, 181, 1); background: url("/theme/img/ico-edu.png") no-repeat 0 26px transparent; padding-top:10px; }
#training .immigration-promotores a:hover h2 { color: rgba(122, 193, 67,1); background: url("/theme/img/ico-imm.png") no-repeat 0 26px transparent; }
#training .housing-promotores a:hover h2 {  color: rgba(252, 183, 23, 1); background: url("/theme/img/ico-housing.png") no-repeat 0 26px transparent; }
#training .illinois-latino-leadership-academy a:hover h2 { color: rgba(120, 73, 106, 1); background: url("/theme/img/ico-lead.png") no-repeat 0 26px transparent; } 



#training a:hover h2 { color: #72aeb5; } 

#training a p {
   color: #fff;
   font-size: 14px;
   line-height: 1.5;
   margin: 0; }  
#training a:hover p { color: #333; }  




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

#infscr-loading { 
   text-align: center;
   font-size: 10px; 
   color: #afafaf;
   text-transform: uppercase;
   padding: 6px 0; }
#infscr-loading em { font-style: normal; }   


.resources {
    list-style: none outside none;
    margin: 0;
}

.login {
  background: url("/theme/img/sprite.png") no-repeat scroll 10px 11px #E58F24;
    -moz-border-radius:     6px;
    -webkit-border-radius:  6px;
  border-radius:          6px;
  color: #FFFFFF;
  margin: 20px 20px 0;
  padding: 3px 10px 3px 20px;
  display: inline-block;
  font-weight: 500;}
  
  
.login:hover {
  background: url("/theme/img/sprite.png") no-repeat scroll 10px 11px #BE771C;
  color: #FFFFFF;}  

.rightcol { float:right; width:310px;}
.leftcol { float: left; width:310px;}


.member-groups #content h2 {
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 10px;
    padding-bottom: 5px;
    
}

.member-groups .feed.grid li {
    list-style: disc outside none;
    margin-bottom: 1em;
    margin-left: 1.2em;
}