/* Forestry Microsite Specific */

h2 {
    font-size: 30px;
    text-align: center;
    color: #c34500;
    line-height: 1.2em;
}

#home,
#intro,
#peavy-hall,
#student-success {
	padding-bottom: 10px !important;
}

/* Home */

#home {
  	background-size:cover;
	height: 100% !important;
	margin-top: 0;
	min-height: 500px;
  	margin-top: 15%;
}

#home .fullpage {
	height: 900px;
}

#home .scpoint {
    padding: 20px 50px;
}

#home #video-background {
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: fixed;
    top: 20%;
    /*transform: translateX(-50%) translateY(-12%);*/
    -webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-20%);
    /*width: 100% !important;*/
    z-index: -100;
}

#home #background-image img {
  	position: fixed;
  	top: 50%;
  	left: 50%;
  	min-width: 100%;
  	min-height: 100%;
  	width: auto;
  	height: auto;
  	z-index: -100;
  	-webkit-transform: translateX(-50%) translateY(-50%);
  	transform: translateX(-50%) translateY(-50%);
  	background-size: cover;
	background-color: black;
	background-repeat: no-repeat;
}

#home #background-gradient {
	background-color: rgba(255, 255, 255, .2);
	background-size:cover;
	position: fixed;
	z-index: -100;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

#home h1 {
	font-size:90px;
	color: #c34500 ;
	text-align: center;
}

#home h1 span {
    color: #c34500;
    display: block;
    font-size: 80px;
    line-height: 0.9em;
    text-align: center;
    font-weight: normal !important;
    width: 100%;
    margin-top: 7%;
}

#home p {
	color: black;
}


/* Intro */

#intro {
	background-color: white;
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

#intro .container-fluid {
	padding: 0;
}

#intro h1 {
    color: #c34500;
    display: block;
    font-size: 40px;
    font-weight: bold !important;
    line-height: 0.9em;
    margin-bottom: 10px !important;
}

#intro p {
	color: black;
	margin-bottom: 15px;
}

#intro a,
#intro a:visited {
    color: #c34500;
    text-decoration: none;
}

#intro a:hover {
    text-decoration: underline;
}



/* Actions */


#actions {
    background-color: #C34500;
    background:url(../img/leaves-layer.gif) 50% 0 no-repeat;
    padding-top:10px;
    padding-bottom:10px;
    height: 80px;
    text-align: center;
    /*border-bottom: 30px solid white;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 999;
}

#actions {
    padding-bottom: 0;
    position:fixed;
    top:100vh;
    transform:translateY(-100%);
    width:100%;    
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}

#actions a {
    padding: 0;
    display: block;
    border-radius: 3px;
}

#actions a:hover {
    background-color: white;
}

#actions a i {
    color:white;
    /*font-size: 40px;*/
    font-size: 20px;
    text-align: center;
}

#actions a:hover i {
    color: #C34500;
}

#actions a p {
    font-size: 18px;
    color:white;
    white-space: nowrap;
    line-height: 1em;
}

#actions a:hover p {
    color: #C34500;    
}

#actions a:hover {
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}


/* Mini-Actions */

#mini-actions {
    /*display:none;*/
    background-color: black;
    padding-top:10px;
    padding-bottom:0px;
    height: 40px;
    text-align: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
}


#mini-actions a {
    padding: 0;
    display: block;
    border-radius: 3px;
    display: inline-block;
    padding-left: 8px;
    padding-right: 8px;
}

#mini-actions a:hover {
    /*background-color: white;*/
}

#mini-actions a i {
    color: white;
    font-size: 15px;
    text-align: center;
}

#mini-actions a:hover i {
    color: #C34500;
}

#mini-actions a p {
    font-size: 14px;
    color: white;
    white-space: nowrap;
    line-height: 1em;
    display: inline-block;
}

#mini-actions a:hover p {
    color: #C34500;    
}

#mini-actions a:hover {
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}



/* Students */

#students {
	background-color: white;
}

.nopad {
	padding:0 !important;
	margin:0 !important;
}

