body {
	padding-top: 50px;
	color: #959595;
	}
	
h1, h2, h3, h4, h5, h6 {
	color: black;
	}
	
.feature {
    background-image: url(../images/Rhetoric_Banner.jpg);
    color: black;
    background-size: contain;
    background-repeat: no-repeat;
    height: 600px;
    width: 2388px;
	}
	
.article-intro {
    margin-bottom: 25px;
}

.footer-blurb {
    padding: 30px 0;
    background-color: #ACA39A;
    color: black;
}
    
.footer-blurb-item {
    padding: 30px;
    }
 
.small-print {
	background-color: #ACA39A;
	padding: 30px 0;
}

.feature,
.page-intro,
.article-intro,
.footer-blurb,
.small-print {
	text-align: center;
	}

.iu-trident {background-image: url(../images/trident-tab.jpg);}

.navbar {
	background-color: #990000;
	border: none;}

a {color: #990000;}
a:hover {text-decoration: none;}

.navbar-inverse .navbar-nav>li>a {
	color:#EDEBEB;}

.navbar-bottom {margin-bottom: 0px;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #990000;
    outline: 0;}

article:hover a .blended {color: #990000;}
article:hover a {text-decoration: none !important;}

.blendedlimestone {color:#EDEBEB;}
.blendedwhite {color: #ffffff;}

.bottom-padded	{margin-bottom: 20px;}

.spaced {line-height: 1.5; padding-bottom: 10px;}



.flip-container {
	perspective: 1000px;
	transform-style: preserve-3d;
}
	/*  UPDATED! flip the pane when hovered */
	.flip-container:hover .back {
		transform: rotateY(0deg);
	}
	.flip-container:hover .front {
	    transform: rotateY(180deg);
	}


.flip-container, .front, .back {
	width: 360px;
	height: 360px;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	transition: 1s;
	transform-style: preserve-3d;

	position: absolute;
	top: 0;
	left: 0;
}


/*  UPDATED! front pane, placed above back */
.front {
	z-index: 2;
	transform: rotateY(0deg);
}


/* back, initially hidden pane */
.back {
	transform: rotateY(-180deg);
}

.flip-container.hover .flipper, .flip-container.hover .flipper, .flip-container.flip .flipper {
	transform: rotateY(180deg);
}