/* Links CSS Document */

/* LINKS PAGES */
	.links-holder {
	display:block;
	padding-bottom:18px;
	}
	
		.links-holder img {
		max-width:none;
		height:auto;
		width:auto\9; /* ie8 */
		vertical-align:middle;
		}
		
		.links-item {
		float:Left;
		display:block;
		width:100%;
		}
				
				.goto-link-desktop {}
				.goto-link-mobile {display:none;}
				
				
		/*.links-favicons-list {}
			
			.links-favicons-list .links-item {
			padding-bottom:0px;	
			}
		
			.links-favicons-list .links-favicons-image {
			float:left;
			width:24px;
			max-width:24px;
			display:inline-block;	
			}
			
			.links-favicons-list .links-favicons-text {
			float:left;
			text-align:left;
			width:86%;
			padding-top:2px;	
			}*/
				
				
		/*.links-description {}
		
			.links-description .links-item {
			margin-bottom:18px;
			}

			.links-description .links-description-image {
			float:left;
			width:20%;
			display:inline-block;
			}
				.links-description .links-description-image img {
				max-width:100%;
				}
	
				.links-description .links-description-text {
				float:right;
				text-align:left;
				width:75%;	
				}*/
				
				
/* NEW STRUCTURE STYLES */
	
		/* Links with images */	
		.links-item.link-images-and-text {
		float:left;
		width:25%;
		margin-bottom:18px;
		display;block;
		}
			.links-item.link-images-and-text:nth-child(4n+5) {clear:left;}
		
	
		.link-images-and-text .link-images-image {
		float:left;
		width:100%;
		height:100px;
		text-align:center;
		display:inline-block;	
		}
		
			.link-images-and-text .link-images-image img {
			max-width:100%;
			max-height:100px;
			}
		
		.link-images-and-text .link-images-text {
		float:left;
		width:100%;
		text-align:center;
		padding-top:5px;
		}
		
		
		/* Image only links */
		.links-item.link-images-only {
		float:left;
		width:25%;
		margin-bottom:18px;
		display:table;
		height:100px;
		}
			.links-item.link-images-only:nth-child(4n+5) {clear:left;}
		
	
		.link-images-only .link-images-image {
		float:left;
		width:100%;
		height:100px;
		text-align:center;
		display:inline-block;	
		}
		
			.link-images-only .link-images-image img {
			max-width:100%;
			max-height:100px;
			}
		
		.link-images-only .link-images-text {
		float:left;
		width:98%;
		text-align:center;
		height:100px;
		vertical-align:middle;
		/*padding-top:5px;*/
		display:table-cell;
		}
		
		
		/* Links with favicons */
		.links-item.links-favicons {
		padding-bottom:16px;	
		display:block;
		}
	
		.links-favicons .links-favicons-image {
		float:left;
		width:24px;
		max-width:24px;
		display:inline-block;	
		}
		
		.links-favicons .links-favicons-text {
		float:left;
		text-align:left;
		width:86%;
		padding-top:2px;	
		}
				
		
		/* Links description */		
		
			.links-item.links-description  {
			margin-bottom:18px;
			display:block;
			}

			.links-description .links-description-image {
			float:left;
			width:20%;
			display:inline-block;
			}
				.links-description .links-description-image img {
				max-width:100%;
				}
	
				.links-description .links-description-text {
				float:right;
				text-align:left;
				width:75%;	
				}
		/* Image only links */
		.links.images-only {
		display:block;
		text-align:center;	
		}	
			.links.images-only .link-images-image {
			position:relative;
			top:0;
			float:none;
			height:100px;
			margin:0 32px;
			opacity:0.7;
			animation-timing-function:ease-out;
			-webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
			transition:         all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
			}
			
				.links.images-only .link-images-image:hover {
				opacity:1;	
				}

			/* First Keyframe */
			.links.images-only .link-images-image:nth-child(6n+1) {
			-webkit-animation: links-fade-in-one 1s 1; /* Safari 4+ */
			-moz-animation:    links-fade-in-one 1s 1; /* Fx 5+ */
			-o-animation:      links-fade-in-one 1s 1; /* Opera 12+ */
			animation:         links-fade-in-one 1s 1; /* IE 10+, Fx 29+ */
			}
			
				@keyframes links-fade-in-one {
					0% {
					top:-200px;
					opacity:0;
					}
					
					30% {
					opacity:0;	
					top:-200px;
					}
					
					100% {
					top:0;
					opacity:0.7;
					}
				}

			/* Second Keyframe */
			.links.images-only .link-images-image:nth-child(6n+2) {
			-webkit-animation: links-fade-in-two 1.5s 1; /* Safari 4+ */
			-moz-animation:    links-fade-in-two 1.5s 1; /* Fx 5+ */
			-o-animation:      links-fade-in-two 1.5s 1; /* Opera 12+ */
			animation:         links-fade-in-two 1.5s 1; /* IE 10+, Fx 29+ */
			}
			
				@keyframes links-fade-in-two {
					0% {
					top:-200px;
					opacity:0;
					}
					
					30% {
					opacity:0;	
					top:-200px;
					}
					
					100% {
					top:0;
					opacity:0.7;
					}
				}

			/* Third Keyframe */
			.links.images-only .link-images-image:nth-child(6n+3) {
			-webkit-animation: links-fade-in-third 2s 1; /* Safari 4+ */
			-moz-animation:    links-fade-in-third 2s 1; /* Fx 5+ */
			-o-animation:      links-fade-in-third 2s 1; /* Opera 12+ */
			animation:         links-fade-in-third 2s 1; /* IE 10+, Fx 29+ */
			}
			
				@keyframes links-fade-in-third {
					0% {
					top:-200px;
					opacity:0;
					}
					
					30% {
					opacity:0;	
					top:-200px;
					}
					
					100% {
					top:0;
					opacity:0.7;
					}
				}

			/* Fourth Keyframe */
			.links.images-only .link-images-image:nth-child(6n+4) {
			-webkit-animation: links-fade-in-four 2.5s 1; /* Safari 4+ */
			-moz-animation:    links-fade-in-four 2.5s 1; /* Fx 5+ */
			-o-animation:      links-fade-in-four 2.5s 1; /* Opera 12+ */
			animation:         links-fade-in-four 2.5s 1; /* IE 10+, Fx 29+ */
			}
			
				@keyframes links-fade-in-four {
					0% {
					top:-200px;
					opacity:0;
					}
					
					30% {
					opacity:0;	
					top:-200px;
					}
					
					100% {
					top:0;
					opacity:0.7;
					}
				}

			/* Fifth Keyframe */
			.links.images-only .link-images-image:nth-child(6n+5) {
			-webkit-animation: links-fade-in-five 3s 1; /* Safari 4+ */
			-moz-animation:    links-fade-in-five 3s 1; /* Fx 5+ */
			-o-animation:      links-fade-in-five 3s 1; /* Opera 12+ */
			animation:         links-fade-in-five 3s 1; /* IE 10+, Fx 29+ */
			}
			
				@keyframes links-fade-in-five {
					0% {
					top:-200px;
					opacity:0;
					}
					
					30% {
					opacity:0;	
					top:-200px;
					}
					
					100% {
					top:0;
					opacity:0.7;
					}
				}

			/* Sixth Keyframe */
			.links.images-only .link-images-image:nth-child(6n+6) {
			-webkit-animation: links-fade-in-six 3.5s 1; /* Safari 4+ */
			-moz-animation:    links-fade-in-six 3.5s 1; /* Fx 5+ */
			-o-animation:      links-fade-in-six 3.5s 1; /* Opera 12+ */
			animation:         links-fade-in-six 3.5s 1; /* IE 10+, Fx 29+ */
			}
			
				@keyframes links-fade-in-six {
					0% {
					top:-200px;
					opacity:0;
					}
					
					30% {
					opacity:0;	
					top:-200px;
					}
					
					100% {
					top:0;
					opacity:0.7;
					}
				}
		
				
				
				
		/* List two column */
		.links-holder .list-two-column {float:left; width:49%; margin-right:2%; display:block;}
			.links-holder .list-two-column:nth-child(2n+2) {margin-right:0%;}
				.links-holder .list-two-column:nth-child(2n+3) {clear:both;}
				
		/* List three column */
		.links-holder .list-three-column {float:left; width:32%; margin-right:2%; display:block;}
			.links-holder .list-three-column:nth-child(3n+3) {margin-right:0%;}
				.links-holder .list-three-column:nth-child(3n+4) {clear:both;}		
			
				
			/* List two/three column sizing for different page styles*/
			.full-left .links-holder .list-two-column,
			.full-left .links-holder .list-three-column,
			.full-right .links-holder .list-two-column,
			.full-right .links-holder .list-three-column,
			.main-third .links-holder .list-two-column,
			.main-third .links-holder .list-three-column
			.main-right .links-holder .list-two-column,
			.main-right .links-holder .list-three-column
			.main-left .links-holder .list-two-column,
			.main-left .links-holder .list-three-column {width:100% !important; margin-right:0 !important; clear:both;}
	
@media screen and (max-width:920px) {
	
		.links.images-only .link-images-image {
		height:80px;
		line-height:80px;
		display:inline-block;	
		}
	
}

				
/* Tablets */
@media screen and (max-width: 850px) {
	/* Links */
	.links-holder .list-two-column,
	.links-holder .list-three-column {width:100% !important; margin-right:0 !important; clear:both;}
}		

		
/* Small Tablets */
@media screen and (max-width: 650px) {
	/* Links */
	.goto-link-desktop {display:none;}
	.goto-link-mobile {display:inline-block;}
	
	.links-item.link-images-only {
	float:left;
	width:50%;
	}
}
				

/* Phones */
@media screen and (max-width: 480px) {
	
	/* Links */
	.links-item {}
	
		.links-description .links-description-image {
		display:block;
		width:100%;
		max-width:100%;
		text-align:center;	
		}
			
			.links-description-image img {
			text-align:center;
			width:auto;
			height:100%;	
			}
			
		.links-description .links-description-text {
		width:100%;
		}
		
	.links.images-only .link-images-image {
	display:block;
	float:none;
	clear:both;
	height:auto;
	line-height:normal;
	margin:24px 0;
	}
}