body {
    margin: 0;
    font-family: 'Raleway',sans-serif;
    background-color: #f2f2f2;
    font-size:16px;
    
}

@media screen and (min-width: 1200px){
    body {
        /* Margin bottom by footer height */
        margin-bottom: 418px;
    }
}
html {
  position: relative;
  min-height: 100%;
}
p {
    font-size: 1.143em;
    line-height: 1.8em;
}

.h1-bottom-margin {
    margin-bottom: 30px;
}

hr {
    height: 1px;
    background-color: #555;
}

a {
    color:#a50000;
}

a:focus {
    outline: 5px auto -webkit-focus-ring-color;
}

.sreenreader-visible-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


/* SKIP TO MAIN NAV */
.skip {
    padding: .25em;
    position: fixed;
    top: -30em;
    background-color: #FFF;
    display: block;
}
    
a.skip:active, 
a.skip:focus, 
a.skip:hover {
    position: relative;
    top: 0; 
}



/* TO MAKE A 5 COLUMN LAYOUT */
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
/* end TO MAKE A 5 COLUMN LAYOUT */

/* TEXT COLORS */
.text-white {
    color: #fff;
}
.text-bWhite {
    color: #f2f2f2;
}
.text-charcoal {
    color: #232323;
}
.text-blue {
    color: #0f1c2f;
}
.text-bRed {
    color: #a50000;
}
.text-dark-red {
    color: #700000;
}
.text-darkest-red {
    color: #570000;
}
.text-purple {
    color: #2b193d;
}
.text-teal {
    color: #143e51;
}

/* ROW COLORS / SECTION COLOR RULES */
.row-color-bRed {
    background-color: #a50000;
    opacity: .99;
}

.row-color-bWhite {
    background-color: #f2f2f2;
}

.row-color-black-transparent {
    background: rgba(0,0,0,0.7);
}

.row-color-blue {
    background-color: #0f1c2f;
}

.row-color-charcoal {
    background-color: #232323;
}

.row-color-purple {
    background-color: #2B193D;
}

.row-color-dark-red {
    background-color: #700000;
}

.row-color-darkest-red {
    background-color: #570000;
}

.row-color-teal {
    background-color: #143e51;
}


/* LINKS ON DIFFERENT ROW COLOR RULES */
.row-color-bRed a,
.row-color-blue a,
.row-color-charcoal a,
.row-color-purple a,
.row-color-red a,
.row-color-dark-red a,
.row-color-darkest-red a,
.row-color-teal a {
    color: #fff;
}

.row-color-bRed a:hover,
.row-color-blue a:hover,
.row-color-charcoal a:hover,
.row-color-purple a:hover,
.row-color-red a:hover,
.row-color-dark-red a:hover,
.row-color-darkest-red a:hover,
.row-color-teal a:hover,
.row-color-bRed a:focus,
.row-color-blue a:focus,
.row-color-charcoal a:focus,
.row-color-purple a:focus,
.row-color-red a:focus,
.row-color-dark-red a:focus,
.row-color-darkest-red a:focus,
.row-color-teal a:focus{
    color: #fff;
}


.row-color-bRed .btn-secondary-outline,
.row-color-blue .btn-secondary-outline,
.row-color-charcoal .btn-secondary-outline,
.row-color-purple .btn-secondary-outline,
.row-color-red .btn-secondary-outline,
.row-color-dark-red .btn-secondary-outline,
.row-color-teal .btn-secondary-outline {
    background-color: rgba(0,0,0,0);
    color:#fff;
}


.row-color-bWhite .btn-secondary-outline {
    color: white;
    background-color: #a50000;
    border-color: #700000;
}

.row-color-bWhite .btn-secondary-outline:hover,
.row-color-bWhite .btn-secondary-outline:focus {
    background-color: #f2f2f2;
    border-color: #700000;
    color: #a50000;
}



/* ROW PADDING / SECTION PADDING RULES */
.row-padding-sm {
    padding: 10px 0 0;
}

.row-padding-md {
    padding: 20px 0;
}

.row-padding-lrg {
    padding: 50px 0 75px;
}

.row-padding-lrg-noH1 {
    padding: 75px 0;
}

.row-padding-actionItems {
    padding: 10px 0 18px;
}

.squares-row-padding-sm {
    padding: 30px 0 0;
}

.row-padding-footer {
    padding: 50px 0;
}
.row-padding-breadcrumbs {
    padding-top:12px;
}
.row-padding-below-breadcrumbs {
    padding: 10px 0 75px 0;
}

/* FORM RULES */
.form-control {
    border-radius: 0;
}

/* BUTTON RULES */
button {
    border: 0;
}

.btn {
    text-transform: uppercase;
    border-radius: 0;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 10px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}

.btn-secondary-outline {
    color: inherit;
    background-color: rgb(50,50,50);
    background-color: rgba(0,0,0,.65);
    background-image: none;
    border-color: inherit;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #f2f2f2;
    background-color: #a50000;
    text-decoration: none;
    border: 1px solid #f2f2f2;
}

.btn-bRed {
    background: #a50000;
    color: #fff;
}

.btn-wrap-text {
    white-space: normal;
}

