/* Site CSS */

table {margin-top:20px;}

thead th {color: #fff;background: #ba0c2f;font-size: 1.1em;}

.callout-wrapper .well {background:##f9f9f9;}

h2 small {color:#63666a;}

#hero {
    background: #ccc url(../../assets/img/homepage/oeo-test-banner01.jpg) center center no-repeat;
    background-size: cover;
    height: 300px;
}

.moveDown {
 margin-top:60px;   
}

/* ABOUT OEO */
#aboutOEO {background: #ba0c2f;color:#fff;padding-bottom:30px; padding: 50px 0 50px 0;}

/* CAROUSEL STYLES */

#home #hero {
    background-image: none; height: auto;}

#home .carousel-caption {
    background-color: rgba(193, 0, 55, 0.85);
    border: 2px solid #fff;
    bottom: 100px;
    color: #ffffff;
    left: auto;
    max-width: 40%;
    padding: 20px;
    position: absolute;
    right: 100px;
    text-align: left;
    z-index: 10;
}
#home .item {
    max-height: 600px;
}
@media (min-width: 1600px) {
#home .item {
    max-height: 800px;
}
}
@media (max-width: 992px) {
#home .carousel-caption {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #c10037;
    border-color: -moz-use-text-color -moz-use-text-color #fff;
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 2px;
    bottom: 0;
    min-height: 200px;
    left: 0;
    max-width: 100%;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}

#homepage-carousel .carousel-control .fa {
    left: 25%;
    position: absolute;
    right: 25%;
    top: 30%;
}
}
@media (max-width: 768px) {
#home .carousel-caption {
    min-height: 200px;
}
#home .carousel-caption h1 {
    font-size: 26px;
}
}

#home .carousel-control {
    width: 100px;
    z-index: 99;
}

/* HOMEPAGE STYLE RESET START */

#home #main {padding:0; width:100%;}
#home #main > .container {
    width: 100%;
    padding: 0;
}

#home #c #primary, #home #c #secondary, #home #c #tertiary {padding:0 !important;}

#home #upper > .container {
    width: 100%;
    padding: 0;
}
#home #main > .container > .row {
    margin: 0;
}

/* END STYLE RESET */

#home #procedure {padding: 30px 0 50px 0;}

#home #protected-classes {background:#007a86;color:#fff; padding:50px;}

#home #ethicspoint {background:#FFFFFF;color:#000000;padding:50px;}


/* ORIGINAL CALLOUTS */

#home #callouts {padding:30px 0; background-color:#a7a8aa;}

.callout {
    padding: 15px 100px 15px 15px;
    position: relative;
}
@media (max-width: 992px) {
    .callout {
    margin-bottom:20px;
}
}

.callout h2 {
    margin-top: 0;
}

.callout a {
    color: #fff;
}

.callout .fa {
    opacity: .5;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.callout:hover {
   cursor: pointer;
}