@charset "utf-8";
/* CSS Document */


div.social-links {
	font-size: 20px;
     padding-top: 0px;
	  padding-bottom: 10px;
}

div#seeageingdata {
}
	div#seeageingdata h2 {
		display: none;
	}


div#home-subscribe {
	
}
div#home-subscribe h2, 
div#home-subscribe h4 {
	margin-right: 20px;
}

div#home-subscribe form {
	width: 50%;
}


@keyframes hover-over {
    0% { height: 60px; }
    50% { height: 125px; }
    100% {height: 120px; }
}
@-webkit-keyframes hover-over {
    0% { height: 60px; }
    50% { height: 125px; }
    100% {height: 120px; }
}
@keyframes hover-out {
    0% { height: 120px; }
    50% { height: 125px; }
    100% {height: 60px; }
}
@-webkit-keyframes hover-out {
    0% { height: 120px; }
    50% { height: 125px; }
    100% {height: 60px; }
}

.storygrid .item {
	position: relative;
}
.storygrid .item .item-info {
	bottom : 0;
	left: 0;
	width: 100%;
	position: absolute;
	background-color: #fff;
	opacity: 0.7;
}
.storygrid .item .item-info h2 {
	font-size: 20px;
	margin: 0;
	padding: 5px 10px;
}
.storygrid .item .item-info p {
	visibility: hidden;
	padding: 5px 10px;
	margin: 0;
}
.storygrid .item .item-info {
    animation-name: hover-out;
    animation-duration: 0.2;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    -webkit-animation-name: hover-out;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}
.storygrid .item:hover .item-info {
    animation-name: hover-over;
    animation-duration: 0.2;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    -webkit-animation-name: hover-over;
    -webkit-animation-duration: 0.2s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
}
.storygrid .item:hover .item-info p {
	visibility: visible;
}
	.storygrid a .item p {
		color: #000;
	}
	.storygrid a .item p span.storylink {
		color: #fe6532;
	}

.storygrid .item {
	/* width: 25%; */
	float: left;
	height: 400px;
	background-size: auto 100%;
	background-position: center center;
}

div#storytable {
}
	div#storytable > div {
		padding: 0 10px;
	}
	div#storytable > div a.storyimage {
		background-position: center center;
		background-size: auto 100%;
		background-repeat: no-repeat;
		margin-bottom: 15px;
		border-radius: 8px;
		height: 260px;
		width: 100%;
		display: block;
	}
	div#storytable > div p {
		text-align: center;
	}
		div#storytable > div p.title {
			font-weight: bold;
		}
		div#storytable > div p.larger {
			padding-bottom: 30px;
		}
		div#storytable > div p.more {
			position: absolute;
			bottom: 0;
			width: 100%;
			margin-top: 20px;
		}
			div#storytable > div p.more a {
				display: block;
			}