@media (max-width: 1199px) {
    .btn-vert-block + .btn-vert-block {
        margin-top: 10px;    
    }    
}
.input-group-btn>.btn {
    background-color:#C0C0C0;
}

/* YOUTUBE VIDEOS RESPONSIVE */
.videoWrapper {
    position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* HERO IMAGES GRADIENTS */
/* hero image background fullscreen */
.hero-bg-wrapper-98vh {
    background-size: cover;
    position: relative;
    height: 30vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.hero-bg-gradient-98vh {
    width: 100%;
    height: 30vh;
    position: absolute;
    bottom: 0;
    top: 0;
    overflow: hidden;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .hero-bg-wrapper-98vh,
    .hero-bg-gradient-98vh {
        height: 55vh;
    }
}
@media screen and (min-width:768px) {
    .hero-bg-wrapper-98vh {
        height: 98vh;
    }
    .hero-bg-gradient-98vh {
		height: 98vh;
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
        background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
        background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
        background-image: -o-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
        background-image: linear-gradient(to bottom, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	}
}

.hero-bg-gradient-right-horizontal-98vh,
.hero-bg-gradient-left-horizontal-98vh {
    width: 100%;
    height: 98vh;
    position: absolute;
    bottom: 0;
    top: 0;
    overflow: hidden;
    background: rgba(0,0,0,0.6);
}
@media screen and (min-width:992px) { 
	.hero-bg-gradient-right-horizontal-98vh {
		height: 98vh;
		background: rgba(0,0,0,0.6);
		background: -moz-linear-gradient(right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 60%, rgba(237,237,237,0) 100%);
		background: -webkit-gradient(right top, left top, color-stop(0%, rgba(0,0,0,0.6)), color-stop(40%, rgba(0,0,0,0.6)), color-stop(60%, rgba(0,0,0,0)), color-stop(100%, rgba(237,237,237,0)));
		background: -webkit-linear-gradient(right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 60%, rgba(237,237,237,0) 100%);
		background: -o-linear-gradient(right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 60%, rgba(237,237,237,0) 100%);
		background: -ms-linear-gradient(right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 60%, rgba(237,237,237,0) 100%);
		background: linear-gradient(to left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 60%, rgba(237,237,237,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ededed', GradientType=1 );
	}
	.hero-bg-gradient-left-horizontal-98vh {
		height: 98vh;
		background: rgba(0,0,0,0.6);
		background: -moz-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 60%, rgba(237,237,237,0) 100%);
		background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0.6)), color-stop(40%, rgba(0,0,0,0.6)), color-stop(60%, rgba(0,0,0,0)), color-stop(100%, rgba(237,237,237,0)));
		background: -webkit-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 60%, rgba(237,237,237,0) 100%);
		background: -o-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 60%, rgba(237,237,237,0) 100%);
		background: -ms-linear-gradient(left, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 60%, rgba(237,237,237,0) 100%);
		background: linear-gradient(to right, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0) 60%, rgba(237,237,237,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ededed', GradientType=1 );
	}   
}
/* END hero image background fullscreen */

