/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
 
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}

.yamm .container {
  position: relative;
}

.yamm .dropdown-menu {
  left: auto;
}

.yamm .yamm-content {
  padding: 0px 0px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}

.navbar-bg-col {
    background-color: #01993f;
    border-color: #E7E7E7;
}

.navbar-bg-col-1 {
    background-color: #eee;
    border-color: #000000;
}

.nav>li>a {
	color: #ffffff;
}

.nav-col>li>a {
  color: #000000;
}

@media ( max-width: 767px ) {
  .navbar-bg-col { background-color: transparent; border: 0px;}
  .navbar-bg-col-1 { background-color: transparent; border: 0px;}
  .nav>li>a { color: #000000; }
  .nav { margin-top: -10px;
        padding-left: 0px;}
}

/* Custom container */
.navbar .container-full {
  width: 100% !important;
}
/* CSS */

/* Global Jumbotrons, Heroes and Carousels. */
/* (Some of the same classes may appear on local pages. They may be being used differently. ) */

/*Photo Pullquote with hero class "inline" _____________________________________*/

/*inline path*/
.hero-container.inline .jumbotron div.jumboChild p.hero-headline {
}

.hero-container.inline .jumbotron .jumboChild {
	height: 100%;
}

.hero-container.inline .jumbotron .jumboChild p {
	color: #fff;
	font-family: Nunito, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 2.3;
	position: relative;
	z-index: 9;
	margin-bottom: 0;
}

/*resize text @ different sizes*/
.hero-container.inline .jumbotron .jumboChild p {
	text-align: center;
	font-size: 24px !important;
	margin: 0 auto 40px;
	width: 90%;
}

@media (max-width: 1199px) {
	.hero-container.inline .jumbotron .jumboChild p {
		font-size: 24px !important;
		line-height: 2.3;
		width: 70%;
	} 
}

@media (max-width: 991px) {
	.hero-container.inline .jumbotron .jumboChild p {
		font-size: 24px !important;
		line-height: 2.2;
		width: 70%;
	} 
}

@media (max-width: 767px) {
	.hero-container.inline .jumbotron .jumboChild p {
		font-size: 21px !important;
		line-height: 2.3;
		width: 80%;
	} 
}

@media (max-width: 479px) {
	.hero-container.inline .jumbotron .jumboChild p {
		font-size: 18px !important;
		line-height: 1.8;
		width: 80%;
	} 
}

/* END Photo Pullquote "inline" */

/* _________________ Page Carousels _________________ */

.pageCarousel {
	max-width: 765px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	width: 100%;	/*was 70%. might need to match hero widths. make images same dimensions. */
	margin: auto;
}

/* Home Carousel */		/*<-- RENAME paths */ /**/
#header-carousel div.carousel-inner {
	width: auto;
	margin: 0 auto;
	}

/*#header-carousel .item  {
	height: 500px;
}*/

.carousel-control:hover {
	cursor: pointer;
}

/* No gradients on controls. */
.carousel-control.left {
	background-image: none;
	background-repeat: repeat-x;
	left: 0;
	right: auto;
	height: 100%;
	width: 80px;
	z-index: 999;
}

.carousel-control.right {
	background-image: none;
	background-repeat: repeat-x;
	left: auto;
	right: 0;
	height: 100%;
	width: 80px;
	z-index: 999;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
	display: none;
	width: 42px;
	height: 42px;
	margin: 0 -2px 0 -2px;
	padding: 0;
	opacity: .55;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right  {
	font-size: 42px;
}

.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
	display: block;
	font-size: 5em;
	color: #FFFFFF;
}

@media (max-width: 767px) {
	.carousel-control .fa-angle-left,
	.carousel-control .fa-angle-right {
		font-size: 3em;
	}
}

@media (max-width: 479px) {
	.carousel-control .fa-angle-left,
	.carousel-control .fa-angle-right {
		font-size: 2.5em;
	}
}

