/* 
This is the section css for
Learning Assistance & Resource Center 
*/
#home-content .news p{
	border-bottom: none;
	margin: 20px 0px;
}
#home-content .homepage .greyGrid{
	background-color: #eee;
	padding: 20px;
}
#home-content .btnTutor{
	float:right;
	width: 30%;
	padding-bottom: 10px;
	padding-top: 10px;
}

#home-content .greyBox { background-color: #eee; padding: 10px; }
#home-content .greyBox h3:first-child { margin-top: 0; }
#home-content .unstyledList { list-style: none; margin-left: 0; }
#home-content #accordion .unstyledList li { margin-bottom: 0; }
#home-content .imgCenter{
	display: block;
	margin: 0 auto;
}
#home-content .invisible{
	display: none;
}

/* DEFAULT */
#home-content .homepage .grid4 .btn { margin: 5px 0; padding: 12px; width: 100%; }
#home-content .homepage .grid8 { padding-right: 2em; }
#home-content .homepage .grid6:nth-child(1) { padding-right: 10px; }
#home-content .homepage .grid6:nth-child(2) { padding-left: 10px; }

/* FACULTY */
#home-content #faculty { padding: 0; }
#home-content #faculty .grid8 { padding-right: 20px; }
#home-content #faculty h3:first-of-type { margin-top: 0; }
#home-content #smarthinking .grid3 .row-responsive { margin: 0; }
#home-content #smarthinking .grid3 .grid12 {
	padding: 3px;
	background-color: #eee;
	border: 2px solid #fff;
	text-align: center;
	height: 40px;
}
#home-content #faculty .mqImg { width: 100%; }

/* PEERTUTORS */
#home-content #peerTutors > .row-responsive > .grid6 > img { padding-right: 20px; width: 100%; }
#home-content #peerTutors > .row-responsive { border-bottom: 1px solid #eee; padding: 5px 0; }
#home-content #peerTutors .grid2 img { width: 100% }
#home-content #peerTutors .grid10 { padding-left: 2em; }
#home-content #peerTutors ul { list-style: none; margin-left: 0; }
#home-content #peerTutors ul li:first-child { font-weight: bold; font-size: 1.15em; }

/* STUDENTS */
#home-content #larcStudents .grid8 { padding-right: 20px; }
#home-content #students .grid8 { padding-right: 20px; }
#home-content #students .grid8 h3:first-of-type { margin-top: 0; }
#home-content #students .mqImg { width: 100%; }

/* TUTORS */
#home-content #tutors .grid8 { padding-right: 20px; }
#home-content #tutors .grid8 h3:first-of-type { margin-top: 0; }
#home-content #tutors .mqImg { width: 100%; }

/* STAFF */
#home-content .staff img{
	padding-right: 10px;
}
#home-content .staff h3{
	margin: 0;
	margin-bottom: 10px;
}

@media only screen and (max-width: 850px) {
	/* TUTORS */
	#home-content #tutors .grid8 .grid4 { clear: both; width: 100%; }
}

@media only screen and (max-width: 768px) {
	/* FACULTY */
	#home-content #faculty .grid8 { padding-right: 0; }
	/* STUDENTS */
	#home-content #students .grid8 { padding-right: 0; }
	/* TUTORS */
	#home-content #tutors .grid8 { padding-right: 0; }

	/* STAFF */
	#home-content .staff .grid2{
		width: 25%;
	}
	#home-content .staff .grid10{
		width: 75%;
	}
}

@media only screen and (max-width: 768px) {
	/* PEER TUTORS */
	#home-content #peerTutors > .row-responsive > .grid6 > img { padding-right: 0; }
	/* STAFF */
	#home-content .staff .grid2,
	#home-content .staff .grid10{
		width: 100%;
	}
	#home-content .staff .grid2 img{
		display: block;
		margin: 0 auto;
		padding: 0;
	}
}


/* NEW BRAND */

#larcRebrand .centerContent {
    padding: 3% 5% 1%;
    display: block;
    float: left;
    width: 100%;
}

#larcRebrand {
	width: 100%;
	display: block;
	float: left;
}

.artSocialBar{
	width: 105%;
	display: block;
	background-color: #6e3061;
	text-align: center;
	padding: 10px;
	float: left;
	margin-top: -10px;
	margin-left:-30px;
}
#home-content .artSocialBar p{
	margin: 0px 0px;
}
.socialLogo{
	display: inline-block;
	margin-right: 5px;
	max-width: 45px;
}
.artSocialBar a:hover img {
	transform: scale(1.10);
	transition: all .2s ease-in-out;
}



#home-content .smallCardSection .grid4, 
#home-content .smallCardSection .grid12,
#home-content .smallCardSection .grid6{
	padding: 0px 10px;
}


#home-content .smallCardSection .grid4 .card,
#home-content .smallCardSection .grid12 .card{
	border: 2px solid #eee;
	border-top: 5px solid #441F49;
	padding: 20px 30px;
}