/* hero image background 60% */
.hero-bg-wrapper-60vh {
    background-size: cover;
    position: relative;
    height: 75vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.hero-bg-gradient-60vh {
    width: 100%;
    height: 75vh;
    position: absolute;
    bottom: 0;
    top: 0;
    overflow: hidden;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
@media only screen and (max-device-width: 767px) and (orientation: portrait) {
    .hero-bg-wrapper-60vh,
    .hero-bg-gradient-60vh {
        height: 55vh;
    }
}
/* END hero image background 60% */

/* hero image background 45% */
.hero-bg-wrapper-45vh {
    background-size: cover;
    position: relative;
    height: 45vh;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.hero-bg-gradient-45vh {
    width: 100%;
    height: 45vh;
    position: absolute;
    bottom: 0;
    top: 0;
    overflow: hidden;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
/* END hero image background 45% */

/* For all sizes of hero bgs */
.hero-bg {
    background-color: #003366;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -22;
}


/* hero gradient under page titles that pop out */
.hero-bg-gradient {
    width: 100%;
    height: 98vh;
    position: absolute;
    bottom: 0;
    top: 0;
    overflow: hidden;
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    background-image: -o-linear-gradient(top, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    background-image: linear-gradient(to bottom, rgba(255,255,255,0) 65%, rgba(255,255,255,0.7) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}


/* MAIN NAVIGATION, INCLUDING STICKY */
header h1,header h2,header h3,header h4,header h5,header h6 {
    margin-top: 0;
    margin-bottom: 12px;
}

i.glyphicon.glyphicon-blackboard {
    padding-bottom: 3px;
}

/* HEADER-TOP: this is the Bradley red bar with the action items + audience selector, quicklinks & search */
.header-top {
    z-index: 1000;
    position: relative;
}
header .header-primary {
    background: #a50000;
}
.header-top .navbar {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    font-size: 13px;
}

.header-top .nav-apply i,
.header-top .nav-visit i {
    vertical-align: text-top;
}

.header-top .nav-give i {
    font-size: 16px;
}


/* REMOVE AFTER CONTAINERS ARE MADE */
.header-top .icon {
    height: 1em;
    width: 1.5em;
}
/* REMOVE AFTER CONTAINERS ARE MADE */


.header-top.header-primary .navbar-nav > li > a {
    color: #fff;
    padding-right: 10px;
    padding-left: 10px;
}
.header-top.header-primary .navbar-nav>li>a:hover,
.header-top.header-primary .navbar-nav>li>a:focus,
.header-top.header-primary .navbar-nav>li>a:active {
    background-color: #6d0019;
}
.header-primary .top-tools-container,
.header-primary .top-search-container,
.header-primary .top-audience-container,
.stickyNav .sticky-tools-container,
.stickyNav .sticky-search-container,
.stickyNav .sticky-audience-container {
    background-color: #f2f2f2;
    border-bottom: 2px solid #232323;
}
.header-primary .top-tools-container a,
.header-primary .top-search-container a,
.header-primary .top-audience-container a,
.stickyNav .sticky-tools-container a,
.stickyNav .sticky-search-container a,
.stickyNav .sticky-audience-container a {
    color: #232323;
}
.header-primary .top-tools-container a:hover,
.header-primary .top-search-container a:hover,
.header-primary .top-audience-container a:hover,
.stickyNav .sticky-tools-container a:hover,
.stickyNav .sticky-search-container a:hover,
.stickyNav .sticky-audience-container a:hover {
    color: #a50000;
}

/* top audience container pop up menu */
.top-audience-container {
    position: relative;
    left: 0;
    width: 100%;
    height: 66px;
    max-height: 66px;
    z-index: 1100;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: none;
    transform: translateZ(0);
    font-size: 13px;
}
.top-audience-container ul > li > a {
    padding: 12px 0;
}
.top-audience-container i {
    display: block;
    font-size: 22px;
    line-height: 25px;
    margin: 0 auto;
}

/* top search container pop down menu */
.top-search-container {
    width: 100%;
    height: 66px;
    z-index: 1100;
    padding: 19px 0;
    font-size: 14px;
    display: none;
}
.top-search-container label {
    color: #ddd;
    font-weight: 400;
}
.top-search-container form {
    margin-top: -4px;
    margin-bottom: 0;
}
.top-search-container .form-control::-moz-placeholder {
    font-weight: 400;
}
.top-search-container .form-control:-ms-input-placeholder {
    font-weight: 400;
}
.top-search-container .form-control::-webkit-input-placeholder {
    font-weight: 400;
}
.top-search-container ul > li > a:hover {
    text-decoration: none;
}
.top-search-container i {
    font-size: 22px;
    line-height: 25px;
    margin: 0 auto;
}

/* top tools container pop down menu */
.top-tools-container {
    position: relative;
    left: 0;
    width: 100%;
    height: 66px;
    max-height: 66px;
    z-index: 1100;
    margin: 0;
    padding: 0;
    overflow: hidden;
    display: none;
    transform: translateZ(0);
    font-size: 13px;
}
.top-tools-container ul > li > a {
    padding: 12px 0;
}
.top-tools-container i {
    display: block;
    font-size: 22px;
    line-height: 25px;
    margin: 0 auto;
}
/* end HEADER-TOP: this is the Bradley red bar with the action items + audience selector, quicklinks & search */

/* HEADER-MAIN: this is the black transparent bar with the main university links */
@media screen and (min-width:992px){
    .header-main {
        z-index: 950;
        position: relative;
    }
}
.header-main.navbar {
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 1em;
}
.header-main .navbar-container {
    width: 100%;
    clear: both;
}
header .header-transparent {
    background-image: url(../../assets/img/opacity-dark-60.png);
    background: rgba(0,0,0,0.6);
}
.main-logo {
    width: 400px;
    margin-top: -4px;
}
#ie8 .header-main .navbar-nav>li>a {
    padding: 40px 10px;
}
.header-main.header-transparent .navbar-nav > li > a {
    color: #fff;
    padding: 25px 20px;
}
.header-main.header-transparent .navbar-nav > li > a:focus,
.header-main.header-transparent .navbar-nav > li > a:hover,
.header-main.header-transparent .navbar-nav > li > a:active {
    background: rgba(255,255,255,0.95);
    color: #a50000;
    border-color: transparent;
}
/* end HEADER-MAIN: this is the black transparent bar with the main university links */



/* STICKY NAV: this is the nav bar that sticks to the top once scrolling past 50px */
.stickyNav {
    background: #a50000;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    display: none;
}
.stickyNav a {
    color: #fff;
}
.stickyNavLinks {
    font-size: 1.1em;
    padding-top: .25em;
}
.stickyNavLinks li {
    padding-left: 20px;
}
.stickyNav .row-color-bRed {
    height: 50px;
}
.stickyNav .icon-only {
    margin-top: 5px;
}

/* sticky nav - logo rules */
.bradley-logo-link {
    position: relative;
    display: inline-block;
    max-width: 170px;
}
@media (min-width: 48em) {
    .bradley-logo-link:before {
        top: 2px;
    }
}
.bradley-logo-link:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    z-index: 111;
    top: 5px;
}
img.bradley-logo {
    position: absolute;
    z-index: 112;
}
.bradley-logo-link img {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}
img.bradley-logo,img.bradley-logo-sm {
    display: inline-block;
    vertical-align: middle;
    height: 2.8em;
    top:-15px;
}
.bradley-logo-link:after {
    content: "";
    display: block;
    height: 33px;
    width: 100px;
    background-color: #a50000;
    -webkit-transform: rotate(-26deg) skew(38deg);
    -ms-transform: rotate(-26deg) skew(38deg);
    transform: rotate(-26deg) skew(38deg);
    position: absolute;
    top: -10px;
    left: -5px;
    
    border-radius: 3px;
}

/* sticky audience container pop down menu */
.sticky-audience-container {
    width: 100%;
    height: 66px;
    z-index: 1100;
    overflow: hidden;
    font-size: 13px;
    display: none;
}
.sticky-audience-container ul > li > a {
    padding: 12px 0;
}
.sticky-audience-container i {
    display: block;
    font-size: 22px;
    line-height: 25px;
    margin: 0 auto;
}

/* sticky search container pop down menu */
.sticky-search-container {
    width: 100%;
    height: 66px;
    z-index: 1100;
    padding: 15px 0;
    font-size: 14px;
    display: none;
}
.sticky-search-container form {
    margin-top: -1px;
    margin-bottom: 0;
}
.sticky-search-container label {
    color: #ddd;
    font-weight: 400;
}
.sticky-search-container .form-control::-moz-placeholder {
    font-weight: 400;
}
.sticky-search-container .form-control:-ms-input-placeholder {
    font-weight: 400;
}
.sticky-search-container .form-control::-webkit-input-placeholder {
    font-weight: 400;
}
.sticky-search-container ul > li > a:hover {
    text-decoration: none;
}
.sticky-search-container i {
    font-size: 22px;
    line-height: 25px;
    margin: 0 auto;
}

/* sticky tools container pop down menu */
.sticky-tools-container {
    width: 100%;
    height: 66px;
    z-index: 1100;
    overflow: hidden;
    font-size: 13px;
    display: none;
}
.sticky-tools-container ul > li > a {
    padding: 12px 0;
}
.sticky-tools-container i {
    display: block;
    font-size: 22px;
    line-height: 25px;
    margin: 0 auto;
}
/* end STICKY NAV: this is the nav bar that sticks to the top once scrolling past 50px */

/* main menu componets to make work in table landscape sizes */
@media screen and (max-width: 1200px){
    .sticky-search-container .col-md-8, .top-search-container .col-md-8 {
        display:none;
    }
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .main-logo {
        width: 210px;
        margin-top: 7px;
    }
    .header-main .navbar-nav {
        font-size: .85em;
    }
}


/* MOBILE NAV */
.hamburger {
    background: transparent;
    border: none;
    display: block;
    height: 35px;
    width: 30px;
    line-height: 0;
    margin-bottom: 0;
}

.hamburger:hover { outline: none; }

.hamburger:focus { outline: none; }

.hamburger:active { outline: none; }

.hamburger.is-closed:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}
.hamburger.is-closed:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
}

/*.hamburger.is-closed:hover .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  top: 0;
}

.hamburger.is-closed:hover .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  bottom: 0;
}*/

.hamburger.is-closed .hamb-top {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: rgba(255, 255, 255, 0.7);
  top: 5px;
}

.hamburger.is-closed .hamb-middle {
  background-color: rgba(255, 255, 255, 0.7);
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-closed .hamb-bottom {
  -webkit-transition: all 0.35s ease-in-out;
  background-color: rgba(255, 255, 255, 0.7);
  bottom: 5px;
}

.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}

.hamburger.is-open {
    margin-right: 0;
}

.hamburger.is-open .hamb-top {
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #ffffff;
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-open .hamb-middle {
  background-color: #ffffff;
  display: none;
}

.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08);
  background-color: #ffffff;
  margin-top: -2px;
  top: 50%;
}

.hamburger.is-open:before {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  color: #ffffff;
  content: '';
  display: block;
  font-size: 14px;
  line-height: 32px;
  opacity: 0;
  text-align: center;
  width: 100px;
}

.hamburger.is-open:hover before {
  -webkit-transform: translate3d(-100px, 0, 0);
  -webkit-transition: all 0.35s ease-in-out;
  display: block;
  opacity: 1;
}

@media screen and (max-width: 991px) {
    .stickyNav {
        display: none !important;
    }
    .main-logo {
        display: none;
    }
    img.bradley-logo,img.bradley-logo-sm {
        height: 2.5em;
        top:15px;
    }
    .bradley-logo-link:after {
        content: "";
        top: 17px;
        left: 10px;
        z-index: 110;
    }
    .mobile-nav-logo img.bradley-logo {
        top: 0;
        padding: 7px 0 0 20px;
    }
    header .header-transparent {
        background: #a50000 !important;
    
    }
    
    /*.container {
        width: auto;
    }*/
    
    .navbar-fixed-top {
        width:100%;
    }
    .navbar-fixed-top .navbar-collapse {
        max-height:none;
    }
    .navbar-nav {
        margin:0;
    }
    
    #no-image #main-content {
        position: relative;
        right: 0;
    }
    #slide-nav .container {
        padding: 0!important;
    }
    #slide-nav .navbar-header {
        margin: 0 auto;
        padding: 0 15px;
        float: none;
    }
    
    .cbp-spmenu {
        background: #2f2f2f;
        position: fixed;
        padding:0;
        margin:0 !important;
        overflow-x:hidden;
        overflow-y:visible;
        display:block;
        visibility:visible !important;
    }
    .navbar-fixed-top .cbp-spmenu {
        bottom:0;
    }
  
    #slide-nav .navbar-collapse.collapse {
        overflow: auto !important;
    }
    
    /* Orientation-dependent styles for the content of the menu */
  .cbp-spmenu-vertical {
    width: 260px;
    height: 100%;
    top: 0;
    z-index: 1000;
  }
  
  /* Vertical menu that slides from the right */
  .cbp-spmenu-right {
    right: -260px;
  }
  .cbp-spmenu-right.cbp-spmenu-open,
  .cbp-spmenu-push-toleft .navbar-fixed-top .cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
  }
  
  /* Push classes applied to the body */
  .cbp-spmenu-push {
    overflow-x: hidden;
    position: relative;
    left: 0;
  }
  .cbp-spmenu-push-toleft,
  .cbp-spmenu-push-toleft .navbar-fixed-top {
    left: -260px;
  }
  /* Transitions */
  .cbp-spmenu,
  .cbp-spmenu-push,
  .navbar {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }

    #slide-nav form {
        padding: 30px 15px;
        margin: 0;
    }
    #slide-nav .navbar-nav>li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #424242;
    }
    #slide-nav .navbar-nav>li:first-child {
        border-top: none;
        background: #f7f7f7;
        float: left;
    }
    #slide-nav .navbar-nav>li:last-child {
        border-bottom: none;
    }
    
    #slide-nav .navbar-nav>li>a {
        color: #fff;
        font-size: 18px;
        font-weight: 400;
        text-transform: uppercase;
        padding: 15px 20px;
        margin: 0;
    }
    #slide-nav .navbar-nav>li>a:hover,
    #slide-nav .navbar-nav>li>a:active,
    #slide-nav .navbar-nav>li>a:focus,
    #slide-nav .dropdown-menu a:hover,
    #slide-nav .dropdown-menu a:active,
    #slide-nav .dropdown-menu a:focus,
    #slide-nav .nav>.open>a,
    #slide-nav .nav>.open>a:focus,
    #slide-nav .nav>.open>a:hover,
    #slide-nav .nav>.open>a:active{
        background: #a50000;
        color: #fff;
        border-color: transparent;
    }
    
    /* dropdown menus within the side menu */
    #slide-nav .navbar-nav .open .dropdown-menu {
        padding: 0;
        border-radius: 0;
    }
    #slide-nav #slidemenu .navbar-nav .dropdown-menu li a {
        padding: 10px 10px 10px 30px;
        text-transform: none;
        width: 100%;
    }
    
    /* quicklinks icon & links below */
    .mobile-quicklinks-icon {
        float: right;
    }
    #slide-nav .navbar-nav>li:first-child a {
        color: #a50000;
    }
    #slide-nav .navbar-nav>li:first-child a:hover, 
    #slide-nav .navbar-nav>li:first-child a:active, 
    #slide-nav .navbar-nav>li:first-child a:focus {
        color: #fff;
    }
    
    /* Info For Area */
    #slide-nav .nav-info-for {
        background: #f8f8f8;
    }
    #slide-nav .icon {
        height: 1.5em;
        width: 1.5em;
        vertical-align: -5px;
        margin-right: 5px;
        fill: currentColor;
    }
    #slide-nav .dropdown-menu a {
        color: #a50000;
        font-size: 15px;
        line-height: 21px;
    }
    /* END - dropdown menus within the side menu */
    
    #slide-nav .nav-mobile-action-items li:first-child {
        padding-top: 40px;
    }
    #slide-nav .nav-mobile-action-items li {
        padding: 7px 20px;
    }
    #slide-nav .nav-mobile-action-items li:last-child {
        padding-bottom: 40px;
    }
    #slide-nav .nav-mobile-action-items>li>a:hover {
        color: #a50000;
    }

    /* this is behind the navigation but the navigation is not inside it so that the navigation is accessible and scrolls*/
    #slide-nav #navbar-height-col {
        position: fixed;
        top: 0;
        height: 100vh;
        width: 75%;
        right: -75%;
        background: #2f2f2f;
    }
    #slide-nav.header-main #navbar-height-col {
        background: #2f2f2f;
        z-index: 1;
    }
}