/*@media (max-width: 319px) {
	.carousel-control .fa-angle-left,
	.carousel-control .fa-angle-right {
		font-size: 2em;
	}
}
*/
.carousel-control .fa-angle-left {
	left: 20px !important;
	right: initial !important;
}


.carousel-control .fa-angle-right {
	right: 20px !important;
	left: initial !important;
}

@media (max-width: 479px) {
	.carousel-control .fa-angle-left {
		left: 5px !important;
		right: initial !important;
	}


	.carousel-control .fa-angle-right {
		right: 5px !important;
		left: initial !important;
	}
}


.carousel-indicators li {
	margin-right: 8px;
	/*background-color: #fff;*/
	opacity: .4;
	/*border: solid 1px transparent;*/
    border: solid 1px #fff;
}

.carousel-indicators .active, .carousel-indicators li:hover {
	margin-right: 8px;
    opacity: 0.75;
    /*background-color: #00A94F;*/
    background-color: #fff;
}

/* Set max height */
.carousel, .carousel-inner {
}

/* Carousel overlay */
.carouselText {
	position: absolute; 
	/*bottom: -70px; */
	right: 0; 
	left: 0; 
	text-align: center;
	z-index: 10;
	padding: 0 100px;
	background: transparent;
	text-align: center;
	z-index: 9;
	display: block;	
	padding: 0 80px;
}

@media (max-width: 767px) {
	.carouselText {
		padding: 0 50px;
	}
}

@media (max-width: 479px) {
	.carouselText {
		padding: 0 30px;
	}
}

@media (max-width: 479px) {
	.carouselText {
		padding: 0 20px;
	}
}

.carouselText .slideNumber {
	margin: 0;
}

.pageCarousel .overlayContainer .vcenter h2 {
	background-color: transparent;
	padding: 0;
	text-align: center;
	font-size: 22px;
}

@media (max-width: 767px) {
	.pageCarousel .overlayContainer .vcenter h2 {
		font-size: 19px;
	}
}

@media (max-width: 479px) {
	.pageCarousel .overlayContainer .vcenter h2 {
		font-size: 16px;
	}
}

@media (max-width: 319px) {
	.pageCarousel .overlayContainer .vcenter h2 {
		font-size: 15px;
	}
}

.carouselOverlay {
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}


/* When Heros and carousels are links - hide underlines. */
a.heroesCarousels:hover {
	text-decoration: none;
}

/* when carousels are in-page - class: ".pageCarousel" */

.pageCarousel .carousel-inner {
}

.pageCarousel .jumbotron .container {
	width: 90% !important;
}

/*.pageCarousel ol.carousel-indicators {
	bottom: -36px;
    left: 0;
    text-align: right;
    width: 100%;
}

.pageCarousel ol.carousel-indicators:last-child {
	margin: 0 !important;
	height: 24px;
}

.pageCarousel ol.carousel-indicators li {
	background: #aba39e;
	border-radius: 0;
	display: inline-table;
	height: 20px;
	width: 20px;
}*/

.pageCarousel ol.carousel-indicators {
	margin-bottom: 0;
	display: block;
}

@media (max-width: 479px) {
	.pageCarousel ol.carousel-indicators {
		bottom: 0;
	}
}

.pageCarousel ol.carousel-indicators li {
	margin: 1px;
	width: 10px;
	height: 10px;
}

.pageCarousel .vcenter {
	z-index: 20;
	left: 0;
	right: 0;
	display: block;
}

.pageCarousel .vcenter .jumboChild {
	z-index: 20;
	left: 0;
	right: 0;
	display: block;
}

.pageCarousel h1 {
	font-size: 37px;
	line-height: 53px;
}

.pageCarousel h2 {
	line-height: initial;
}

.pageCarousel div#header h2.slideNumber{
	font-size: 6em;
	padding: 0;
}

/* copy positioning - pad it off of number. */
.pageCarousel .carousel-inner h2.jumboChild {
	position: relative;
}

@media (max-width: 767px){
	.pageCarousel div#header h2.slideNumber{
		font-size: 5em;
	}
}

@media (max-width: 479px){
	.pageCarousel div#header h2.slideNumber{
		font-size: 3em;
	}
}