#students .hoverspot {
	position: relative;
	display: block;
}

#students .hoverspot:hover {
    cursor: pointer; 
    cursor: hand;
}

#students #background-gradient-dark {
    background-color: rgba(0, 0, 0, 0.4);
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    display:none;
}

#students #background-gradient-dark {
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}

#students .hoverspot #background-gradient {
    background-color: rgba(255, 255, 255, 0.6);
    height: auto;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: auto;
    display:none;
}

#students .hoverspot #background-gradient {
    -webkit-animation: fadein .5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s; /* Firefox < 16 */
        -ms-animation: fadein .5s; /* Internet Explorer */
         -o-animation: fadein .5s; /* Opera < 12.1 */
            animation: fadein .5s;
}

#students .hiddenquote {
	position: absolute;
	top: 0;
	left: 0;
	display:none;
	z-index: 6;
}

#students .hiddenquote p {
    color: black;
    text-align: center;
    font-weight: bold;
}

#students .hiddenquote p.attribute {
    text-align: right;
    white-space: nowrap;
    font-size:16px;
}

#students #panel-a-quote-a {
    position: absolute;
    top: 5%;
    left: 5%;
}

#students #panel-a-quote-b {
    position: absolute;
    bottom: 5%;
    right: 5%;    
}

#students #panel-a-quote-a p,
#students #panel-a-quote-b p {
    font-family: 'Stratum2Web', sans-serif;
    color: white;
    font-size: 40px;
    font-weight: 400;
    text-transform: uppercase;
    text-shadow: 0px 0px 1px #255, -1px -1px #255, 1px 1px #255;
}

#students .hiddenquote.quotea {
	margin: 55% 10% 0;
	text-align: center;
}

#students #panel-b-quote-a {
    position: absolute;
    bottom: 5%;
    left: 5%;
    /*background-color: rgba(0,0,0,0.5);*/
    padding: 5px;
}

#students #panel-b-quote-a p {
    font-family: 'Stratum2Web', sans-serif;
    color: white;
    font-size: 18px;
    font-weight: 400;
    /*text-transform: uppercase;*/
    line-height: 1.2em;
    text-shadow: 0px 0px 1px #255, -1px -1px #255, 1px 1px #255;
}

#students #panel-b-quote-a p span {
    font-weight: bold;
    font-style: italic;
}

#students .hiddenquote.quoteb {
	margin: 12% 10% 0;
	text-align: center;
}

#students #panel-c-quote-a {
    position: absolute;
    bottom: 5%;
    left: 5%;    
}

#students #panel-c-quote-a p {
    font-family: 'Stratum2Web', sans-serif;
    color: white;
    font-size: 18px;
    font-weight: 400;
    /*text-transform: uppercase;*/
    line-height: 1.2em;
    text-shadow: 0px 0px 1px #255, -1px -1px #255, 1px 1px #255;
}

#students .hiddenquote.quotec {
	margin: 12% 10% 0;
	text-align: center;
}

#students #panel-a-quote-a {
    background-color: rgba(0,0,0,0.5);
    padding: 5px 20px;
}

#students #panel-a-quote-b {
    background-color: rgba(0,0,0,0.5);
    padding: 5px 20px;
}

#students #panel-b-quote-a {
    background-color: rgba(0,0,0,0.5);
    padding: 5px 20px;
}

#students #panel-c-quote-a {
    background-color: rgba(0,0,0,0.5);
    padding: 5px 20px;
}

#students img.panel-a-large {
    display: block;
}

#students img.panel-a-med {
    display: none;
}


/* Featured Quote */

#featuredquote {
	background-color: white;
    /*
	padding-top: 40px !important;
	padding-bottom: 40px !important;
    */
    padding-top: 60px !important;
    padding-bottom: 30px !important;
}

#featuredquote .container-fluid {
	padding: 0;
}

#featuredquote h1 {
    color: #c34500;
    display: block;
    font-size: 40px;
    font-weight: bold !important;
    line-height: 0.9em;
    margin-bottom: 10px !important;
}