.navbar .nav li.dropdown.open>.dropdown-toggle .caret {
    border-top-color: transparent;
    border-bottom: 4px solid #fff;
    position: relative;
    top: -3px;
}


/* SUB NAVIGATION (think departmental pages) */
@media screen and (max-width: 991px) {
    .row-color-bWhite.row-padding-below-breadcrumbs {
        margin-top: 50px;
    }
    .secondary-nav {
        margin-top: 50px;
    }
}

.secondary-nav {
    border-radius: 0;
    margin-bottom: 0;
    background-color: #fff;
}
.secondary-nav .navbar {
    margin-bottom: 0;
}
.secondary-nav .navbar .nav li.dropdown.open>.dropdown-toggle .caret {
    border-top-color: transparent;
    border-bottom: 4px solid #777;
    position: relative;
    top: -3px;
}
    
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    background-color: #eee;
}
    
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:focus {
    outline: 5px auto -webkit-focus-ring-color;
}

@media (max-width: 1199px) {
    .secondary-nav .navbar-header {
        float: none;
    }
    .secondary-nav .navbar-left,.secondary-nav .navbar-right {
        float: none !important;
    }
    .secondary-nav .navbar-toggle {
        display: block;
        border: none; /* DOUBLE CHECK IF WE WANT ON OR OFF */
    }
    
    .secondary-nav-title {
        display: inline !important;
    }
    .secondary-nav .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    /*.secondary-nav .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
    }*/
    .secondary-nav .navbar-collapse.collapse {
        display: none!important;
    }
    
    /*.secondary-nav .navbar-nav {
    float: none!important;
    margin-top: 7.5px;
    }*/

    .secondary-nav .navbar-nav>li {
        float: none;
    }
    .secondary-nav .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .secondary-nav .collapse.in{
      display:block !important;
  }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .secondary-nav .navbar-nav {
        float: none;
        margin: 0;
    }
}


