/* Tweetblock section */
.section-tweetblock {
	padding: 0;
    background: #FFC43A;
    overflow: visible;
}

/* Img options: 1) bg image applied to .img-bg-photo, 2) inline img within 'tweetblcok-img container */

/* Background image applied to container */
.img-bg-photo {
    background: url(/assets-vcuhp/images/pages/homepage/tweetblock/tweetblock-graduation.jpg) 0 32px no-repeat;
    overflow: visible;
    margin: 0 auto;
    width: 100%;
    max-width:1300px;
}

/* Adjust img-bg-photo position */
@media only screen and (max-width:1284px) {
	.img-bg-photo {background-position: -4% 32px;}
}
@media only screen and (max-width:1230px) {
	.img-bg-photo {background-position: -8% 32px}
}
@media only screen and (max-width:1180px) {
	.img-bg-photo {background-position: -12% 32px;}
}
@media only screen and (max-width:1070px) {
	.img-bg-photo {background-position: -16% 32px;}
}
@media only screen and (max-width:1039px) {
	.img-bg-photo {background-position: -18% 32px;}
}
@media only screen and (max-width:960px) {
	.img-bg-photo {background-position: -20% 32px;}
}
@media only screen and (max-width:870px) {
	.img-bg-photo {background-position: -25% 10px;}
}
@media only screen and (max-width:772px) {
	.img-bg-photo {background-position: -40px 0;}
}
@media only screen and (max-width: 600px) {
	.img-bg-photo {background-position: -64px 0;}
}
@media only screen and (max-width: 480px) {
	.img-bg-photo {background-position: -80px 0;}
}
@media only screen and (max-width: 450px) {
	.img-bg-photo {background-position: -20px 5px; background-size:190px;}
}
@media only screen and (max-width: 420px) {
	.img-bg-photo {background-position: -30px 5px; background-size:190px;}
}
@media only screen and (max-width: 390px) {
	.img-bg-photo {background-position: -50px 5px; background-size:190px;}
}
/* At bottom of file
	@media only screen and (max-width: 350px) {
		.img-bg-photo {background:none;}
		.column.tweetblock-info-col {
			width: 100%;
		}

		.column.tweetblock-img-col {
			width: 0;
			display:none;
		}
	}
*/

/* Tweetblock info and image columns */
.tweetblock-info-col {
	float: right !important;
	width:54%;
}

.tweetblock-img-col {
	float:left !important;
	width:30%;
}

/* Image column */
.tweetblock-img {
	position: absolute;
	left: 0;
	height: 100%;
	bottom: -2.5em;
	max-width: 270px;
	max-height: 260px;
}


/* Adjust image */
.tweetblock-img img  {
	width: 100%;
	min-width: 220px;
	padding-top: .75em;
	margin-left: -2em;
}

/* Default text */
.tweetblock-info {
	padding: 45px 0 0 5px;
	font-family:Arial, Helvetica, "Helvetica Neue", sans-serif;
    font-weight:400;
    font-size:16px;
    color:#555;
}

.tweetblock-info p {
	line-height: 1.3;
	letter-spacing: 0;
	word-spacing: 0;
	margin-bottom: 1em;
	font-size: 15px;
}

.tweetblock-info p a {
	font-weight:700;
    color: #444;
}

.tweetblock-info p a:hover {
    text-decoration:underline;
}

/* Twitter embeded timeline */
.tweetblock-widget {
    padding: 30px 40px 25px;
    margin:0 auto;
}

/* Twtter widget */
.twitter-timeline {
	display: block;
	height: 220px;
	width: 100%;
    max-height:220px;
    background: transparent url(/assets-vcuhp/images/pages/homepage/tweetblock/tweetblock-preloader.gif) center center no-repeat;
}

.tweetblock-info h2,
.tweetblock-widget h2 {
	color:#333;
    font-family:Arial, Helvetica, "Helvetica Neue", sans-serif;
    font-weight:700;
    font-size:25px;
    line-height:1;
    padding-bottom:0.5em;
}

/* Mobile text */
.tweetblock-widget h2,
.tweetblock-widget p {display:none;}


/* 1120px */

@media only screen and (max-width:1120px) {

	/* Adjust image */
	.tweetblock-img img  {
		margin-left: -2.5em;
	}

	/* Adjust Twitter widget padding */
	.tweetblock-widget {
		padding: 30px 20px 25px;
	}

	/* Adjust hdr size */
	.tweetblock-info h2 {font-size: 22px;}

}

/* 1039px */

@media only screen and (max-width:1039px) {

	/* Expand width of sections */
    .tweetblock-info,
    .tweetblock-widget {
        width:100%;
    }

    /* Adjust Twitter widget width */
    .twitter-timeline {
        max-height: 220px;
    }

	.tweetblock-img {
		position: relative;
		bottom: 0;
	}

	/* Adjust image */
	.tweetblock-img img  {
		min-width: 180px;
		padding-top: 5.75em;
		margin-left: -2.5em;
	}

	/* Adjust hdr size */
    .tweetblock-info h2 {font-size: 18px;}

	/* Info para font size/width */
    .tweetblock-info p {
    	/*font-size:15px !important;*/
    	max-width: 350px;
    }

	/* Image column */
	.tweetblock-img {
		position: absolute;
		left: 0;
		height: 100%;
		bottom: -2.5em;
		max-width: 270px;
		max-height: 260px;
	}

}