@media (max-width: 319px){
	.pageCarousel div#header h2.slideNumber{
		font-size: 2.5em;
		line-height: 35px;
	}
}


/* override ol:last-child margin, 
which breaks in-page infographic carousel */

/*.pageCarousel ol.carousel-indicators {
	margin: 0 0 0 0 !important;
}

.pageCarousel ol.carousel-indicators li:last-child {
  	margin: 0 0 0 3px !important;
  	float: right;
}*/


/* Carousel timing in choa.js */

/*Info Graphic carousel with class "pageCarousel" _______________________________*/

/*Set bottom spacing*/
.pageCarousel {
	margin: 20px 0;
}

/* vertical centering of content */
.pageCarousel .container.jumboContainer {
	display: table;
	height: 100%;
	display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}

@media(max-width: 767px){
	.pageCarousel .jumboContainer {
		height: 100%;
	}
}

.pageCarousel .jumboChild {
	display: table-cell;
	vertical-align: middle;
}

/* carousel title */
.pageCarousel .jumbotron .container h1 {
	text-align: center;
}

.pageCarousel .jumbotron .container {
	width: 45%;
    height: 100%;
    margin: 0 auto;
	z-index: 9;
}

@media(max-width: 1399px){
	.pageCarousel .jumbotron .container {
		width: 86% !important;
	}
}

@media(max-width: 1199px){
	.pageCarousel .jumbotron {
	}
}

@media(max-width: 991px){
	.pageCarousel .jumbotron .container {
		width: 75% !important;
	}
}

@media(max-width: 767px){
	.pageCarousel .jumbotron .container {
	}
}

@media(max-width: 479px){
	.pageCarousel .jumbotron .container {
		width: 100% !important;
	}
	.pageCarousel .jumbotron {
	}
}

.pageCarousel .jumbotron h1 {
	color: #fff;
	margin: 0;
	z-index: 9;
	text-align: center;
}

.pageCarousel .jumbotron p {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 9;
}

/* Hero headers for various devices */
@media(max-width: 767px){
	.pageCarousel .jumbotron h1 {
		font-size: 28px;
		line-height: 39px;
	}
}

@media(max-width: 400px){
	.pageCarousel .jumbotron h1 {
		font-size: 18px;
		line-height: 36px;
	}
}

.pageCarousel .jumbotron {
	margin: 0 0px 11px;
	padding: 0;
    margin-bottom: inherit;
}

.pageCarousel .jumbotron.intro {
	margin-top: 0;
}

.pageCarousel .jumbotron .navbar {
	font-size: 11px;
	line-height: 1.6;
}

/*Overwite bootstrap*/
.pageCarousel .container .jumbotron, .pageCarousel .container-fluid .jumbotron {
	border-radius: 0;
}

/*Mobile Nav Title*/
.pageCarousel #pageNavTitleMobile {
	display: none;
}

/* Jumbotron Hero icon. */
.pageCarousel .image-icon {
	margin: 0 auto;
	position: relative;
	z-index: 9;
}

.pageCarousel .page-content{
	text-align: center;
	padding: 10px;
}

.pageCarousel #header {
    background-repeat: no-repeat;
    /*object-fit: cover;*/
}

.pageCarousel .carousel-inner {
	height: auto;
}

/*END Info Graphic carousel with class "pageCarousel" ____________________________ */


.pageCarousel.infoGraphic .jumbotron {
	margin: 0 0px 11px;
	padding: 0;
    margin-bottom: inherit;
    min-height: 355px
}

@media (max-width: 991px) {
	.pageCarousel.infoGraphic .jumbotron {
		min-height: 430px;
	}
}

@media (max-width: 767px) {
	.pageCarousel.infoGraphic .jumbotron {
		min-height: 405px;
	}
}

@media (max-width: 600px) {
	.pageCarousel.infoGraphic .jumbotron {
		min-height: 325px;
	}
}

@media (max-width: 479px) {
	.pageCarousel.infoGraphic .jumbotron {
		min-height: 245px;
	}
}