#home-content #larcStudents .smallCardSection > .row-responsive {
	display: flex;
}
@media only screen and (max-width: 768px) {
    #home-content #larcStudents .smallCardSection > .row-responsive {
        display: block;
    }
}
#home-content .smallCardSection .grid6 .card{
	border: 2px solid #eee;
	border-top: 5px solid #441F49;
	padding: 20px 30px;
	float: left;
	width: 100%;
	height: 100%;
}

#home-content .smallCardSection .cardTitle{
	font-size: 1.3em;
	color: #441F49;
	line-height: 1em;
}
#home-content .smallCardSection .grid4 .cardTitle{
	margin-top: 0px;
}

#home-content .smallCardSection .row-responsive {
	width: 100%;
	margin: 10px 0 10px;
	float: left;
}
#home-content .smallCardSection .grid4 {
	margin: 10px 0 10px;
}
#home-content .smallCardSection .row-responsive .grid6 {
	margin: 10px 0 50px;
}
#larcRebrand .smallCardSection {
	padding: 0 3%;
}

#larcRebrand .testimonialsHome {
	padding: 5% 5%;
	float: left;
	width: 100%;
	display: block;
}
#larcRebrand .appointments {
	float: left;
	width: 100%;
	display: block;
	padding: 2%;
}
#larcRebrand .appointments .grid6:last-of-type {
	padding: 20px 0px 10px 40px;
}
@media only screen and (max-width: 768px) {
	#larcRebrand .appointments .grid6:last-of-type {
		padding: 0px;
	}
}


#larcCourses .grid6 {
	padding-right: 15px;
}


/** Home Page Tiles **/

#home-content .row-responsive {
	margin: 0px;
}

#home-content #mainTiles .grid4{
	padding: 5px;
	height: 16em;
}


#home-content #mainTiles {
	padding: 3% 0px;
}

#home-content #mainTiles .row-responsive{
	display: flex;
	margin-top: 0px;
	margin-bottom: 0px;

}
#home-content #mainTiles .grid4{
	transition: all .2s ease-in-out;
}
#home-content .purpleBlock a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #ffe800;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
}

#home-content .purpleBlock{
	height: 98.5%;
	width: 100%;
	display: table;
	background-color: #382140;
	padding: 20px;
	transition: all .2s ease-in-out;
}

#home-content .yellowBlock1 a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #382140;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
#home-content .yellowBlock1 {
	height: 98.5%;
	width: 100%;
	display: table;
	background-image: url(/universityCollege/larc/images/larcTutoring.jpg);
	background-size: cover;
	background-position: center;
	padding: 20px;
	box-shadow: inset 0em 0em 575px 20px rgb(255 232 0);
	-webkit-box-shadow:inset 0em 0em 500px 200px rgb(255 232 0 / 75%);
}
#home-content .yellowBlock2 a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #382140;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
#home-content .yellowBlock2{
	height: 98.5%;
	width: 100%;
	display: table;
	background-image: url(/universityCollege/larc/images/writingCenter.jpg);
	background-size: cover;
	background-position: center;
	padding: 20px;
	box-shadow: inset 0em 0em 575px 20px rgb(255 232 0);
	-webkit-box-shadow:inset 0em 0em 500px 200px rgb(255 232 0 / 75%);
}
#home-content .yellowBlock3 a{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #382140;
	font-size: 1.5em;
	line-height: 1.2em;
	font-weight: bold;
	text-decoration: none;
}
#home-content .yellowBlock3{
	height: 98.5%;
	width: 100%;
	display: table;
	background-image: url(/universityCollege/larc/images/larcEmployment.jpg);
	background-size: cover;
	background-position: center;
	padding: 20px;
	box-shadow: inset 0em 0em 575px 20px rgb(255 232 0);
	-webkit-box-shadow:inset 0em 0em 500px 200px rgb(255 232 0 / 75%);
}

#home-content #mainTiles .grid4 :hover{
	transform: scale(1.02);
	transition: all .2s ease-in-out;
}

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

	#home-content #mainTiles .row-responsive{
		display: block;
		margin-top: 0px;
		margin-bottom: 0px;

	}
}

.tutorHeader {
	padding: 2%;
	display: block;
	float: left;
	width: 100%;
}

.tutorHeader h2{
	text-align: left;
}
.tutorHeader p{
	text-align: right;
}

.tutorHeader .grid5, .tutorHeader .grid7{
	padding: 15px;
}
@media only screen and (max-width: 768px) {
	.tutorHeader h2{
		text-align: center;
	}
	.tutorHeader p{
		text-align: center;
	}
}

#larcStudents {
	float: left;
	width: 100%;
	display: block;
}

#larcStudents .availCourses {
	padding: 2% 8%;
}

#larcStudents .availCourses .grid6 {
    padding: 20px;
    margin-bottom: 50px;
}

#larcStudents .availCourses .grid6 .popOutBorder{
	float: right;
}

#home-content #larcRebrand .topBannerMessage {
    margin-left: -30px;
    width: 105%;
}
#home-content #larcRebrand .topBannerMessage h4{
	color: #ffe800;
}
#home-content #larcRebrand .topBannerMessage .btnGold{
	color: #382140 !important;
}
#home-content #larcRebrand .topBannerMessage .btnGold:hover{
	color: #ffe800 !important;
}