/**
 * Author: Tyler Weisman
 * Bridgewater College
 * Footer CSS File
 */
/** Mobile CSS First **/
footer {
    width: 100%;
    background-color: #9d0020 !important;
    background: -moz-linear-gradient(left, rgba(153,0,34,.6) 0, rgba(153,0,34,0) 50%, rgba(153,0,34,.6) 100%), url(../img/RedPattern.png);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(153,0,34,.6)), color-stop(50%, rgba(153,0,34,0)), color-stop(100%, rgba(153,0,34,.6))), url(../img/RedPattern.png);
    background: -webkit-linear-gradient(left, rgba(153,0,34,.6) 0, rgba(153,0,34,0) 50%, rgba(153,0,34,.6) 100%), url(../img/RedPattern.png);
    background: -o-linear-gradient(left, rgba(153,0,34,.6) 0, rgba(153,0,34,0) 50%, rgba(153,0,34,.6) 100%), url(../img/RedPattern.png);
    background: -ms-linear-gradient(left, rgba(153,0,34,.6) 0, rgba(153,0,34,0) 50%, rgba(153,0,34,.6) 100%), url(../img/RedPattern.png);
    background: linear-gradient(to right, rgba(153,0,34,.6) 0, rgba(153,0,34,0) 50%, rgba(153,0,34,.6) 100%), url(../img/RedPattern.png);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#990022', endColorstr='#990022', GradientType=1), url(../img/RedPattern.png);
    font-size: .8em;
    color: #fff;
    font-weight: lighter;
    text-align: center;
    padding-top: 23px;
    position: relative;
    margin-top: 23px;
}
footer .footer-nav {
    margin: 10px 0 0;
    padding: 0;
}
footer .foot-nav li {
    display: inline-block;
    margin-left: 10px;
}
footer .foot-nav li a {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}
footer .foot-nav li a:hover {
    text-decoration: underline;
}
/*Footer Social */
#social-link a {
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
}
footer .social {
	margin: 10px 0 0;
	padding: 0
}
footer .social li {
	display: inline-block;
	margin-left: 10px
}
footer .social li:first-child {
	margin-left: 0
}
footer .social li a {
	display: block;
	color: #ffffff;
	width: 40px;
	height: 40px;
	background: url(/wp-content/uploads/2018/07/social_sprite.png) no-repeat 1px 0;
	background-size: 12.4em 3.1em;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-ms-transition: all .6s;
	-o-transition: all .6s;
	transition: all .6s
}
footer .social li a.twitter {
	background-position: -39px 0
}
footer .social li a.instagram {
	background-position: -79px 0
}
footer .social li a.youtube {
	background-position: -119px 0
}
.lt-ie9 footer .social li a {
	background: url(/wp-content/uploads/2018/07/social_sprite.png) no-repeat;
	width: 48px;
	height: 47px
}
.lt-ie9 footer .social li a.twitter {
	background-position: -48px 0
}
.lt-ie9 footer .social li a.instagram {
	background-position: -96px 0
}
.lt-ie9 footer .social li a.youtube {
	background-position: -144px 0
}
footer .social li a:hover {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}
/** Tablet + Traditional Screen Layout: **/
@media (min-width: 768px) {
    footer {
        padding-top: 15px;
    }

    footer .copyright {
        margin-top: 25px;
    }

	footer .social {
		position: absolute;
		right: 20px;
		top: 35px;
		margin-top: 0
	}
	footer .foot-nav {
		/* position: absolute; */
		position: inherit;
		margin-top: 0;
	}
}
/** Full/Wide Screen Layout **/
@media (min-width:1200px) {
    footer {
        text-align: left;
    }
	footer .foot-nav {
		position: absolute;
		top: 0;
		right: 20px;
		margin-top: 0;
	}
}