@media (max-width: 419px) {
	.pageCarousel.infoGraphic .jumbotron {
		min-height: 210px;
	}
}

@media (max-width: 319px) {
	.pageCarousel.infoGraphic .jumbotron {
		min-height: 200px;
	}
}

@media (min-width: 1200px) {
	.pageCarousel.infoGraphic .jumbotron {
		min-height: 430px;
	}
}

.jumbotron {
	background-color: transparent;
}

.otherGalleryImages {
	display: none;
 }

.pageCarousel .carousel-inner .item {
	-webkit-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	
}

.pageCarousel .carousel-inner .item:nth-child(1),
.pageCarousel .carousel-inner .item:nth-child(5) {
	background-color: #00a94f; /*green*/
}

.pageCarousel .carousel-inner .item:nth-child(2),
.pageCarousel .carousel-inner .item:nth-child(6) {
	background-color: #0081c6; /*blue*/
}

.pageCarousel .carousel-inner .item:nth-child(3),
.pageCarousel .carousel-inner .item:nth-child(7) {
	background-color: #bd2f92; /*magenta*/
}

.pageCarousel .carousel-inner .item:nth-child(4),
.pageCarousel .carousel-inner .item:nth-child(8) {
	background-color: #fcb31c; /*yellow*/
}


/*  Second Color Cadence option w/ first image in carousel*/

.pageCarousel.option-2 .carousel-inner .item:nth-child(2),
.pageCarousel.option-2 .carousel-inner .item:nth-child(6) {
	background-color: #00a94f; /*green*/
	
}

.pageCarousel.option-2 .carousel-inner .item:nth-child(3),
.pageCarousel.option-2 .carousel-inner .item:nth-child(7) {
	background-color: #0081c6; /*blue*/
	
}

.pageCarousel.option-2 .carousel-inner .item:nth-child(4),
.pageCarousel.option-2 .carousel-inner .item:nth-child(8) {
	background-color: #bd2f92; /*magenta*/
	
}

.pageCarousel.option-2 .carousel-inner .item:nth-child(5),
.pageCarousel.option-2 .carousel-inner .item:nth-child(9) {
	background-color: #fcb31c; /*yellow */
}
/* _________________________________ Special styles for Site Core HTML text Editor _________________________________ */
 
/*** Fix these elsewhere, THEN fix these computed-classstyles here - as needed. ***/
 
p.paragraph-headline {
       font-family: Arial, Helvetica, sans-serif;
       color: #646464;
       max-width: 844px;
       margin: 32px auto;
       font-size: 24px;
       line-height: 36px;
       text-align: center;
       padding: 10px;
}
 
       @media(max-width: 767px){
              p.paragraph-headline {
                     font-size: 20px;
                     line-height: 32px;
                     margin: 18px auto 6px;
              }
       }
 
       @media(max-width: 400px){
              p.paragraph-headline {
                     font-size: 18px;
                     line-height: 28px;
                     margin: 18px auto 6px;
              }
       }
 
p.paragraph-content-headline {
       color: #666666;
       font-size: 22px;
       font-family: "Nunito", Arial, Helvetica, sans-serif;
}
p.paragraph-content-subheadline {
    font-family: "Nunito", Arial, Helvetica, sans-serif;
    font-size: 16px;
}
p.paragraph-pull-quote {
   color: #666666;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 21px;
   line-height: 26px;
}
 
ul.list-bulleted-col {
       color: #666666;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 16px;
       list-style-type: disc;
       margin: 0 4% 10px 0;
       display: inline-block;
       vertical-align: top;
       width: 41%;
}
 
a.link-normal {
       color: #008ac6;
       display: block !important;
       font-family: Arial, Helvetica, sans-serif !important;
}
 
a.link-normal:hover {
       color: #008ac6;
       text-decoration: underline;
}
 