@media (max-width: 1199px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
    color: #777;
    }
    .navbar-nav .open .dropdown-menu>li>a {
    line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a {
    padding: 5px 15px 5px 25px;
    }
}


/* FOOTER */
@media screen and (min-width: 1200px){
    .footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        /* Set the fixed height of the footer here */
        height: 418px;
        background-color: #f5f5f5;
        font-size: 14px;
    }
}

footer h5 {
    color: #909090;
}

footer p {
    font-size: .929em;
}

footer a,footer p,.contact-table {
    color: #8c8a89 !important;
}

footer a {
    text-decoration: underline;
}

footer a:hover, footer a:focus, footer a:active {
    color: #f2f2f2 !important;
}



footer .social-media {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,0f0f0f+4,222222+25,222222+75,0f0f0f+96,000000+100 */
    background: #000;
/* Old browsers */
    background: -moz-linear-gradient(top,#000 0%,#0f0f0f 4%,#222 25%,#222 75%,#0f0f0f 96%,#000 100%);
/* FF3.6-15 */
    background: -webkit-linear-gradient(top,#000 0%,#0f0f0f 4%,#222 25%,#222 75%,#0f0f0f 96%,#000 100%);
/* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,#000 0%,#0f0f0f 4%,#222 25%,#222 75%,#0f0f0f 96%,#000 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#000000',GradientType=0);
/* IE6-9 */
    padding: 10px 0 0;
}

.footer-bttns a {
    text-decoration:none;
}
    
.footer-bttns i {
    padding-right:5px;
    vertical-align: sub;
}
		
ul.footer-bttns li:last-child i {
	vertical-align: bottom;
	font-size: 2.5em;
}
ul.footer-bttns li {
    padding-right: 15px;
}

footer ul {
    line-height: 2em;
}

footer li {
    display: block;
}

footer .list-unstyled li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content:"\e258";
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    margin-top: 4px;
    margin-right: 5px;
    color: #8c8a89;
}

footer .contact-table {
    margin-top: -9px;
    padding-left: 0;
    padding-right: 0;
}

.contact-table .row-padding-sm {
    border-bottom: 1px solid #383837;
}

.contact-table .row-padding-sm:last-child {
    border-bottom: none;
}

footer .row-padding-sm {
    padding: 15px 0;
}

footer .col-md-3 {
    letter-spacing: .1em;
    padding: 0;
}

footer .copyright {
    border-top: thin solid #383837;
}

/* mobile footer rules */
.footer-logo img {
    height: 8em;
}


/* NEWS & EVENTS */
.news-events h4 {
    color: #a50000;
}


/* NEWS ARTICLE HOVER */
.news-image figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 0 0 20px;
    min-width: 320px;
    text-align: center;
    cursor: pointer;
}
.news-image {
    position: relative;
    margin: 0 auto;
    padding: 1em 0 4em;
    max-width: 1000px;
    list-style: none;
    text-align: center;
}
figure.news-hover figcaption {
    text-align: left;
}
.news-image figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1em;
    color: #fff;
    font-size: 1em;
    backface-visibility: hidden;
}
.news-image figure img {
    width: 110%;
}
.news-image figure:hover img {
    left: 10px;
}
figure.news-hover h2 {
    position: relative;
    overflow: hidden;
    padding: .5em 0 0;
        text-shadow: 4px 3px 3px rgba(0, 0, 0, 0.95);
}
.news-image figure h2 {
    margin: 0;
    font-size: 1.5em;
    text-shadow: 4px 3px 3px rgba(0, 0, 0, 0.95);
    font-weight: bold;
}
figure.news-hover p {
    padding: 1em 0;
    opacity: 0;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    -o-transition: opacity .35s,-o-transform .35s;
    -ms-transition: opacity .35s,-ms-transform .35s;
    -moz-transition: opacity .35s,-moz-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
}
figure.news-hover:hover p {
    opacity: 1;
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    -o-transition: opacity .35s,-o-transform .35s;
    -ms-transition: opacity .35s,-ms-transform .35s;
    -moz-transition: opacity .35s,-moz-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
figure.news-hover:hover figcaption {
    background: linear-gradient(to bottom,rgba(0,0,0,.5) 50%,rgba(0,0,0,0.5) 50%);
}
figure.news-hover svg {
    height: 5px;
    width: 0;
    -webkit-transition: width .35s;
    -o-transition: width .35s;
    -ms-transition: width .35s;
    -moz-transition: width .35s;
    transition: width .35s;
}
figure.news-hover:hover svg {
    width: 100%;
    -webkit-transition: width .35s;
    -o-transition: width .35s;
    -ms-transition: width .35s;
    -moz-transition: width .35s;
    transition: width .35s;
}
.news-image figure p {
    font-size: 100%;
    margin: -10px 0 0;
    text-shadow: 4px 3px 3px rgba(0, 0, 0, 0.95);
}
@media only screen and (max-device-width: 767px) and (orientation: landscape) {
    .news-image .col-sm-6 {
        width: 50%;
        float: left;
    }
}

/* MISC. */
.centered {
    margin: 0 auto;
    width: 1440px;
}

.container-fluid .container {
    padding-left: 0;
    padding-right: 0;
}

/* NOT SURE WHAT THIS IS FOR */
.os-animation {
    opacity: 0;
}

.os-animation.animated {
    opacity: 1;
}

/*  PAGE TITLES THAT POP UP ABOVE THE SOLID COLOR ROW */
.page-title-popout-container {
    padding: 75px 0;
}
    
.page-title-popout-container .first-row {
    margin-top: -120px;
}

h1.page-title {
    font-size: 44px;
    position: relative;
    top: -133px;
    font-weight: 800;
}

@media (min-width: 992px) {
    .page-title-popout-container {
        padding-bottom:75px;
    }

    h1.page-title {
        font-size: 110px;
        position: relative;
        top: -192px;
        font-weight: 800;
    }

    .page-title-popout-container .first-row {
        margin-top: -160px;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    h1.page-title {
        font-size: 85px;
        position: relative;
        top: -167px;
        font-weight: 800;
    }
}
/*  end PAGE TITLES THAT POP UP ABOVE THE SOLID COLOR ROW */

/* CONTENT ON TOP OF HERO IMAGE CENTERED VERTICALLY */
.vertically-centered-hero-content {
    padding-top: 120px;
}

@media only screen and (min-device-width: 768px) and (orientation: portrait) {
.vertically-centered-hero-content {
        position: absolute;
        padding-top: 120px;
        top: 45%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
    }   
    h1.page-title {
        font-size: 55px;
        top: -142px;
    }
}
@media screen and (min-width:992px) {
.vertically-centered-hero-content {
    position: absolute;
    padding-top: 120px;
    top: 45%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
}
.vertically-centered-hero-content .transparent-black-square a {
    color: #fff;
}

.vertically-centered-hero-content .transparent-black-square a:hover,
.vertically-centered-hero-content .transparent-black-square a:focus {
    color: rgba(255,255,255,0.75);
    text-decoration: none;
    display: inline-block;
}
.vertically-centered-hero-content a:focus {
    outline: 10px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}
/* end CONTENT ON TOP OF HERO IMAGE CENTERED VERTICALLY */


/* BASIC PAGE WITH TOP IMAGE RULES */
.basic-page-main-image {
    position: relative;
    overflow: hidden;
    /* Width and height can be anything. */
    width: 100vw;
    height: 55vh;
    margin: -70px 0 0 0;
}
.basic-page-main-image img {
    position: absolute;
    /* Position the image in the middle of its container. */
    top: -9400px;
    right: -9999px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    /* The following values determine the exact image behaviour. */
    /* You can simulate background-size: cover/contain/etc.
    by changing between min/max/standard width/height values.
    These values simulate background-size: cover
    */
    min-width: 100%;
    min-height: 100%;
}
    

/* BASIC PAGE STYLING */
.secondary-nav-title {
    display: none;
}

.breadcrumb {
    background-color: #f2f2f2;
}

#no-image .header-transparent {
    background-color: #232323;
}


/* GENERIC PROMO TEXT SPACING */
.promo-text {
    font-size: 1.3em;
    line-height: 2.25em;
}

/* PICTURE SQUARES WITH GRADIENT OVERLAY */

@media (min-width: 455px) and (max-width: 767px) {
  .pic-square {
      width: 50%;
      float: left;
  }
}
.pic-square {
    margin: 15px 0;
}

.pic-square-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    right: 15px;
    max-width: 425px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+35,000000+73,000000+100&0+35,0.6+73,0.75+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 35%, rgba(0,0,0,0.6) 73%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 35%,rgba(0,0,0,0.6) 73%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 35%,rgba(0,0,0,0.6) 73%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */

}

.pic-square-text {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    max-width: 425px;
    text-align: center;
    padding-right: 30px;
    padding-left: 30px;
}

.pic-square a {
    color: #fff;
}

.pic-square a:hover > .pic-square-overlay,
.pic-square a:focus > .pic-square-overlay {
    background-color:#000;
    opacity:0.5;
}
    
.pic-square a:hover > .pic-square-text,
.pic-square a:focus > .pic-square-text {
    color: #fff;
    font-size: 20px;
    bottom: 15px;
}

/* WHITE  SQUARES */
.bWhite-square {
    background: #f2f2f2;
    padding: 15px;
    margin: 15px 0;
    position: relative;
}

.bWhite-square p {
    padding-bottom: 85px;
}

.bWhite-square .btn {
    display: block;
    position: absolute;
    bottom: 0;
    width: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    background-color: #a50000;
    border-color: #700000;
}

.bWhite-square .btn:hover {
    background-color: #f2f2f2;
    border-color: #700000;
    color: #a50000;
}

/* WHITE EQUAL HEIGHT SQUARES */
.bWhite-square-matchHeight {
    background: #f2f2f2;
    padding: 15px;
    margin: 15px 0;
    position: relative;
}

.bWhite-square-matchHeight p {
    padding-bottom: 85px;
}

.bWhite-square-matchHeight .btn {
    display: block;
    position: absolute;
    bottom: 0;
    width: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    background-color: #a50000;
    border-color: #700000;
}

.bWhite-square-matchHeight .btn:hover {
    background-color: #f2f2f2;
    border-color: #700000;
    color: #a50000;
}

/* TRANSPARENT BLACK EQUAL HEIGHT SQUARES */
.transparent-black-square-matchHeight {
    background: rgba(0, 0, 0, 0.6);
    padding: 15px;
    margin: 15px 0;
    position: relative;
}
.transparent-black-square-matchHeight p {
    padding-bottom: 85px;
}
.transparent-black-square-matchHeight .btn {
    display: block;
    position: absolute;
    bottom: 0;
    width: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.transparent-black-square-matchHeight .btn:hover {
    color: #fff;
}


/* TRANSPARENT BLACK SQUARES */
.transparent-black-square {
    background: rgba(0, 0, 0, 0.6);
    padding: 15px;
    margin: 15px 0;
    position: relative;
}



/* TRANSPARENT BLACK OVERLAYED OVER IMAGE BACKGROUND OPTIONS */
.bHall-bg {
    background: linear-gradient(rgba(20,20,20,.7),
        rgba(20,20,20,.7)),
        url(/asset/img/background/bradleyHallBG-01.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media only screen and (min-width : 992px)  {
    .bHall-bg {
        background-attachment: fixed;
    }
}

.bAreial-fixed {
    background: linear-gradient( rgba(20, 20, 20, .7), 
      rgba(20, 20, 20, .7)), 
      url(/asset/img/background/bradleyArieal.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media only screen and (min-width : 992px)  {
    .bAreial-fixed {
        background-attachment: fixed;
    }
}


@media screen and (max-width: 750px) {
    .bHall-bg {
        background: #143e51;
    }
}

/* FONT AWESOME ICON STACKED ABOVE TEXT LINK */
.fa-icon-link a {
    color:#fff;
}
.fa-icon-link a:hover,
.fa-icon-link a:focus {
    color: rgba(255,255,255,0.75);
    text-decoration: none;
    display: block;
}
.fa-icon-link a:focus {
    outline: 10px auto -webkit-focus-ring-color;
    outline-offset: 0px;
}
.fa-icon-link .fa {
    display: block;
    margin-bottom: 10px;
}
/* end FONT AWESOME ICON STACKED ABOVE TEXT LINK */

/* ICON STYLED POP UP TOOLTIP */
.tooltip {
    display: inline;
    position: relative;
    z-index: 999;
    opacity: 1;
}
.tooltip-content {
    position: absolute;
    background: url(/admissions/images/freshman/shape1.svg) no-repeat center bottom;
    background-size: 100% 100%;
    z-index: 9999;
	width: 300px;
	bottom: 50px;
	left: -35%;
	margin-left: -100px;
	padding: 50px 30px;
	text-align: center;
	color: #fff;
	opacity: 0;
	cursor: default;
	    font-size: 13px;
	line-height: 1.4;
	pointer-events: none;
	-webkit-transform: scale3d(0.1,0.2,1);
	transform: scale3d(0.1,0.2,1);
	-webkit-transform-origin: 50% 125%;
	transform-origin: 50% 125%;
	-webkit-transition: opacity 0.4s, -webkit-transform 0.4s;
	transition: opacity 0.4s, transform 0.4s;
	-webkit-transition-timing-function: ease, cubic-bezier(0.6,0,0.4,1);
	transition-timing-function: ease, cubic-bezier(0.6,0,0.4,1);
}
.tooltip:hover .tooltip-content {
	opacity: 1;
	pointer-events: auto;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

/* Arrow */
.tooltip-content::after {
	content: '';
	position: absolute;
	width: 16px;
	height: 16px;
	left: 50%;
	margin-left: -8px;
	top: 100%;
	background: #00AEEF;
	-webkit-transform: translate3d(0,-60%,0) rotate3d(0,0,1,45deg);
	transform: translate3d(0,-60%,0) rotate3d(0,0,1,45deg);
}
.icon-list {
    padding-top: 35px;
}

.icon-list ul li {
    position: relative;
    margin: 0 1em;
    padding-bottom: 75px;
}
/* end ICON STYLED POP UP TOOLTIP */