#featuredquote p {
    font-family: 'Stratum2Web', sans-serif;
	color: black;
	margin-bottom: 15px;
	font-weight: 400;
}

#featuredquote p.attribute {
    text-align: right;
    white-space: nowrap;
    font-size:16px;
}


/* Research */

#research {
    background-color: black;
    color: white;
    padding: 30px 20px;
    background:url(../img/clouds-layer.gif) 50% 0 no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#research p {
    /*font-size: 25px;
    line-height: 1.2em;*/
}

#research p span {
    font-family: 'Stratum2Web', sans-serif;
    font-size: 45px;
    font-weight: 700;
    /* bold */
}

#research img {
    max-width: 200px;
}

/* Visit */

#visit {
    background-color: white;
    color: black;
    padding:0;
}

#visit .boilerplate {
    padding: 40px;
    margin-top:10%;
}

#visit h1 {
    color: #c34500;
    font: 400 35px/1.6 'Open Sans',sans-serif;
    text-transform: none !important;
    font-weight: bold;
    text-align: center;
}

#visit a,
#visit a:visited,
#visit a:active {
    color: #c34500;
}

#visit a:hover {
    color: #c34500;
    text-decoration:underline;
}

#visit p {
    color:black;
    margin-top:10px;
    margin-bottom:10px;
}

#visit .other-campuses p {
    font-size: 14px;
    text-align:right;
    margin-top: 20px;
    margin-bottom: 4px;
}

#visit ul li {
    font-size: 14px;
    text-align: right;
    list-style: none;
    list-style-position: inside;
}

/* New Peavy Hall */

#peavy-hall {
	background-color: black;
    background:url(../img/osc-2-bright-v2.jpg) 50% 0 no-repeat;
    background-size:cover;
}

#peavy-hall .container {
	color:#000;
	top:10%;
	width:100%;
	text-align:center;
	line-height:1.1;
}

#peavy-hall .peavy-block-wrapper {
	padding: 20px;
	background-color: rgba(255, 255, 255, .6);
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

#peavy-hall h1 {
	font-size: 60px;
	color:#c34500;
	text-align: center;
	margin-top:30px;
    font-weight: normal !important
}

#peavy-hall h1 span {
    color: #c34500;
    display: block;
    font-size: 50px;
    line-height: 0.9em;
    padding-top: 6px !important;
    text-align: center;
}

#peavy-hall p {
    color:black;
	margin:20px 0 0 0;
}

#peavy-hall .boilerplate {
    margin-bottom: 1.5em;
}

#peavy-hall a,
#peavy-hall a:visited {
    color: #c34500;
    text-decoration: none;
}

#peavy-hall a:hover {
    text-decoration: underline;
}


/* Vertical Centering */

.row-same-height {
  display: table;
  width: 100%;
}
.row-same-height.img-responsive {
  width: 100% !important;
  max-width: 100% !important;
}
.col-md-height {
    display: table-cell;
    float: none !important;
}

.col-xs-height {
    display: table-cell;
    float: none !important;
}

.col-middle {
  vertical-align: middle;
}




/** Buttons **/

a.osu-button {
  	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #c34500 0%, #983600 100%) repeat scroll 0 0;
  	border-radius: 5px;
  	color: white;
  	margin:10px auto;
  	padding: 10px 15px;
  	position: relative;
  	z-index: 0;
	text-decoration: none;
	font-size: 16px;
	text-transform: uppercase;
	display: block;
	width: 200px;
}

a.osu-button:hover {
   	background: #983600 none repeat scroll 0 0;
    color: white;
}

a.image-button {
    /*background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #c34500 0%, #983600 100%) repeat scroll 0 0;*/
    border-radius: 5px;
    color: #c34500;
    margin: 25px 10px;
    padding: 10px 15px;
    position: relative;
    z-index: 0;
	text-decoration: none;
	font-size: 25px;
	text-transform: uppercase;
	display: block;
}

a.image-button:hover {
    /*background: #983600 none repeat scroll 0 0;*/
    color: #c34500;
}


/* Hover Animations */

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}