a.page-link {
       color: #008ac6;
       font-family: Nunito, Arial, Helvetica, sans-serif;
       display: inline-block;
       font-size: 16px;
       font-stretch: normal;
       font-style: normal;
       font-variant: normal;
       font-weight: normal;
       line-height: 16px;
       text-align: left;
       text-decoration: none;
       text-rendering: auto;
       margin: 10px 0;
       cursor: pointer;
       margin: 10px 0;
}
 
a.page-link:hover {
       text-decoration: underline;
}
 
a.page-link::after {
       font-family: FontAwesome;
       content: "\f138";
       margin-left: 5px;
       text-decoration: none;
       display: inline-block;
}
 
a.page-link::after:hover {
       text-decoration: none;
}
 
a.page-link.spanish::after {
       display: none;
}
 
a.contact-info-email {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    display: inline-block;
}
a.contact-info-email:hover {
       color: #008ac6 !important;
}
 
a.contact-info-phone {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    display: inline-block;
}
a.contact-info-phone:hover {
       color: #008ac6 !important;
}
 
/*For English/Spanish links. Put this class on last a tag.*/
a.english-spanish-link {
       font-family: "Nunito", Arial, Helvetica, sans-serif!important;
       font-size: 16px!important;
       line-height: 1;
       color: #008ac6;
       margin-top: 5px !important;
}
 
a.link-arrow {
       color: #008ac6;
       margin-top: 5px !important;
}
 
a.link-arrow::after {
       content: "\f138";
       font-family: "FontAwesome";
       font-size: 16px;
       line-height: 16px;
       text-decoration: none !important;
       display: inline-block;
}
 
a.link-arrow:hover {
       text-decoration: none !important;
}
 
 
/*Can't give CMS 2 global classes for editor! Breaks other areas - see Home page. */
 
h3 {
       color: #00a94f;
       font-family: Nunito, Arial, Helvetica, sans-serif;
       font-size: 24px;
       font-weight: 500;
       line-height: 26.3999996185303px;
}
 
h4 {
       color: #666666;
       font-family: Nunito, Arial, Helvetica, sans-serif;
       font-size: 22px;
       font-weight: 500;
       line-height: 27px;
}
 
/* ____________________________________________________________________________________ */
/* _________________ Original CSS _________________ */


/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */

.ekko-lightbox-container {
	position: relative;
}

.ekko-lightbox-nav-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