/* 970px */

@media only screen and (max-width:970px) {

	/* Info para font size */
    .tweetblock-info p {font-size:15px !important;}

}

/* 920px */

@media only screen and (max-width:920px) {

	/* Hide second sentence in text column */
	   	.tweetblock-hastags {display:none;}

}

/* 860px */

@media only screen and (max-width:870px) {

		/* Adjust image */
		.tweetblock-img img {width:165px;}

		/* Adjust hdr size */
    	.tweetblock-info h2 {font-size: 17px;}

}

/* 772px */

@media only screen and (max-width:772px) {

		/* Adjust image */
		.tweetblock-img img {
			max-width: 150px;
			min-width: 150px;
			padding-top: 1.25em;
			margin-left: 1em;
			margin-bottom: -2em;
		}

		/* Adjust Tweetblock info col padding */
		.tweetblock-info-col {
			padding-left: 30px !important;
			padding-right: 30px !important;
		}

		/* Adjust hdr and text size */
    	.tweetblock-info h2 {font-size: 26px;}

		/* Info para font size/width */
    	.tweetblock-info p {
			/*font-size: 15px !important;*/
			max-width: 90%;
		}

    	/* Tweetblock full width */
		.tweetblock-info-section,
		.tweetblock-widget-section {
			width: 100% !important;
			float: none;
			display:block;
		}

		/* Tweetblock info and image columns */
		.tweetblock-info-section {
			padding: 20px 40px;
		}

		/* Adjust Tweetblock info column */
		.tweetblock-info-col {
			width: 70%;
		}

}

/* 600px */

@media only screen and (max-width:600px) {
		
		/* Adjust Tweetblock img column */
		.tweetblock-img-col {
			width:115px !important;
		}

		/* Adjust info text size */
		.tweetblock-info p {
			font-size: 13px !important;
			max-width: 350px;
		}

}

/* 500px */

@media only screen and (max-width: 500px) {

	/* Adjust image */
	.tweetblock-img img {
		margin-left:0;
		padding-top: .5em;
	}

	.column.tweetblock-info-col {
		width: 65%;
	}

	.column.tweetblock-img-col {
		width: 20%;
	}

	/* Adjust hdr and text size */
    .tweetblock-info h2 {font-size: 18px;}

    /* Adjust Twtter widget width */
	.twitter-timeline {
		max-width: 460px;
	}
}

/* 450px */

@media only screen and (max-width: 450px) {

	/* Adjust hdr and text size */
    .tweetblock-info h2 {font-size: 15px;}

	.tweetblock-info p {
		font-size: 12px !important;
		max-width: 350px;
	}

	/* Adjust info text padding */
	.tweetblock-info {
		padding: 20px 0 5px 0;
	}

	/* Adjust Twitter widget col padding */
	.tweetblock-widget {
		padding-top: 0px;
	}

	/* Adjust image */
	.tweetblock-img img {
		position: absolute;
		margin-left: 0;
		left: .25em;
		top: 0;
		min-width: 100px;
		max-width: 100px;
	}

	.column.tweetblock-info-col {
		width: 68%;
	}

	.column.tweetblock-img-col {
		width: 20%;
	}

	/* Adjust hdr text size */
    .tweetblock-info h2 {font-size: 18px;}

    /* Adjust Twtter widget width */
	.twitter-timeline {
		max-width: 400px;
	}

}

/* 370px */

@media only screen and (max-width: 370px) {

	/* Adjust hdr text size */
    .tweetblock-info h2 {font-size: 15px;}

	/* Adjust image */
	.tweetblock-img img {
		padding-top:1.25em;
	}

	/* Adjust Twtter widget width */
	.twitter-timeline {
		max-width: 300px !important;
	}

}

/* 350px */
@media only screen and (max-width: 350px) {
	.img-bg-photo {background:none;}
	.column.tweetblock-info-col {
		width: 100%;
	}

	.column.tweetblock-img-col {
		width: 0;
		display:none;
	}
}

/* 320px */

@media only screen and (max-width: 320px) {

    .tweetblock-info p {
		font-size: 13px !important;
	}


	/* Adjust img column */
	.tweetblock-img {
		bottom: 0;
	}

	/* Adjust image */
	.tweetblock-img img {
		position:relative;
		padding-top: 2em;
	}

	/* Adjust Twtter widget width */
	.twitter-timeline {
		position:relative;
		width: 280px !important;
		max-width: 280px !important;
	}

}

.lt-ie9 .tweetblock-img-col,
.lt-ie9 .tweetblock-img,
.lt-ie9 .tweetblock-img img {
	position:relative;
	display:none !important;
}

.lt-ie9 .tweetblock-info-col {
	float: left !important;
	padding-left: 40px !important;
	padding-right: 20px !important;
	width:100%;
}

/* lt-ie9 fix for img-bg-photo method */
.lt-ie9 .img-bg-photo {
	background:none !important;
}
.lt-ie9 .column.tweetblock-info-col {
	width: 100% !important;
}

/* END Tweetblock media queries */