.ekko-lightbox-nav-overlay a {
	z-index: 100;
	display: block;
	width: 49%;
	height: 100%;
	font-size: 30px;
	color: #fff;
	text-shadow: 2px 2px 4px #000;
	opacity: 0;
	-webkit-filter: dropshadow(color=#000000, offx=2, offy=2);
	        filter: dropshadow(color=#000000, offx=2, offy=2);
	-webkit-transition: opacity 0.5s;
					transition: opacity 0.5s;
}

.ekko-lightbox-nav-overlay a:empty {
	width: 49%;
}

.ekko-lightbox a:hover {
	text-decoration: none;
	opacity: 1;
	color: #FFF;
}

.ekko-lightbox .glyphicon-chevron-left {
	left: 0;
	float: left;
	padding-left: 15px;
	text-align: left;
}

.ekko-lightbox .glyphicon-chevron-right {
	right: 0;
	float: right;
	padding-right: 15px;
	text-align: right;
}

.ekko-lightbox .modal-footer {
	text-align: left;
}


/* _________________ Digitas-added syles _________________ */

/* This is for ekko-lihtbox only - shouldn't affect Bootstrap modals. It could: Remove "ekko-lightbox" classes. */

.ekko-lightbox .modal-header{
	border-bottom: 1px solid #b1b1b1;
}

/* Style Bootstrap "X" button. */
.ekko-lightbox .modal-header button.close {
	text-shadow: none;
	border: solid 2px black;
	width: 30px;
	height: 30px;
	font-size: 24px;
	line-height: 24px;
	border-radius: 15px;
}

.ekko-lightbox h4.modal-title {
	font-family: "Nunito", Arial, Helvetica, sans-serif;
	color: #5d5d5e;
}

.ekko-lightbox .modal-content {
	border-radius: 0;
	margin-top: 20%;
}

.ekko-lightbox .modal-footer{
	border-top: 1px solid #b1b1b1;
	background-color: #f1f4f8;
	/*padding: 15px 100px 15px 15px;*/	/*was*/
	padding: 15px 15px 30px;
}

.ekko-lightbox .modal-content span.imageCounter {
    float: right;
    margin: -36px 15px 0 0;

    margin-top: -40px;
    width: 100px;
    padding-top: 10px;
    text-align: right;
    font-weight: bold;
}

.ekko-lightbox-nav-overlay a:empty {
    width: 15%;
	/* IE doesn't like transparent or empty divs acting as links. */			
	background: url("../images/transparent.png") repeat 0 0;
}

/* glyphs don't show up properly on mobile. This is realy a hack.*/
@media (max-width: 767px){
	/*comment OUT these next two, if mobile still doesn't work.*/
	a.glyphicon-chevron-left {
		position: relative;
		top: 46%;
		height: 25%;
	}
	a.glyphicon-chevron-right {
		position: relative;
		top: 46%;
		height: 25%;
	}
	/*comment IN these next two, if mobile still doesn't work.*/
	a.glyphicon-chevron-left:before {
		/*content: "";*/
	}
	a.glyphicon-chevron-right:before {
		/*content: "";*/
	}

	.ekko-lightbox-nav-overlay a {
		opacity: .4;
		display: block;
		line-height: 1 !important;
	}
}

/* Plugin styles */
.social-feed-element.hidden{
    background-color:red !important;
}
.social-feed-element .pull-left{
    float:left;
    margin-right: 10px;
}
.social-feed-element .pull-right {
    margin-left: 10px;
}
.social-feed-element img {
    width: 100%;
    width: auto\9;
    height: auto;
    border: 0;  
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}
.social-feed-element .attachment {
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

/* Link styles */
.social-feed-element a {
    color: #0088cc;
    text-decoration: none;
}
.social-feed-element a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.social-feed-element a:hover,
.social-feed-element a:active {
    outline: 0;
    color: #005580;
    text-decoration: underline;
}

/* Text styles */
.social-feed-element small {
    font-size: 85%;
}
.social-feed-element strong {
    font-weight: bold;
}
.social-feed-element em {
    font-style: italic;
}
.social-feed-element p {
    margin: 0 0 10px;
}
.social-feed-element .media-body > p{
    margin-bottom:4px;
    min-height:20px;
}
.social-feed-element p.social-feed-text {
    width: 100%;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

/* Message styles */
.social-feed-element,
.social-feed-element .media-body {
    overflow: hidden;
    zoom: 1;
    *overflow: visible;
}
.social-feed-element .media-body .social-network-icon{
    margin-top: -3px;
    margin-right:5px;
    width:16px;
}
.social-feed-element .media-body div{
    color:#666;
    line-height: 20px;
}
.social-feed-element:first-child {
    margin-top: 0;
}
.social-feed-element .media-object {
    display: block;
    width:48px;
    border-radius:50%;
}
.social-feed-element .media-heading {
    margin: 0 0 5px;
}
.social-feed-element .media-list {
    margin-left: 0;
    list-style: none;
}

.social-feed-element .muted {
    color: #999;
}
.social-feed-element a.muted:hover,
.social-feed-element a.muted:focus {
    color: #808080;
}

.social-feed-element{
    box-shadow: 0 0 10px 0 rgba(10, 10, 10, 0.2);
    transition: 0.25s;
    -webkit-backface-visibility: hidden;
    margin:-1px;
    margin-top:25px;
    background-color: #fff;
    color: #333;
    text-align:left;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 16px;
}
.social-feed-element:hover{
    box-shadow: 0 0 20px 0 rgba(10, 10, 10, 0.4);
}

.social-feed-element .content{
    padding:15px;
}
.social-feed-element .social-network-icon{
    opacity:0.7;
}


.social-feed-element .author-title{
    color: #444;
    line-height: 1.5em;
    font-weight: 500;  
}
/*# sourceMappingURL=appChildrens.css.map */