@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@font-face {
font-family: 'Oswald';
src: url('././../../fonts/oswald/oswald-variablefont_wght.woff2') format('woff2'),
url('././../../fonts/oswald/oswald-variablefont_wght.woff') format('woff'),
url('././../../fonts/oswald/oswald-variablefont_wght.ttf') format('truetype');
font-weight: 100 900;
font-style: normal;
}
html, body {
width: 100%;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
overflow-x: hidden;
font-family: sans-serif;
font-size: 16px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
a {
color: #0e71e2;
text-decoration: none;
cursor: pointer;
}
a:hover {
color: #308ef8;
}
a:visited {
color: #0b4689;
}
ul li a, ol li a {
font-weight: bold;
}
a:focus {
outline: 1;
}
a:hover {
text-decoration: underline;
}
#main-content a {
font-weight: bold;
}
body {
font-family:'Roboto',Helvetica,Arial,sans-serif;
font-size:16px;
font-weight: 400;
line-height: 1.45;
color: #333;
}
p{
font-family:'Roboto',Helvetica,Arial,sans-serif;
line-height: 1.65em;
color:#333;
margin-bottom: 1.1em;
font-size: 1rem;
}
/**Utilities**/
/*Spacing*
/* M = Margin, P = Padding | T = Top, R = Right, B = Bottom, L = Left */
.mt-0{
margin-top:0px;
}
.mb-0{
margin-bottom:0px!important;
}
.pad-top-twenty {
padding-top: 20px;
}
.flex-container {
display: flex;
flex-wrap: wrap;
gap: 1rem;
width:100%;
}
.flex-center{
display:flex;
align-items:center;
justify-content: center;
}
.flex-gap-40 {
gap: 40px;
}
.code-area {
font-family: monaco;
background-color: black ;
color: white;
border: none;
}
img.img-floatleft{
float:left;
margin-right:10px;
margin-left:10px;
}
.nav a:hover {
color:#c32640;
font-weight:bold;
text-decoration:underline;
}
.tab-content a, .tab-content a:visited{
font-weight:bold;
}
.tab-content a:hover {
font-weight:bold;
text-decoration:underline;
}
/* List Group */
.list-group{
padding:0px;
margin-left:0px;
}
.list-group-item{
background:transparent;
}
.list-group-item:first-child, .list-group-item:last-child{
border-top: 0px;
}
.list-group li {
padding: 10px;
font-size: 1rem;
list-style-type: none;
border-left: 0px;
border-right: 0px;
}
/* Clive Form */
.clive-form,.clive-legend,.clive-date-legend,.clive-field{font-family:'Roboto','helvetica','arial',sans-serif!important;font-size:16px;font-weight:700;line-height:1;color:#333}.clive-label-left .clive-field-wrapper{flex-direction:column}input.clive-submit{background:#A80B2D;width:auto;color:#fff!important;margin:2px;border-radius:0;padding:17px 20px;border:none;cursor:pointer;font-family:'roboto',arial,sans-serif;font-size:14px;font-weight:700;line-height:1;text-align:center;text-transform:uppercase;display:inline-block;text-shadow:none;box-shadow:none}.clive-submit{display:inline-block;font-family:'Roboto',Arial,sans-serif;font-size:1rem;font-weight:700;text-align:left;white-space:initial;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:2px solid transparent!important;padding:.5rem 1rem;margin-bottom:5px;border-radius:.25rem;box-shadow:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.clive-submit{background:#ba0c2f;color:#fff!important;text-decoration:none!important;border:2px solid transparent!important}.clive-submit:hover{background:#d20e35;text-decoration:none}
/*SLATE Forms*/
.dred{
background:#fff!important;
}
#request-form{
position: relative;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
z-index: 5;
}
#request-form .form-heading{
background-color: #fff;
position: relative;
margin: 0;
font-weight: 700;
font-size: 24px;
padding:20px 20px 0px 20px;
}
#request-form .form-heading-colorblock::before {
content: "";
display: inline-block;
width: 100%;
height: 11px;
position: absolute;
top: 0px;
left: 0;
z-index: 1;
background: url(https://www.umsl.edu/files/images/umsl-colorblock.jpg);
background-position: 9px 1px;
background-size: 103%;
}
#request-form .dred, #request-form .form-container, .form-container{
padding:20px;
}
#request-form .form-heading h3{
color: #ba0c2f;
}
#request-form .form-heading p{
margin-bottom:0px;
font-size:1.1rem;
}
#request-form div.form_p .form_label{
font-size:12px;
}
#request-form div.form_page input, #request-form div.form_page label{
color:#444;
}
#request-form div.form_page select {
height: 35px;
width: 100% !important;
}
#request-form div.form_page input[type="email"], #request-form div.form_page input[type="tel"], #request-form div.form_page input[type="text"], #request-form div.form_page input:not([type]), #request-form div.form_page select, #request-form div.form_page textarea {
padding: 6px;
background: #f8f4f0;
border: 1px solid #ccc;
width:100%;
}
#request-form div.form_page input[type="text"] {
width: 100%;
height:35px;
}
#request-form .action button {
padding: 10px;
width: 100%;
font-weight: bold;
color: #fff !important;
background-color: #ba0c2f !important;
font-family: roboto;
margin: 20px 0px 10px 0px;
}
.columns-container{
padding-top: 20px;
padding-bottom: 20px;
}
.columns-container span a:link, .columns-container p a:link, .columns-container ul li a:link, #degreesearch a:link, .main-content a:link{
font-weight:bold!important;
width:auto;
color:#0E71E2;
text-decoration:none;
cursor:pointer;
}
.columns-container span a:visited, .columns-container p a:visited, .columns-container ul li a:visited, #degreesearch a:visited, .main-content a:visited{
color:#0B4689;
}
.columns-container span a:hover, .columns-container p a:hover, .columns-container ul li a:hover, #degreesearch a:hover, .main-content a:hover{
color:#308EF8;
cursor:pointer;
text-decoration:underline;
}
/* Photos: Figure Caption Option */
figcaption{
background: #eee;
font-size: .9em;
text-align:center;
color: #777;
padding: 5px 0px 5px 0px;
}
/*Courseleaf*/
.courseleafAppletDropInProgram,.sc_courselist{
visibility:visible
}
.courseleafAppletDropInProgram h4,.sc_courselist td,.courselistcomment,.codecol,.areaheader span,.listsum,.listsum td{
visibility:visible!important
}
.courseleafAppletDropInProgram h3,.courseleafAppletDropInProgram p,.sc_courselist p{
display:none
}
.courseleafAppletDropInProgram h2{
font:700 2rem "Oswald",sans-serif;
color:#444;
margin:10px 0;
line-height:1.1;
box-sizing:border-box;
display:none
}
.courseleafAppletDropInProgram p,.sc_courselist p{
font:17px/1.65em "Roboto",Helvetica,Arial,sans-serif;
color:#444;
margin:0 0 10px
}
.sc_courselist{
width:100%;
margin-bottom:15px;
overflow-x:auto;
overflow-y:hidden;
-webkit-overflow-scrolling:touch;
-ms-overflow-style:-ms-autohiding-scrollbar;
font-family:"proxima_novaregular",Helvetica,Arial,sans-serif
}
.sc_courselist td{
font-size:.9rem;
padding:10px 10px 2px 28px;
vertical-align:top;
border-bottom:1px solid #ddd
}
.courselistcomment{
font-size:1rem;
font-weight:bold;
color:#a80b2d;
text-align:left
}
.codecol{
color:#a80b2d;
text-decoration:none;
font-weight:bold
}
.areaheader span,.listsum,.listsum td{
font:700 1.23rem "Roboto Condensed",sans-serif;
color:#444
}
.tooltipNew{
position:relative;
display:inline-block;
border-bottom:1px dotted black
}
.tooltipNew .tooltiptextNew{
visibility:hidden;
width:120px;
background:black;
color:#fff;
text-align:center;
border-radius:6px;
padding:7px;
position:absolute;
z-index:1
}
.tooltipNew:hover .tooltiptextNew{
visibility:visible
}
.image-slot{
height:400px!important
}
.image-slot h2{
position:absolute;
bottom:36px;
left:20px;
color:#fff;
margin:0;
font-size:25px
}
.image-slot span{
position:absolute;
bottom:12px;
left:26px;
color:#fff!important;
margin:0
}
.image-slot .image-overlay {
background: rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
pointer-events: none;
margin-top: 324px;
}
.image-slot{
height: 400px !important;
}
.image-slot h2{
position: absolute;
bottom: 36px;
left: 20px;
color: #fff;
margin: 0;
font-size: 25px;
}
.image-slot span{
position: absolute;
bottom: 12px;
left: 26px;
color: #fff !important;
margin: 0;
}
.parallax {
height: 100%;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
@media only screen and (max-width: 1366px) {
.parallax {
background-attachment: scroll;
}
}
/*Backgrounds*/
.background-gray{background-color:#f9f9f9}.background-gray a.btn.btn-secondary,.background-gray a.button{color:#fff!important}.background-blue{background:#002853;color:#fff}.background-blue p,.background-blue span,.background-blue .lead-paragraph,.background-blue a,.background-blue a:visited,.background-blue a:active,.background-blue a:hover{color:#fff}.background-yellow{background-color:#ccc;color:#333}.background-gold{background-color:#fbd872;color:#333}.background-red{background-color:#BA0C2F;color:#fff}.background-red a:link,.background-red a,.background-red a:visited,.background-red a:active,.background-red a:hover,.background-red p a:link,.background-red p{color:#fff!important}.background-red a{border-bottom:#fff 0.05em solid!important;cursor:pointer;text-decoration:none;font-weight:bold}.background-red a:hover{border-bottom:#fff 0.05em solid;cursor:pointer;text-decoration:none}.background-red a.button.button-ghost-white{border:2px solid #fff!important}
a.button.button-ghost-white a:visited{
color:#fff!important;
}
a.button.button-ghost-white{
color:#fff!important;
border:2px solid #fff!important;
}
.bg-red{
background:#ba0c2f;
}
.bg-red, .bg-red p, .bg-red a:link, .bg-red a:visited,.bg-red a:active, .bg-red h2, .bg-red h3, .bg-red h4, .bg-red h5, .bg-red h6 {
color: #fff !important;
}
.bg-red a:hover{
color:#dfdfdf;
}
.bg-red h2 a, .bg-red h3 a, .bg-red h4 a, .bg-red h5 a, .bg-red h6 a {
color: #fff !important;
text-decoration: underline !important;
}
.bg-red a {
text-decoration: underline!important;
cursor: pointer;
}
.bg-gold {
background: #eab000;
}
.bg-brick{
background:#76232f;
}
.bg-golden {
background: #fbd872;
color: #000;
}
.bg-golden, .bg-golden p, .bg-golden h2, .bg-golden h3, .bg-golden h4, .bg-golden h5, .bg-golden h6 {
color: #000;
}
.bg-golden a, .bg-golden a:link, .bg-golden a:visited, .bg-golden a:active, .bg-golden a:hover, .bg-golden p a {
color: #000 !important;
text-decoration: underline !important;
cursor: pointer;
}
.bg-golden .btn.btn-secondary{
color:#fff;
}
.bg-golden a:link.btn.btn-secondary{
color:#fff;
}
.bg-gold p, .bg-gold h2, .bg-gold h3, .bg-gold h4, .bg-gold h5, .bg-gold h6 {
color: #000;
}
.bg-gold p a, .bg-gold h2 a, .bg-gold h3 a, .bg-gold h4 a, .bg-gold h5 a, .bg-gold h6 a {
color: #000 !important;
text-decoration: none;
font-weight:bold;
}
.bg-gold p a, .bg-gold h2 a:hover, .bg-gold h3 a:hover, .bg-gold h4 a:hover, .bg-gold h5 a:hover, .bg-gold h6 a:hover {
color: #000 !important;
text-decoration: underline;
font-weight:bold
}
.bg-gold .btn.btn-secondary, .bg-gold a:link.btn.btn-secondary {
color: #fff;
}
.bg-water {
background: #002853;
color: #fff;
}
.bg-water p, .bg-water h2, .bg-water h3, .bg-water h4, .bg-water h5, .bg-water h6 {
color: #fff;
}
.bg-water a, .bg-water a:link, .bg-water a:visited, .bg-water a:active, .bg-water p a:link {
color: #fff !important;
text-decoration: underline !important;
cursor: pointer;
}
.bg-silver{
background:#c3c6c8
}
.bg-silver p{
color:#333;
}
.bg-silver p a:link{
color:#333;
text-decoration:underline;
cursor:pointer
}
.bg-silver a:link, .bg-silver a:visited, .bg-silver a:active{
color:#333;
text-decoration:underline;
cursor:pointer
}
.bg-silver h2, .bg-silver h3, .bg-silver h4, .bg-silver h5, .bg-silver h6{
color:#333;
}
.bg-steel {
background: #5d666f;
color: #fff;
}
.bg-steel, .bg-steel p, .bg-steel h2, .bg-steel h3, .bg-steel h4, .bg-steel h5, .bg-steel h6 {
color: #fff!important;
}
.bg-steel a, .bg-steel a:link, .bg-steel a:visited, .bg-steel a:hover, .bg-steel a:active {
color: #fff !important;
text-decoration: underline !important;
font-weight: bold;
cursor: pointer;
}
.bg-millennium {
background: #63cdd4;
color: #000;
}
.bg-millennium a, .bg-millennium a:link, .bg-millennium a:visited, .bg-millennium a:hover, .bg-millennium a:active {
color: #000 !important;
text-decoration: underline !important;
}
.bg-millennium p{
color:#000;
}
.bg-millennium a.btn-secondary {
color: #fff !important;
}
.text-mill, .text-mill p, .text-mill h1, .text-mill h2, .text-mill h3, .text-mill h4, .text-mill h5, .text-mill h6 {
color: #63cdd4 !important;
}
.bg-gray, .background-gray{
background:#f9F9f9;
color:#000
}
.bg-gray p{
color:#000
}
.bg-gray p a:link, .background-gray p a:link{
color:#0B54A8!important;
text-decoration:underline;
}
.bg-gray a:link, .bg-gray a:visited, .bg-gray a:active, .background-gray a:link {
color:#0B54A8!important;
font-weight:bold!important;
}
.bg-gray a:hover, .background-gray a:hover{
color:#308EF8;
text-decoration:underline!important;
}
.bg-gray .btn-secondary a, .bg-gray a:link.btn.btn-secondary {
color: #fff !important;
text-decoration: none;
}
.bg-gray a.btn.btn-default{
color:#fff!important;
text-decoration: none!important;
}
.bg-gray .btn-secondary a:hover {
color: #fff !important;
text-decoration: none;
}
/* CONTENT CARDS */
.content-card {
position: relative;
overflow: hidden;
cursor: pointer;
position: relative;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1);
}
.content-card:hover, .content-card:active {
background: #fefefe;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
cursor: pointer;
}
.content-card:hover, .content-card:active {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
cursor: pointer;
}
.content-card_title{
display:block;
font-family: 'Roboto', helvetica, arial, sans-serif;
font-size: 1.1rem;
padding: 15px;
font-weight: bold;
}
.content-card_image img{
display:inline-block;
transition: all 0.3s ease-out;
position:relative;
}
a.content-card_link{
cursor:pointer;
display:inline-block;
font-weight:bold;
text-decoration:none;
}
a.content-card_link:hover, a:hover .content-card_image, .content-card_image:hover{
cursor: pointer!important;
text-decoration:none !important;
}
.content-card .content-card_image {
display: block;
overflow: hidden;
}
.content-card_image{
position:relative;
max-height:300px;
overflow:hidden;
}
.content-card .content-card_image img {
display: block;
position: relative;
width: 100%;
transition: all 1.1s 0.1s;
/* Consolidated transition and delay */
}
.content-card .content-card_image:hover img {
transform: scale(1.1);
/* Unified transform property */
}
.content-card_title a:hover, .content-card_title span:hover {
text-decoration: none !important;
cursor: pointer;
}
.content-card_caption {
color: #333 !important;
display: block;
float: left;
position: relative;
padding: 10px 10px 10px 15px;
min-height: 110px;
}
.content-card .content-card_caption span, .content-card_caption span {
margin-bottom: 20px;
font-weight: normal;
font-size: 1rem;
line-height: 1.5;
float: left;
}
.content-card_text-link {
padding: 15px;
display: inline-block;
width: 100%;
font-weight: bold;
color: #333;
}
.content-card_text-link:after {
font: normal normal normal 9px/1 FontAwesome;
content: "\f054";
margin-left: 5px;
}
.content-card_red{
border-bottom:8px solid #BA0C2F;
margin-bottom:20px;
}
.content-card_red{
background:#fff;
transition: background 0.2s;
}
.content-card.content-card_red:hover{
background:#BA0C2F;
color:#fff!important;
}
.content-card.content-card_red:hover span{
color:#fff!important;
text-decoration:none;
}
.content-card.content-card_red a:hover span{
color:#fff!important;
text-decoration:none;
}
.content-card.content-card_red:hover a{
color:#fff;
text-decoration:none;
}
.content-card_red .content-card_title{
color:#BA0C2F;
}
.content-card_red > .content-card_text-link a{
color:#BA0C2F!important;
text-decoration:none;
}
.content-card_red:hover a{
color:#fff!important;
text-decoration:none;
}
.content-card_red > .content-card_text-link:after{
color:#BA0C2F
}
.content-card_red:hover > .content-card_text-link:after{
color:#fff;
}
.content-card_gold {
border-bottom: 8px solid #eaab00;
margin-bottom: 20px;
background: #fff;
transition: background 0.2s;
}
.content-card.content-card_gold:hover {
background: #eaab00;
color: #333 !important;
}
.content-card.content-card_gold:hover span, .content-card.content-card_gold:hover a {
color: #333 !important;
text-decoration: none;
}
.content-card_gold .content-card_title {
color: #333;
}
.content-card_gold > .content-card_text-link a, .content-card_gold > .content-card_text-link:after, .content-card_gold:hover > .content-card_text-link:after {
color: #333 !important;
}
.panel-background {
background-color: #ffffff;
color: #333 !important;
}
.panel-background a {
color: #333 !important;
}
.top-nav-menu{
background-color: #af233a;
width: 102%;
margin-top: 10px;
}
.top-nav-menu li{
list-style-type: none;
}
.sub-umsl-main-mobile-menu {
background-color:#444;
}
.secondary-mobile-menu {
display: none;
position:relative;
background: rgb(51, 51, 51);
color: #444;
z-index:999;
}
.secondary-mobile-menu input {
width: 93%;
height: 34px;
font-size: 16px;
margin-top: 8px;
color: #444;
margin-left: 6px;
}
.secondary-mobile-menu a {
display: block;
border-bottom: 1px solid rgb(130, 130, 130);
font-size: 16px;
color:#fff;
}
.secondary-mobile-menu a:hover {
text-decoration: none;
}
.secondary-mobile-menu {
display: none;
position:relative;
background: rgb(51, 51, 51);
color: #444;
z-index:999;
}
.section-mobile-menu {
float:right;
position:relative;
color: white;
font-size: 22px !important;
}
#small-top-mobile-menu {
color: white;
font-size: 28px !important;
float: right;
position: relative;
}
#top-mobile-menu {
color: white;
font-size: 28px !important;
padding-top: 6px;
float: right;
position: relative;
}
.topNavMobile {
background-color: rgb(51, 51, 51);
padding:15px;
}
#nav-bar {
background: #8a8a8a;
/*min-height: 80px;
padding: 20px 0px 20px 0px;
*/
}
#nav-bar .logo-container {
position: relative;
}
#nav-bar .logo {
height: auto;
overflow: hidden;
width: 75px;
float: left
}
.navbar .dropdown {
text-transform:none;
font-weight:normal;
}
nav.navbar ul.nav>li>a:hover {
cursor:pointer;
}
.navbar{
text-transform:none;
border-radius:0px;
}
.navbar-nav>li>a{
line-height:1.5;
}
.content-container #nav-bar{
min-height:auto;
padding:5px;
}
.navbar{
min-height:auto;
}
.nav .dropdown li a{
padding: 10px 0px 5px 10px;
display: inline-block;
font-weight: 500 !important;
font-size:0.87rem;
text-transform: none;
}
.nav .dropdown li a:visited{
color:#333;
}
.nav-name{
text-align:left;
color:#fff;
padding-top:47px;
}
.nav-name h4 a:hover{
color:#F5F5F5;
}
/* TOP NAV =================================*/
.col-md-2 {
float: left;
}
.callout {
background-color: #F9F9F9;
margin-left: -600px;
margin-right: -600px;
overflow-x: hidden;
}
.calloutred {
background-color: #A80B2D;
margin-left: -600px;
margin-right: -600px;
overflow-x: hidden;
}
#structure span {
display: block;
text-align: center;
font-weight: normal;
color: #444444;
margin: 10px 0px 20px 0px;
font-size: 13px;
}
#structure img {
display: block;
margin: 0px auto;
text-align: center;
}
#structure.row {
margin: 20px 0px 20px 0px;
}
#program-updates {
padding: 54px 0;
}
.gray-bg {
background: #f9f9f9;
}
.red-bg {
background: #BA0C2F;
color: #fff;
}
.reg-bg p, .red-bg h4 {
color: #fff
}
.section-header {
font-size: 30px;
color: #333;
}
/*DBA NAV*/
.dba-nav {
width: 100%;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
background-color: #af233a;
}
.dba-nav .navbar-nav>li>a {
color: #fff
}
.dba-nav .navbar-nav>li>a:hover {
color:#A80B2D
}
.navbar-nav>li.dropdown.active.open>a, .navbar-nav>li.dropdown.active.open>ul.dropdown-menu a:hover, .navbar-nav>li.dropdown.open>a, .navbar-nav>li.dropdown.open>ul.dropdown-menu a:hover {
color: #A80B2D;
}
.dba-nav .navbar-nav>li.dropdown.open>a {
color: #A80B2D!important
}
.dba-nav .dropdown {
background: none;
padding-left: 0px;
}
.dba-nav .dropdown {
padding: 0px;
}
.dba-nav.navbar-nav>li>a:hover{
color: #A80B2D!important;
}
.navbar-default .navbar-nav > li > a:focus{
color: #fff!important;
}
.dropdown-menu>li>a{
white-space:normal;
line-height:20px!important;
padding:0px;
font-family:'roboto',sans-serif;
font-weight:normal!important;
}
.dropdown-menu li{
width:220px!important;
}
.dba-nav .dropdown-menu{
z-index:5;
}
@media screen and (max-width: 1199px) {
.dba-nav .navbar li {
width: 150px;
}
#custom-search-input button {
padding-left: 7px !important;
}
.owl-next{
margin-right: 944px !important;
right: -957px !important;
}
}
@media screen and (max-width: 1024px) {
.dba-nav .navbar li {
width: 133px !important;
height: 68px !important;
}
.nav li a {
padding: 11px !important;
}
}
@media (max-width: 781px) {
.owl-next {
display: none !important;
}
.owl-prev {
display: none !important;
}
}
@media screen and (max-width: 992px) {
.dba-nav {
display: none
}
}
.affix {
position: fixed;
z-index: 999999;
top: 0;
}
.affix+.container-fluid {
padding-top: 70px;
}
/*TESTIMONIAL*/
figure.testimonial {
font-family: 'Roboto',Helvetica,Arial,sans-serif;
position: relative;
overflow: hidden;
min-width: 220px;
width: 100%;
color: #333;
text-align: left;
box-shadow: none !important;
}
figure.testimonial.double{
color: #FFFFFF;
}
figure.testimonial * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
figure.testimonial img {
max-width: 100%;
height: 100px;
width: 100px;
border-radius: 50%;
margin-bottom: 15px;
display: inline-block;
z-index: 1;
position: relative;
border: 2px solid #ba0c2f;
}
figure.testimonial.double img {
border: 2px solid #eaab00;
}
figure.testimonial blockquote {
margin: 0;
display: block;
border-radius: 8px;
position: relative;
background-color: #fafafa;
padding: 30px 50px 65px 50px;
font-size: 16px;
font-weight: bold;
margin: 0 0 -50px;
line-height: 1.6em;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.testimonial.double blockquote {
background-color:#ba0c2f;
border-left: 5px solid #eaab00;
}
figure.testimonial blockquote:before, figure.testimonial blockquote:after {
font-family: 'FontAwesome';
content: "\201C";
position: absolute;
font-size: 50px;
opacity: 0.3;
color: #BA0C2F;
font-style: normal;
}
figure.testimonial.double blockquote:before, figure.testimonial.double blockquote:after {
color: #76232f;
}
figure.testimonial blockquote:before {
top: 35px;
left: 20px;
}
figure.testimonial blockquote:after {
content: "\201D";
right: 20px;
bottom: 35px;
}
figure.testimonial .author {
margin: 0;
text-transform: uppercase;
text-align: center;
color: #ffffff;
}
figure.testimonial .author h5 {
margin: 0;
font-weight: 800;
color: #B90B2E;
}
figure.testimonial .author h5 span {
font-weight: 400;
text-transform: none;
display: block;
}
/*QUOTE*/
blockquote{
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
blockquote a:link {
font-weight: bold;
}
blockquote.quote p {
font-family: "Lora", serif;
font-style: italic;
border-left: 0px;
font-size: 1.3rem;
}
.quote {
border: none !important;
position: relative;
z-index: 1;
}
.quote p {
color: #666;
font-size: 1.25em;
margin-top: 10px;
}
.quote-image {
width: 150px;
height: 150px;
}
.quote-image-box .quote-image img {
border-radius: 50%;
width: 100%;
margin-right: 20px;
padding: 8px;
height: 100%;
object-fit: cover;
}
/*---- screen-reader-styles---*/
a.screen-reader-shortcut:focus {
z-index: 999;
font-size: 14px;
font-weight: 800;
top: 6px;
padding: 15px 23px 14px;
background-color: #f1f1f1;
color: #4b2e83;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
}
a.screen-reader-shortcut {
position: absolute;
left: 6px;
top: -99px;
}
.nav>li>a:focus {
text-decoration: underline;
}
#logo-bar {
background: #A80B2D;
padding: 20px 0px 20px 0px;
}
#logo-bar .logo-container {
position: relative;
}
#logo-bar .logo {
height: 36px;
overflow: hidden;
width: 75px;
float: left
}
.logo-line {
height: 40px;
width: 1px;
background: #eee;
float: left;
margin-right: 6px;
}
#link-college {
color: #fff;
text-decoration: none;
font-family: 'Roboto Condensed', sans-serif;
}
#link-college a:hover {
color: #ddd;
text-decoration: none;
}
#logo-bar .college-name-text {
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
color: #fff;
padding-left: 5px;
font-family: 'Roboto Condensed', sans-serif;
font-size: 1.3em;
font-weight: 100;
position: absolute;
left: 87px;
bottom: -2px;
}
#logo-bar .college-name-text a:hover {
color: #ddd;
text-decoration: none
}
#logo-bar .college-name-text a:focus {
text-decoration: underline;
outline: 1px;
}
#logo-bar .call-to-action a {
margin: 10px 0px 10px 20px;
display: inline-block;
color: #fff;
font-size: 1.1em;
}
#logo-bar .navbar-right {
min-width: 450px;
/*or I can probably just use columns*/
}
#logo-bar .navbar-right form {
width: 100%;
}
#az-footer{
height:300px;
margin: 0px auto;
text-align: center;
}
.logo-bar {
background: rgb(152, 30, 50);
text-align: right;
font-size: 15px;
padding: 10px 0px 10px 0px
}
.logo-bar img {
max-height: 67px;
float: left;
margin-bottom: 7px;
margin-top: 9px;
cursor: pointer;
}
.logo-bar input {
height: 34px;
font-size: 16px;
width: 345px;
}
.cta {
margin-top: 10px;
float: left;
}
.cta a {
color: #fff;
font-size: 18px;
padding: 10px;
font-family: 'roboto', 'helvetica', arial, sans-serif;
font-weight: 400;
}
.cta a:visited {
color: #fff;
font-size: 18px;
padding: 10px;
font-family: 'roboto', 'helvetica', arial, sans-serif;
font-weight: 400;
}
#logo-bar .cta a:hover {
color: #ccc;
text-decoration: none;
cursor: pointer;
}
#logo-bar .cta-search a {
color: #fff;
font-size: 16px;
padding: 10px;
}
#logo-bar .cta-search {
padding-top: 0px;
}
#logo-bar .cta-search form {
position: absolute;
top: 0px;
right: 0px;
}
.input-group .form-control{
position: relative;
z-index: 2;
float: left;
width: 70%;
margin-left: 34px;
margin-top: 2px;
}
#custom-search-input {
padding: 8px 8px 5px 8px;
border: solid 1px #E4E4E4;
border-radius: 6px;
background-color: #fff;
float: right;
width: 36%;
display: inline-block;
height: 38px;
}
#custom-search-input input {
border: 0;
box-shadow: none;
}
#custom-search-input button {
background: none;
box-shadow: none;
border: 0;
color: #666666;
padding: 0 8px 2px 10px;
border-left: solid 1px #ccc;
}
#custom-search-input button:hover {
border: 0;
box-shadow: none;
border-left: solid 1px #ccc;
}
#custom-search-input .fa-search {
color: #666666;
}
#navbar-menu {
background: #AF233B;
width: 80%;
margin: 0px auto;
}
.navbar-collapse #custom-search-input {
margin: 20px 0px 20px 0px;
}
ul.menu-col {
padding: 0;
margin: 0;
list-style: none;
}
ul.menu-col li a {
color: #555;
padding: 10px;
font-size: 1.2em;
display: block;
font-weight: 300;
}
ul.menu-col li a:hover {
text-decoration: none;
color: #A80B2D;
}
ul.menu-col li a:focus {
text-decoration: underline;
}
/* Atribute Navigation =================================*/
.attr-nav {
float: right;
display: inline-block;
margin-left: 13px;
margin-right: -15px;
}
.attr-nav>ul {
padding: 0;
margin: 0 0 -7px 0;
list-style: none;
display: inline-block;
}
.attr-nav>ul>li {
float: left;
display: block;
}
.attr-nav>ul>li>a {
color: #fff;
display: block;
/* padding: 28px 15px;
*/
position: relative;
}
/* Side Menu =================================*/
body {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body.on-side {
margin-left: -280px;
}
.side {
position: fixed;
overflow-y: auto;
top: 0;
right: -280px;
width: 280px;
padding: 25px 30px;
height: 100%;
display: block;
background-color: #333;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
z-index: 9;
}
.side.on {
right: 0;
}
.side .close-side {
float: right;
color: #fff;
position: relative;
z-index: 2;
font-size: 16px;
}
.side .widget {
position: relative;
z-index: 1;
margin-bottom: 25px;
}
.side .widget .title {
color: #fff;
margin-bottom: 15px;
}
.side .widget ul.link {
padding: 0;
margin: 0;
list-style: none;
}
.side .widget ul.link li a {
color: #9f9f9f;
letter-spacing: 1px;
}
.side .widget ul.link li a:focus, .side .widget ul.link li a:hover {
color: #fff;
text-decoration: none;
}
/* Navbar Responsive =================================*/
@media (max-width:1199px) {
#navbar-menu {
width: 100%;
}
.navbar li, .dropdown-menu {
width: 100%;
}
}
@media (min-width: 1024px) {
/* Atribute Navigation =================================*/
.attr-nav>ul>li.dropdown ul.dropdown-menu {
margin-top: 0;
margin-left: 55px;
width: 250px;
left: -250px;
}
/* Navbar Sidebar =================================*/
body.wrap-nav-sidebar .wrapper {
padding-left: 260px;
overflow-x: hidden;
}
}
@media (max-width: 992px) {
/* Navbar Responsive =================================*/
#full-width {
padding-left: 15px;
padding-right: 15px;
}
#logo-bar .logo {
margin-top: 0px;
}
#logo-bar {
padding: 10px 0px;
}
.logo-line {
margin-top: 0px;
}
nav.navbar ul.nav li.dropdown.on>a {
background: none;
}
body.side-right>.wrapper {
margin-left: 280px;
margin-right: -280px !important;
}
}
@media (min-width: 600px) {
#logo-bar .college-name-text {
left: 71px;
}
#logo-bar .college-name-text a {
font-size: 1.01em;
}
#logo-bar .college-name-text a:hover {
color: #ddd;
}
#logo-bar .logo-line {
height: 38px;
margin-top: 0px
}
#logo-bar .logo {
width: 60px;
margin-top: 3px;
}
.navbar-collapse {
padding-left: 0px;
padding-right: 0px;
}
}
@media screen and (max-width: 480px) {
#logo-bar .college-name-text a {
font-size: 1.1rem;
margin-top: 5px;
}
#logo-bar .college-name-text {
margin-top: 5px;
font-size: 1.1em;
bottom: -36px;
position: absolute;
left: 0px;
}
#logo-bar .logo-line {
height: 25px;
margin-top: 0px;
margin-right: 2px;
}
#logo-bar .logo {
width: 60px;
margin-top: -4px
}
}
@media (max-width: 767px) {
.attr-nav {
right: 30px;
}
.attr-nav>ul {
margin-right: -10px;
}
.attr-nav>ul>li>a {
padding: 16px 10px 15px;
padding-left: 0 !important;
}
.attr-nav>ul>li.dropdown ul.dropdown-menu {
left: -275px;
}
.top-search .container {
padding: 0 15px;
}
/* Mobile Navigation =================================*/
body.side-right>.wrapper {
margin-left: 280px;
margin-right: -280px !important;
}
li.close-full-menu {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
}
a:focus {
outline: 1;
}
a:hover {
text-decoration: underline;
}
.section {
padding: 50px 0;
position: relative;
display: inline-block;
}
@media (min-width: 1024px) {
nav.navbar ul.nav>li>a{
font-weight:normal;
cursor:pointer;
padding:5px;
}
nav.navbar-sidebar ul.nav>li>a {
padding: 10px 15px;
font-weight: bold;
}
}
@media (max-width: 992px) {
#navbar-menu {
width: 100%;
}
.navbar li, .dropdown-menu {
width: 100%!important;
text-align: left;
}
.attr-nav>ul>li>a {
padding: 16px 15px 15px;
}
/* Navbar Mobile slide ------*/
nav.navbar.navbar-mobile ul.nav>li>a {
padding: 15px 15px;
}
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu>li>a {
padding-right: 15px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
padding-right: 30px !important;
padding-top: 13px !important;
padding-bottom: 13px !important;
}
nav.navbar.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {
padding-top: 13px !important;
padding-bottom: 13px !important;
}
/* Navbar Full ------*/
nav.navbar-full .navbar-brand {
top: 0;
padding-top: 10px;
}
}
@media (min-width: 1024px) {
nav.navbar.navbar-inverse.no-background.dark .attr-nav>ul>li>a, nav.navbar.navbar-inverse.no-background.dark .attr-nav>ul>li>a, nav.navbar.navbar-inverse.no-background.dark ul.nav>li>a, nav.navbar.navbar-inverse.no-background.dark ul.nav>li>a {
color: #3f3f3f;
}
}
@media (max-width: 992px) {
#navbar-menu .navbar-nav {
margin: 0px;
float:none;
}
}
nav.navbar ul.nav li.dropdown.on > a,
nav.navbar ul.nav > li > a:hover,
nav.navbar ul.nav > li.active > a:hover,
nav.navbar ul.nav li.active > a,
nav.navbar li.dropdown ul.dropdown-menu > li a:hover {
color: #A80B2D;
text-decoration: none;
background: #fff;
}
nav.navbar ul.nav li.scroll.active > a,
nav.navbar ul.nav li.dropdown.on > a {
color: #A80B2D !important;
background: #fff;
}
@media(max-width:920px) {
nav.navbar li.dropdown ul.dropdown-menu>li a:hover {
background: #A80B2D;
}
nav.navbar ul.nav li.dropdown.on>a {
background: #af233a;
color: #fff;
}
}
.mobile-dropdown-menu {
background: none;
}
.accordion-heading>.active {
padding: 20px;
background: #eee;
}
.mobile-dropdown-menu .navbar li:hover a {
background: none;
}
.mobile-dropdown-menu .navbar li:hover a:hover {
background: none;
}
.nav li a {
padding: 20px;
}
.input-group[class*="col-"] {
padding-left: 0;
padding-right: 0;
margin: 0px auto;
}
.navbar li:hover a {
background: transparent;
}
.btn-info {
background-color: #fff;
border-color: #fff;
}
.list_nav_menu ul {
list-style: outside none none;
padding-left: 0;
}
.list_nav_menu ul li {
font-family: 'roboto', sans-serif;
line-height: 20px;
position: relative;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
margin-bottom: 7px;
padding-bottom: 7px;
font-style: normal;
}
.list_nav_menu ul li:last-child {
font-family: 'roboto', sans-serif;
line-height: 20px;
position: relative;
border-bottom: 0px;
margin-bottom: 7px;
padding-bottom: 7px;
}
.nomargin {
margin: 0px;
padding: 0px;
}
#global-footer.footer {
background: #5D666f;
overflow: hidden;
position:relative;
padding-top:80px;
padding-bottom:15px;
}
#global-footer .footer-content{
position:relative;
z-index:3;
color:#fff!important;
}
#global-footer .colorblock{
height: 10px;
background: url(https://www.umsl.edu/files/images/umsl-colorblock.jpg);
top: 0px;
background-size: 100%;
background-repeat: no-repeat;
background-position: 0 -5px;
width: 100%;
position:relative;
z-index:1;
}
#global-footer .row {
display: flex;
flex-wrap: wrap;
}
footer#global-footer.footer{
padding-top:0px;
}
#global-footer .footer a {
color: #fff;
}
#global-footer .footer-logo img{
width:220px;
}
#global-footer .footer-content{
padding-top:80px;
}
#global-footer .department-name{
font-weight: bold;
font-size: 1.1rem;
margin-bottom: 5px;
margin-top:10px;
display: inline-block;
}
#global-footer .social-flex-end {
display: flex !important;
flex: 0 0 auto;
align-items: flex-end;
justify-content: flex-end;
}
#global-footer .social-media-icons{
float:left;
}
#global-footer .icons-sm{
font-family: 'font-awesome';
padding: .1rem;
margin: .4rem;
font-size: 1.5em;
font-size:1.2rem;
}
#global-footer ul.social-media-icons > li > a {
color: #000;
background: #c3c6c8;
border-radius: 100px;
width: 40px;
height: 40px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
line-height: 0;
}
#global-footer ul.social-media-icons > li > a:hover{
cursor: pointer;
background:#ba0c2f;
text-decoration:none;
}
#global-footer .social-icons ul li {
float: left;
margin-right: 10px;
border-radius: 100px;
width: 40px;
height: 40px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
line-height: 0;
position: relative;
}
#global-footer .social-icons i {
font-size: 1.2rem;
}
#global-footer a.icons-sm.ins-ic.fa-2x{
color:#000;
}
#global-footer .icons-sm{
padding:0px;
margin:0px;
}
@media screen and (max-width: 576px){
#global-footer .social-media-icons{
padding-left:0px;
margin-top:15px;
}
}
#global-footer .copyright-border {
width: 100%;
height: 1px;
background: #515a63;
margin-top: 40px;
}
#global-footer .copyright-content{
position:relative;
z-index:1;
}
#global-footer .copyright-area {
color: #fff;
padding-top:20px;
width:100%;
}
#global-footer .copyright-area a {
text-decoration:underline;
font-weight:normal;
}
#global-footer .copyright-area a:hover {
color:#fff;
text-decoration:underline;
}
#global-footer .spirit-mark {
background: url(https://www.umsl.edu/files/images/umsl-spirit-mark_silver.svg);
background-repeat: no-repeat;
background-position: 99% -60px;
height: 600px;
width: 100%;
position: absolute;
right: 0;
z-index: 0;
opacity: 0.2;
top: 0;
}
@media (max-width: 992px) {
#global-footer .spirit-mark{
width:55%;
right:0px;
}
}
@media screen and (max-width: 576px){
.justify-content-sm-end {
-webkit-box-pack: end!important;
-ms-flex-pack: end!important;
justify-content: flex-end!important;
}
}
#global-footer .row {
display: flex;
flex-wrap: wrap;
}
#global-footer.footer a{
color:#fff;
}
#global-footer.footer a:hover{
color:#fff;
text-decoration:underline;
}
#global-footer .copyright-area p, #global-footer .copyright-area a {
color: #fff;
font-size:.8rem;
text-align:center;
}
@media screen and (max-width: 576px){
#global-footer .copyright-area p{
text-align:left;
}
#global-footer .copyright-area{
margin-top:20px;
}
}
#site-subfooter{
background:#EEEEEE;
padding:40px 0px 20px 0px;
}
#site-subfooter .statement p{
color:#444;
font-size:0.85rem;
}
#site-subfooter a{
color:#000;
font-weight:bold;
text-decoration:underline;
}
#site-subfooter .social a, #site-subfooter .social a:hover{
text-decoration:none;
}
#site-subfooter .social{
display: flex;
flex-direction: column;
align-items: flex-end;
}
#site-subfooter .footer-title{
color:#000;
margin-bottom:20px;
text-align:right;
}
@media (max-width: 992px) {
#site-subfooter .social{
display: flex;
flex-direction: column;
align-items: flex-start;
}
}
#site-subfooter .statement{
margin-top:20px;
}
/* ================================= NEW NAV =================================*/
.panel-group {
width: 100%;
margin: 0 auto 0;
position: relative;
}
.panel-group ul li {
height: 100%;
background-color: #fff;
zoom: 1;
}
.panel-group{
width:100%;
height:100%;
}
.panel-group ul li.intro {
width: 100%;
height:100%;
}
.panel-group ul li.intro p {
font-size: 24px;
text-transform: uppercase;
margin: 0;
padding: 52px 25px;
font-family: "Roboto", Arial, sans-serif;
font-weight:500;
color: #969696;
line-height: 30px
}
.panels-group ul li:nth-child(3), .panel-group ul li:nth-child(6), .panel-group ul li:nth-child(9) {
margin-right: 0
}
.panel-group .img-container {
position: relative
}
.panel-group .img-container .panel-info {
position: absolute;
top: 0;
left: 0;
height: 100%;
padding: 15px;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
-webkit-transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
transition: opacity .2s linear
}
.panel-group .img-container .panel-info:hover{
cursor:pointer;
}
.panel-group .img-container .panel-info p {
margin: 0;
font-size: 16px;
color: #fff;
position: relative;
float: left;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.panel-group .img-container .panel-info h1, .panel-group .img-container .panel-info h2, .panel-group .img-container .panel-info h3, .panel-group .img-container .panel-info h4, .panel-group .img-container .panel-info h5, .panel-group .img-container .panel-info h6 {
margin: 0;
color: #fff;
width:100%;
height:100%;
}
.panel-group ul li:hover .panel-info {
opacity: 1;
-ms-filter: "alpha(opacity=100)";
filter: alpha(opacity=100);
-webkit-transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
transition: opacity .2s linear
}
.panel-group li:nth-child(3) .panel-link, .panel-group li:nth-child(4) .panel-link, .panel-group li:nth-child(5) .panel-link {
padding: 24px 20px
}
.panel-group .panel-link {
padding: 24px 20px
}
.panel-group .panel-link h3 {
font-size: 18px;
line-height: 1;
margin: 0;
font-family:'Roboto',sans-serif;
font-weight:400;
}
.panel-group .panel-link h3 a:hover {
cursor:pointer;
}
.red .panel-link h3 a:link,.red .panel-link h3 a:hover,.red .panel-link h3 a:visited{
color: #A80B2D
}
.red .panel-info {
background-color: #A80B2D;
background-color: rgba(152, 30, 50, 0.9)
}
.gold .panel-link h3 a:link,.gold .panel-link h3 a:hover,.gold .panel-link h3 a:visited{
color:#c09551;
}
.gold .panel-link h3 {
color:#c09551;
}
.gold .panel-info {
background-color: #c09551;
background-color: rgba(192, 149, 81, 0.9)
}
#carousel-custom {
width: 100%;
}
#carousel-custom .carousel-indicators {
margin: 10px 0 0;
overflow: auto;
position: static;
text-align: left;
white-space: nowrap;
width: 100%;
}
#carousel-custom .carousel-indicators li {
background-color: transparent;
-webkit-border-radius: 0;
border-radius: 0;
display: inline-block;
height: auto;
width: auto;
margin: 0 !important;
width:60px;
/* height:60px;
*/
overflow:hidden;
}
#carousel-custom .carousel-indicators li img {
height:100%;
width:100%;
display: block;
opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
opacity: 1;
}
#carousel-custom .carousel-indicators li.active{
border-bottom:4px solid #A80B2D;
}
#carousel-custom .carousel-indicators li:hover img {
opacity: 0.75;
}
#carousel-custom .carousel-outer {
position: relative;
}
#carousel-custom .carousel-control{
width:10%;
}
#carousel-custom .carousel-inner>.item>img, #carousel-custom .carousel-inner>.item>a>img{
width:100%;
}
.carousel-inner .no-pad{
padding:0px!important
}
#carousel-custom .carousel-caption{
bottom:20%;
text-align:left;
}
#carousel-custom a:visited{
color:#fff!important;
}
#carousel-custom .read-more-box {
font-size:15px;
bottom: -13px;
padding: 5px 10px;
}
#carousel-custom .carousel-control.left, #carousel-custom .carousel-control.right{
background:none;
}
@media screen and (max-width: 900px){
#carousel-custom .carousel-caption {
bottom: 25%;
}
}
@media screen and (max-width: 767px){
#carousel-custom .carousel-control .glyphicon-chevron-left, #carousel-custom .carousel-control .glyphicon-chevron-right, #carousel-custom .carousel-control .icon-prev, #carousel-custom .carousel-control .icon-next {
width: 25px;
height: 25px;
margin-top: -15px;
margin-left: -25px;
font-size: 20px;
}
#carousel-custom .carousel-caption{
left:10%;
}
#carousel-custom .read-more-box {
font-size: 15px;
padding: 5px 10px;
position: relative;
margin-top: 10px;
display: inline-block;
}
#carousel-custom .secondary-slideshow-caption {
position:relative;
padding:20px;
background:#444;
}
#majors-degrees .page-image-caption{
position:relative;
width:100%;
top:0;
}
#majors-degrees .page-image-caption h3{
font-size:17px;
letter-spacing:0px;
}
}
@media screen and (max-width: 500px){
#carousel-custom .carousel-inner {
height: 300px;
}
#carousel-custom .read-more-box{
position:relative;
}
#majors-degrees .page-image-caption{
position:relative;
width:100%;
top:0;
}
}
.umsl-secondary-text{
color:#fff;
font-family:'Oswald', sans-serif;
font-weight:500;
}
.image-overlay {
background: linear-gradient(60deg,#121212,hsla(0,0%,7%,.97087) 14.29%,hsla(0,0%,7%,.9103) 25.32%,hsla(0,0%,7%,.82477) 33.77%,hsla(0,0%,7%,.72074) 40.26%,hsla(0,0%,7%,.6047) 45.45%,hsla(0,0%,7%,.48313) 50%,hsla(0,0%,7%,.36249) 54.55%,hsla(0,0%,7%,.24926) 59.74%,hsla(0,0%,7%,.14992) 66.23%,hsla(0,0%,7%,.07095) 74.68%,hsla(0,0%,7%,.01882) 85.71%,hsla(0,0%,7%,0));
transition: opacity .4s cubic-bezier(.645,.045,.355,1) .3s;
opacity:0.3;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
pointer-events: none;
}
.image-hero--content {
text-align: left;
color: #fff;
text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: 0px auto;
display: flex;
align-items: flex-end;
z-index: 3;
padding:0px 0px 20px 20px;
width:1200px;
}
.image-hero--content h1 {
font-size:calc(1.5vw + 45px);
position:relative;
line-height:1.2;
top: 35px;
}
.cf:before, .cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
/*Page Image Banners*/
.banner-image-wrapper {
position: relative;
overflow: hidden;
width: 100%;
height: 430px;
}
.banner-image-wrapper-color{
position: relative;
overflow: hidden;
width: 100%;
height: 520px;
margin-bottom:10px;
}
.banner-image-wrapper-color::after {
content: "";
display: inline-block;
width: 100%;
height: 11px;
position: absolute;
bottom: 0px;
left: 0;
z-index: 1;
background: url(https://www.umsl.edu/files/images/umsl-colorblock.jpg);
background-position: 50px -4px;
}
.banner-image {
position: absolute;
min-width: 100%;
object-fit: cover;
object-position: center;
height:100%;
}
.image-js {
color: #fff;
}
@media(max-width:767px){
.image-hero--content {
width: 100%;
}
.image-hero--content h1{
font-size:calc(3vw + 20px);
top:0px;
}
.banner-image-wrapper {
height:250px;
}
}
@media(min-width:768px){
.image-hero--content {
padding: 0px 0px 50px 0px;
width: 100%;
}
.image-hero--content h1{
font-size:calc(3vw + 20px);
bottom: 0;
}
.video-wrapper{
height:400px!important;
}
.banner-image-wrapper {
height:370px;
}
}
@media(min-width:992px){
.image-hero--content {
width: 992px;
}
.image-hero--content h1{
font-size:calc(3vw + 30px);
top:0px;
}
.banner-image-wrapper {
height:400px;
}
}
@media(min-width:1200px){
.banner-image-wrapper {
height:420px;
}
.image-hero--content {
width:1200px;
}
}
@media(min-width:1400px){
.banner-image-wrapper {
height:520px;
}
}
@media screen and (max-width: 576px){
.banner-image-wrapper-color{
position: relative;
overflow: hidden;
width: 100%;
height: 300px;
}
}
/*LIGHTBOX AND IMAGE GALLERY **/
.divTable{
display: table;
width:auto;
background-color:#eee;
border-spacing:5px;
}
.divRow {
line-height:30px;
float:left;
}
.thumbnail-gallery {
width:250px;
margin-left:30px;
}
.photo-gallery img {
width: 100%;
display: block;
aspect-ratio: 1 / 1;
object-fit: cover;
transition: transform 1000ms;
}
.photo-gallery ul {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.5rem;
grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
max-width: 100%;
width: 70rem;
}
.photo-gallery figure {
margin: 0;
position: relative;
overflow: hidden;
}
.photo-gallery figure::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 200%;
height: 200%;
background: rgba(0, 0, 0, 0.5);
transform-origin: center;
opacity: 0;
transform: scale(2);
transition: opacity 300ms;
}
.photo-gallery figcaption {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: none;
display: flex;
justify-content: center;
place-items: center;
text-align: center;
padding: 1rem;
color: white;
font-size: 1.2rem;
z-index: 1;
opacity: 0;
transition: opacity 600ms, transform 600ms;
}
.photo-gallery a:is(:hover, :focus) figure::after {
opacity: 1;
}
.photo-gallery a:is(:hover, :focus) figcaption {
opacity: 1;
transition: opacity 600ms;
}
@media (prefers-reduced-motion: no-preference) {
.photo-gallery figcaption {
transform: translate3d(0, 2rem, 0);
}
.photo-gallery figure::after {
border-radius: 50%;
opacity: 1;
transform: scale(0);
transition: transform 900ms;
}
.photo-gallery a:is(:hover, :focus) figure::after {
transform: scale(2.5);
}
.photo-gallery a:is(:hover, :focus) figcaption {
opacity: 1;
transform: translate3d(0, 0, 0);
transition: opacity 600ms 400ms, transform 600ms 400ms;
}
.photo-gallery a:is(:hover, :focus) img {
transform: scale(1.2);
}
}
.lightboxOverlay {
position: absolute;
top: 0;
left: 0;
z-index: 9999;
background-color: black;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity: 0.8;
display: none;
}
.lightbox {
position: absolute;
left: 0;
width: 100%;
z-index: 10000;
text-align: center;
line-height: 0;
font-weight: normal;
}
.lightbox .lb-image {
display: block;
height: auto;
max-width: inherit;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.lightbox a img {
border: none;
}
.lb-outerContainer {
position: relative;
background-color: white;
*zoom: 1;
width: 250px;
height: 250px;
margin: 0 auto;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
}
.lb-outerContainer:after {
content: "";
display: table;
clear: both;
}
.lb-container {
padding: 4px;
}
.lb-loader {
position: absolute;
top: 43%;
left: 0;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
.lb-cancel {
display: block;
width: 32px;
height: 32px;
margin: 0 auto;
background: url(https://www.umsl.edu/files/images/loading.gif) no-repeat;
}
.lb-nav {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
.lb-container > .nav {
left: 0;
}
.lb-nav a {
outline: none;
}
.lb-prev, .lb-next {
height: 100%;
cursor: pointer;
display: block;
}
.lb-nav a.lb-prev {
width: 34%;
left: 0;
float: left;
background: url(//www.umsl.edu/files/images/prev.png) left 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-prev:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-nav a.lb-next {
width: 64%;
right: 0;
float: right;
background: url(//www.umsl.edu/files/images/next.png) right 48% no-repeat;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
-webkit-transition: opacity 0.6s;
-moz-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
.lb-nav a.lb-next:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.lb-dataContainer {
margin: 0 auto;
padding-top: 5px;
*zoom: 1;
width: 100%;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.lb-dataContainer:after {
content: "";
display: table;
clear: both;
}
.lb-data {
padding: 0 4px;
color: #ccc;
}
.lb-data .lb-details {
width: 85%;
float: left;
text-align: left;
line-height: 1.1em;
}
.lb-data .lb-caption {
font-size: 13px;
font-weight: bold;
line-height: 1em;
}
.lb-data .lb-number {
display: block;
clear: left;
padding-bottom: 1em;
font-size: 12px;
color: #999999;
}
.lb-data .lb-close {
display: block;
float: right;
width: 30px;
height: 30px;
background: url(//www.umsl.edu/files/images/close.png) top right no-repeat;
text-align: right;
outline: none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
opacity: 0.7;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.lb-data .lb-close:hover {
cursor: pointer;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
/************************ * LEFT NAV ***********************/
#leftnavcont {
border-color: #444 -moz-use-text-color -moz-use-text-color;
color: #444;
border-collapse: collapse;
}
#primaryNavigation {
background-color:#EEEEEE;
float:left;
position:relative;
height:auto;
width:100%;
}
.left-nav{
padding-top:10px;
padding-bottom:10px;
}
ul.navigation {
border-width: 7px 0px 0px;
background-color: #EEEEEE;
float: left;
padding-left: 0px;
margin: 0px;
list-style-type: none;
padding-top: 0px;
padding-bottom: 0px;
display: block;
width:100%;
border-top:3px solid #444;
}
li.navigation {
width:100%;
list-style-type:none;
border-bottom: 1px solid #444;
}
hr.nav {
color:#cccccc;
background:#cccccc;
height:1px;
margin-top:0;
}
.dropdown {
margin-left: 1px;
line-height: 28px;
background-color: white;
width: 99.1%;
margin-bottom: 0px;
}
a.subnavigation-links{
padding: 5px 0px 5px 10px;
display: inline-block;
}
a.navigation-links:link {
color:#333;
font-weight:normal;
text-decoration: none;
display:block;
padding:8px;
}
a.navigation-links:visited {
color: #333;
text-decoration: none;
}
a.navigation-links:active {
color: #333;
text-decoration: none;
}
a.navigation-links:hover {
color: #FFFFFF;
background-color:#444444;
text-decoration: none;
display:block;
}
a.subnavigation-links:link {
color:#000;
text-decoration: none;
font-weight:normal;
}
a.subnavigation-links:visited {
text-decoration: none;
color:#000;
}
a.subnavigation-links:active {
color: #000;
text-decoration: none;
}
a.subnavigation-links:hover {
color:#308EF8;
text-decoration: none;
}
.open > a{
color:#444;
}
.open > a:hover{
color:#A80B2D;
}
/************************ * MOBILE LEFT NAV ***********************/
.accordion-group{
display:block;
border: 1px solid #cccccc;
}
.accordion-toggle {
background-image: none;
}
.accordion-toggle{
display:block;
padding:10px;
background:#EEEEEE url(//www.umsl.edu/files/images/redesign/arrow-down-gray.png) no-repeat 97% 10px;
}
.accordion-heading> .active{
display:block;
padding:10px;
border-bottom: 1px rgb(51, 51, 51);
text-decoration: none;
background:url(//www.umsl.edu/files/images/redesign/arrow-down-gray.png) no-repeat 97% 10px;
}
.accordion-heading a:hover{
display:block;
text-decoration:none;
border:0px
}
.accordion-inner {
background-color: #ffffff;
padding-left: 10px;
}
.accordion-inner a:hover{
color:#A80B2D;
text-decoration:none;
}
/************************ * RELATED LINKS ***********************/
.right-col p{
font-size:14px;
color:#333;
}
.right-col{
font-size:14px;
}
.right-col h5{
font-size: 17px;
padding-left:0px;
font-weight:bold;
}
#related-links h5{
font-family: 'roboto', sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #333;
margin-bottom: 15px;
padding-bottom: 5px;
font-size: 14px;
line-height: 24px;
border-top: 4px solid #ddd;
padding-top: 10px;
}
#related-links ul{
list-style-type:none;
font-size:14px;
padding:0px 0px 0px 10px;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
#related-links li{
line-height: 1.4em;
margin-bottom: 10px;
}
#related-links li a,.right-col a{
font-weight:bold;
}
#related-links li a:hover,.right-col a:hover{
font-weight:bold;
text-decoration:underline;
}
#related-links li a:visited,.right-col a:visited{
font-weight:bold;
text-decoration:none;
}
/************************ * RETIRE ALL.BUTTON CLASS ***********************/
button{
border:0px
}
.button {
cursor:pointer;
display: inline-block;
font-family:'Roboto',Arial,sans-serif;
font-size: 1rem;
font-weight:bold;
line-height:1;
text-shadow:none;
text-align: left;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border:2px solid transparent!important;
padding: 0.7rem 1rem;
margin:2px;
border-radius: 0.25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
box-shadow:none;
}
a.button:after {
font: normal normal normal 9px/1 FontAwesome;
content: "\f054";
margin-left: 5px;
position: relative;
right: 0;
top: -1px;
}
.button a:visited {
color:#fff!important
}
/**DEGREE SEARCH PAGINATION LINKS*/
#alphalist_paginate a:link {
font-weight:bold!important;
color:#0E71E2!important;
cursor:pointer;
}
#alphalist_paginate a:visited {
font-weight:bold!important;
color:#0B4689!important;
cursor:pointer;
}
#alphalist_paginate a:hover {
font-weight:bold!important;
color:#308EF8!important;
cursor:pointer;
}
.columns-container h2 a:link, .columns-container h3 a:link, .columns-container h4 a:link, .columns-container h5 a:link, .columns-container h6 a:link{
border-bottom:0px;
color:#0E71E2!important;
cursor:pointer;
}
.columns-container h2 a:visited, .columns-container h3 a:visited, .columns-container h4 a:visited, .columns-container h5 a:visited, .columns-container h6 :visited{
border-bottom:0px;
color:#0B4689!important;
cursor:pointer;
}
.columns-container h2 a:hover, .columns-container h3 a:hover, .columns-container h4 a:hover, .columns-container h5 a:hover, .columns-container h6 a:hover{
border-bottom:0px;
color:#308EF8!important;
cursor:pointer;
}
.btn {
display: inline-block;
font-family:'Roboto',Arial,sans-serif;
font-size: 1rem;
font-weight:bold;
text-align: left;
white-space:initial;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border:2px solid transparent!important;
padding: 0.5rem 1rem;
margin-bottom:5px;
border-radius: 0.25rem;
box-shadow:none;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn:active, .btn.active{
box-shadow:none;
}
@media screen and (max-width: 767px){
.btn{
padding:0.5rem .5rem;
}
}
a:hover.btn{
cursor:pointer;
}
a.btn:after {
font: normal normal normal 9px/1 FontAwesome;
content: "\f054";
margin-left:5px;
position: relative;
right: 0;
top: -1px;
}
a.btn.btn-primary {
background: #ba0c2f;
color: #fff !important;
text-decoration: none!important;
border: 2px solid transparent !important;
}
p a.btn.btn-primary {
background: #ba0c2f;
color: #fff !important;
text-decoration: none;
margin-bottom:5px;
border: 0px;
}
a:hover.btn.btn-primary {
background: #d20e35;
text-decoration: none;
}
.btn-primary{
background: #ba0c2f;
color: #fff !important;
text-decoration: none!important;
border: 2px solid transparent !important;
}
.btn-primary:hover {
background: #d20e35;
text-decoration: none;
}
.localist-widget .action_button a{
background: #ba0c2f!important;
color: #fff !important;
text-decoration: none!important;
border: 2px solid transparent !important;
font-family:'Roboto',Arial,sans-serif;
font-size: 1rem;
font-weight:bold;
line-height:1 !important;
text-align: left;
white-space:initial;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border:2px solid transparent!important;
padding: 0.5rem 1rem;
margin-bottom:5px;
border-radius: 0.25rem;
box-shadow:initial;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.localist_widget_container .action_button a:hover{
background: #d20e35!important;
text-decoration: none;
}
/* Default Button */
a.btn.btn-default {
background: #003975;
color: #fff !important;
text-decoration: none;
border: 2px solid transparent;
}
a.btn.btn-default:hover {
background: #024fa1;
}
/* Ghost Red Button */
a.btn.btn-ghost-red {
color: #a80b2d !important;
border: 2px solid #a80b2d !important;
text-decoration: none;
}
a.btn.btn-ghost-red:hover {
background: #a80b2d;
color: #fff !important;
}
/* Ghost White Button */
a.btn.btn-ghost-white {
color: #fff !important;
border: 2px solid #fff !important;
text-decoration: none !important;
}
a.btn.btn-ghost-white:hover {
background: #fff;
color: #a80b2d !important;
}
.link-chevron-animated {
color: #0645AD;
text-decoration: none;
font-weight: 500;
position: relative;
padding-right: 1em;
transition: color 0.3s ease;
}
.link-chevron-animated::after {
content: "\f054"; /* Font Awesome chevron-right */
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
transition: transform 0.3s ease;
font-size:.8rem;
}
.link-chevron-animated:hover::after {
transform: translateY(-50%) translateX(4px);
}
/************************ * ALERTS ***********************/
.alert, .alert-success, .alert-warning, .alert-info, .alert-danger{
font-family:'Roboto',sans-serif!important;
color:#000!important;
font-weight:normal!important;
display:block;
margin-bottom:0;
padding: 15px;
}
.alert p{
margin-bottom:0;
color:#000!important;
}
a.alert{
text-decoration:underline;
}
.alert a:link, .alert-success a:link, .alert-warning a:link, .alert-info a:link, .alert-notice a:link, .alert-danger a:link{
color:#000!important;
text-decoration:underline!important;
font-weight:bold;
}
.alert a:hover .alert-success a:hover, .alert-info a:hover, .alert-warning a:hover, .alert-notice a:hover, .alert-danger a:hover{
color:#0E71E2!important;
text-decoration:underline!important;
}
.alert-info{
background: #E0F5F7;
border-top:4px solid #63CDD4;
color:#000;
}
.alert-success{
background: #E4F2D2;
border-top: 5px solid #78BE21;
display:block;
color:#000;
}
.alert-notice{
background: #E0F5F7;
border-top: 5px solid #63CDD4;
display:block;
color:#000
}
.alert-warning{
background-color:#fff4d5;color:#000;border:0px;display:block;
}
.alert-danger{
color:#000!important;border:0px;display:block;
}
.alert-info a:link.btn-default, .alert-info .btn-default a:hover, .alert-info a:link.btn-secondary, .alert-info .btn-secondary a:hover, .alert-warning a:link.btn-default, .alert-warning .btn-default a:hover, .alert-danger a:link.btn-default, .alert-danger .btn-default a:hover, .alert-success a:link.btn-default, .alert-success .btn-default a:hover {
color:#fff!important;
text-decoration:none!important;
}
#alert-message h1, #alert-message h2, #alert-message h3, #alert-message h4, #alert-message h5, #alert-message h6, #alert-message p{
margin-bottom:0px
}
/* red slate form box for major pages */
.dred {
padding: 20px;
color: #fff;
}
.dred p, .dred h3{
color: #fff;
}
.dred button {
color: #444;
}
/************************ * FORMATTED TABLES ***********************/
/* General Table Styles */
table td {
padding: 5px;
}
.basic-table th, .gray-table th, .red-table th {
font-size: 1rem;
font-weight: bold;
border-bottom: 3px solid;
padding: 10px;
text-align: left;
}
.basic-table th, .gray-table th {
color: #A80B2D;
}
.basic-table td, .gray-table td, .red-table td {
vertical-align: top;
border-top: 1px solid #ddd;
}
/* Table with Extra Padding */
table.table th, table.table td {
padding: 1.1rem 0;
}
/* Links in Tables */
table a {
font-weight: bold;
}
/* Table Labels & Buttons */
table.table .label-table {
margin: 0;
padding: 0;
line-height: 15px;
height: 15px;
}
table.table .btn-table {
margin: 0 1px;
padding: 3px 7px;
}
table.table .btn-table .fa {
font-size: 11px;
}
/* Hover Effect */
table.table-hover tbody tr:hover {
background-color: rgba(0, 0, 0, 0.075);
transition: background-color 0.5s ease-in-out;
}
/* Column Sizing */
table .th-lg {
min-width: 9rem;
}
/* Smaller Table Padding */
table.table-sm th, table.table-sm td {
padding: 0.6rem 0;
}
.red-table{
font-size:15px;
border:1px solid #ccc
}
.red-table th{
background:#A80B2D;
padding: 10px;
color:#fff;
}
.red-table td{
padding: 10px;
vertical-align: top;
border-top: 1px solid #ddd;
}
.red-table > tbody > tr:nth-child(odd) > td, .red-table > tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9;
}
.gray-table {
font-size:15px;
border:1px solid #ccc
}
.gray-table th {
background:#333;
padding: 10px;
color:#fff;
}
.gray-table td {
padding: 10px;
vertical-align: top;
border-top: 1px dashed #ddd;
}
.table-striped a{
color:#005A8A!important;
}
.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th{
background:#F8F9FA;
}
/************************ * GLOBAL STYLES ***********************/
img {
max-width: 100%;
}
h1.page-title{
font-family:'Oswald',sans-serif;
color:#333;
font-weight:400;
font-size:clamp(2.1rem, 5vw, 2.8rem)
}
h2{
font-family: 'Oswald', sans-serif;
font-size:2rem;
font-weight:500;
color:#333;
}
h3{
font-family: 'oswald', sans-serif;
font-size:1.6rem;
font-weight:500;
color:#333;
}
h4{
font-family: 'Oswald', sans-serif;
font-size:1.5rem;
font-weight:500;
color:#333;
}
h5{
font-size: 1.2rem;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-weight: 400;
}
h6{
font-size: .9rem;
color: #A80B2D;
font-weight: 500;
font-family:'roboto';
}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link{
font-family: 'Oswald', sans-serif;
text-decoration:underline;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover,h5 a:hover,h6 a:hover{
font-family: 'Oswald', sans-serif;
color:#308EF8;
text-decoration:underline;
}
/*USED LEFT NAV MOBILE*/
.accordion-mobile-group {
display:block;
}
.accordion-mobile-toggle{
display:block;
padding:10px;
}
.accordion-mobile-heading> .active {
display:block;
border-bottom: 1px rgb(51, 51, 51);
text-decoration: none;
}
.mobile-menu {
float:right;
position:relative;
color: white;
font-size: 22px !important;
}
.mobile-dropdown-menu {
display: none;
position:relative;
color: #444;
z-index:5!important;
}
.mobile-dropdown-menu input {
width: 100%;
height: 34px;
font-size: 16px;
margin-top: 8px;
color: #444;
margin-left: 5px;
}
.mobile-dropdown-menu a {
display: inline-block;
width:100%;
border-bottom: 1px solid #ccc;
padding: 10px;
color:#333;
font-size:.8rem;
}
.mobile-dropdown-menu a:hover {
text-decoration: none;
}
.mobile-menu-pane {
width: 100%;
position: relative;
background-color: #EEEEEE;
z-index: 9!important;
}
.unit-mobile-menu-pane {
background-color:#eee;
}
.unit-mobile-menu-pane a {
border-bottom: none;
color: #ffffff;
}
.unit-mobile-menu-pane div {
border-bottom: 1px solid #fff;
}
.unit-mobile-menu-pane div:last-child {
border-bottom: 0px;
}
.unit-mobile-menu-pane {
z-index: 0;
}
.active-submenu {
background-color: #fff;
}
/**************** Kickout STYLE.CSS *********************************/
.c-offcanvas, .c-offcanvas-content-wrap {
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.c-offcanvas, .c-offcanvas-content-wrap, .c-offcanvas-bg.c-offcanvas-bg--reveal, .c-offcanvas-bg.c-offcanvas-bg--push {
transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
}
.c-offcanvas.is-open {
transform: translate3d(0, 0, 0);
visibility: visible;
z-index: 9;
}
/** * Offcanvas-content-wrap */
.c-offcanvas-content-wrap {
position: relative;
z-index: 3;
/* overflow: hidden;
*/
}
/** * Offcanvas Panel */
.c-offcanvas {
position: fixed;
min-height: 100%;
max-height: none;
top: 0;
display: block;
background: #fff;
overflow: hidden;
}
.c-offcanvas--opening {
transition-timing-function: cubic-bezier(0.4, 0, 0.6, 1);
}
.c-offcanvas.is-closed {
max-height: 100%;
overflow: hidden;
visibility: hidden;
box-shadow: none;
}
.c-offcanvas.is-scrollable {
overflow-y: auto;
}
.c-offcanvas--reveal {
z-index: 2;
}
/** * Offcanvas BG-Overlay */
.c-offcanvas-bg {
position: fixed;
top: 0;
height: 100%;
width: 100%;
z-index: 5;
left: -100%;
background-color: transparent;
transition: background-color 400ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}
.c-offcanvas-bg.is-animating, .c-offcanvas-bg.is-open {
left: 0;
background-color: rgba(0, 0, 0, 0.68);
visibility: visible;
}
.c-offcanvas-bg.is-closed {
visibility: hidden;
}
/** * Reveal * */
.c-offcanvas-content-wrap {
z-index: 3;
}
.c-offcanvas-content-wrap--reveal.c-offcanvas-content-wrap--right.is-open {
transform: translate3d(-17em, 0, 0);
}
.c-offcanvas--reveal {
z-index: 0;
transform: translate3d(0, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--reveal.c-offcanvas-bg--right.is-open {
transform: translate3d(-17em, 0, 0);
}
/** * Push * */
.c-offcanvas--push {
z-index: 6;
}
.c-offcanvas--push--opening {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.c-offcanvas-content-wrap {
z-index: 3;
}
.c-offcanvas-content-wrap--push.c-offcanvas-content-wrap--right.is-open {
transform: translate3d(-17em, 0, 0);
}
.c-offcanvas-bg.c-offcanvas-bg--push.c-offcanvas-bg--right.is-open {
transform: translate3d(-17em, 0, 0);
}
.u-unstyled, .o-list-inline {
margin: 0;
padding: 0;
list-style: none;
}
.u-pos-relative {
position: relative !important;
}
.u-hidden-visually {
position: absolute !important;
overflow: hidden !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
border: 0 !important;
clip: rect(1px, 1px, 1px, 1px) !important;
}
.u-text-center {
text-align: center;
}
[tabindex="-1"]:focus {
outline: 0;
}
html {
overflow: hidden;
font-size: 1em;
font-family: "Roboto", sans-serif;
line-height: 1.5;
background-color: #fff;
color: #333;
overflow-y: scroll;
min-height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
.l-wrapper {
max-width: 100%;
margin: 0 auto;
padding-right: 12px;
padding-left: 12px;
}
@media (min-width: 41.25em) {
.l-wrapper {
padding-right: 24px;
padding-left: 24px;
}
}
@media (min-width: 46.25em) {
.l-wrapper {
max-width: 34.2556em;
}
}
@media (min-width: 81.25em) {
.l-wrapper {
max-width: 46.97082em;
}
}
.c-input:focus {
z-index: 1;
outline: 0;
}
.c-input-add-on {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 1.5em;
}
.c-input-add-on__field {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.c-input-add-on__field:not(:first-child) {
margin-left: -1px;
}
.c-input-add-on__field:not(:last-child) {
border-right: 0;
}
.c-input-add-on__item {
margin: 0;
}
.c-input-add-on__field, .c-input-add-on__item {
border: 1px solid rgba(147, 128, 108, 0.25);
padding: 0.5em 0.75em;
}
.c-input-add-on__field:first-child, .c-input-add-on__item:first-child {
border-radius: 2px 0 0 2px;
}
.c-input-add-on__field:last-child, .c-input-add-on__item:last-child {
border-radius: 0 2px 2px 0;
}
.c-menu {
margin: 0;
}
.c-menu--border .c-menu__item {
border-bottom: 1px solid #e0e0e0;
}
.c-page {
overflow: hidden;
padding-top: 1.6992em;
}
@media (min-width: 20em) and (max-width: 41.25em) {
.c-page {
padding-top: 1.6992em;
}
}
@media (min-width: 41.25em) and (max-width: 46.25em) {
.c-page {
padding-top: 2.15055em;
}
}
@media (min-width: 46.25em) and (max-width: 61.25em) {
.c-page {
padding-top: 2.3128em;
}
}
@media (min-width: 61.25em) and (max-width: 81.25em) {
.c-page {
padding-top: 2.655em;
}
}
@media (min-width: 81.25em) {
.c-page {
padding-top: 3.0208em;
}
}
.c-offcanvas--overflow-top {
overflow: visible;
}
/* body, .c-offcanvas-content-wrap {
min-height: 100vh;
background-color: #f5f5f5;
}
*/
.c-offcanvas--shadow.is-closed:after {
content: none;
}
.c-offcanvas--shadow:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 10px;
background: linear-gradient(to right, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0) 100%);
pointer-events: none;
}
.c-offcanvas--shadow-right:after {
right: 0;
background: linear-gradient(to left, rgba(0, 0, 0, 0.38) 0%, rgba(0, 0, 0, 0) 100%);
}
/*** END OF STYLE.CSS ****/
/************** TOP-NAV.CSS *****************************/
.c-offcanvas {
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: fixed;
min-height: 100%;
max-height: none;
top: 0;
display: block;
background: #fff;
overflow-x: hidden;
overflow-y: auto;
}
.c-offcanvas.is-open {
transform: translate3d(0, 0, 0);
visibility: visible;
}
.c-offcanvas-bg {
position: fixed;
top: 0;
height: 100%;
width: 100%;
z-index: 1079;
left: -100%;
background-color: transparent;
transition: background-color 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.c-offcanvas-bg.is-open {
left: 0;
background-color: rgba(0, 0, 0, 0.68);
visibility: visible;
}
.c-offcanvas-content-wrap {
z-index: 3;
}
#site-header .site-header-nav{
padding:10px;
}
#site-header .navbar-nav > li > a, #site-header .navbar-nav > li > a:link {
line-height: 1.5;
width:auto;
text-decoration: none!important;
font-weight: 500;
overflow: visible;
}
@media screen and (max-width: 1199px) {
.navbar li, .dropdown-menu {
width: auto;
}
}
@media screen and (max-width: 992px){
#site-header .navbar-nav > li > a{
display:none;
}
}
#site-header .site-header-navbar{
max-height:65px;
display:flex;
align-items:center;
margin-bottom:0px;
}
@media screen and (max-width: 992px){
#site-header .site-header-navbar{
display:block;
padding: 5px 0px 5px 5px;
min-height:auto;
}
}
.navbar-header {
float: none;
}
.awc {
padding: 10px 0px 10px 0px;
}
@media screen and (max-width: 500px){
.awc{
padding: 0px;
}
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-nav {
float: none !important;
margin: 7.5px -15px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
list-style-type: none;
}
.c-offcanvas-content-wrap, body {
min-height: 100vh;
overflow: visible;
}
.c-offcanvas-content-wrap {
position: relative;
z-index: 3;
overflow: visible;
background: #fff;
}
.c-offcanvas {
position: fixed;
min-height: 100%;
max-height: none;
top: 0;
display: block;
background: #ba0c2f;
}
.c-offcanvas--overlay {
z-index: 6;
}
.c-offcanvas-bg {
position: fixed;
top: 0;
height: 100%;
width: 100%;
z-index: 5;
left: -100%;
background-color: transparent;
transition: background-color 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.c-offcanvas--right {
height: 100%;
width: 30em;
right: 0;
transform: translate3d(17em, 0, 0);
}
@media (max-width: 768px) {
.c-offcanvas--right {
width:100%;
}
}
.c-offcanvas--top {
left: 0;
right: 0;
height: 12.5em;
min-height: auto;
width: 100%;
}
.c-offcanvas--top {
top: 0;
transform: translate3d(0, -12.5em, 0);
}
.c-button {
background: 0 0;
border-style: solid;
border-width: 1px;
box-sizing: border-box;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: inline-block;
font: inherit;
font-weight: 300;
margin: 0;
padding: 0.38198em 0.7293em;
margin: 0 0 0.38198em;
position: relative;
text-align: center;
text-decoration: none;
user-select: none;
overflow: hidden;
vertical-align: middle;
}
.c-button-menu {
background-image: url(https://www.umsl.edu/files/images/sitewide/menu-search-white1.svg);
background-size: 78%;
background-position: 5px 8px;
background-repeat:no-repeat;
padding: 7px;
border-color: #ba0c2f;
width: 45px;
height: 40px;
border-style: solid;
border-width: 1px;
box-sizing: border-box;
border-radius: 5px;
color: #fff;
cursor: pointer;
display: inline-block;
font: inherit;
margin: 0;
position: relative;
text-align: center;
text-decoration: none;
user-select: none;
overflow: hidden;
vertical-align: middle;
}
.c-button-menu:hover{
background: url(https://www.umsl.edu/files/images/sitewide/menu-search-white1.svg) #d20e35;
background-repeat: no-repeat;
background-size: 78%;
background-position: 5px 8px;
padding: 7px;
}
.c-button--close-right {
background: url(https://www.umsl.edu/files/images/sitewide/close.svg);
background-size: 65%;
background-repeat: no-repeat;
background-position: center;
border-color: #ba0c2f;
width: 40px;
height: 40px;
border:none;
color: #fff;
cursor: pointer;
display: inline-block;
font: inherit;
font-weight: 300;
margin: 0;
padding: 0.38198em 0.7293em;
margin: 0 0 0.38198em;
position: relative;
text-align: center;
text-decoration: none;
user-select: none;
overflow: hidden;
vertical-align: middle;
}
.c-button--close-right:hover {
background: url(https://www.umsl.edu/files/images/sitewide/close.svg) #e8153f;
border:0px;
background-size: 65%;
background-repeat: no-repeat;
background-position: center;
}
.c-button:hover {
color: #fafafa;
}
.c-button:focus{
-webkit-box-shadow: inset 0px 0px 1px 2px rgba(251, 216, 114, 1);
-moz-box-shadow: inset 0px 0px 1px 2px rgba(251, 216, 114, 1);
box-shadow: inset 0px 0px 1px 2px rgba(251, 216, 114, 1);
}
@media (min-width: 46.25em) {
.c-button {
font-size: 1.18em;
}
}
.c-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.c-button:active, .c-button:hover {
outline: 0;
text-decoration: none;
}
#site-header {
position: relative;
}
#site-header .navbar-header {
display: flex;
align-items: center;
justify-content: space-between;
}
#site-header .identity {
width: 100%;
display: flex;
flex-direction: column;
}
@media (max-width: 768px){
#site-header .identity{
width:500px;
}
}
#site-header .site-header-logo {
float: left;
height: 2.4rem;
width: auto;
border-right: 2px solid #fff;
padding-right: 8px;
}
@media (max-width: 768px){
#site-header .site-header-logo{
height:2rem;
}
}
#off-canvas-right{
background:#ba0c2f;
}
#off-canvas-right .menu-identity {
width: 100%;
}
#off-canvas-right .menu-identity .site-header-logo {
float: left;
height: 2.5rem;
width: auto;
border-right: 2px solid #fff;
padding-right: 8px;
transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
}
#off-canvas-right .menu-identity p {
padding-left: 5px;
line-height: 1.1;
font-size: 1.3rem;
font-family: "Roboto Condensed", sans-serif;
padding-left: 10px;
letter-spacing: -0.054rem;
margin-bottom: 0;
color:#fff;
}
#off-canvas-right .menu-identity a {
text-decoration: none;
transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
}
#off-canvas-right .global-name {
float: left;
margin-left: 5px;
color:#fff;
}
@media (max-width: 768px){
#off-canvas-right .global-name{
width:120px;
}
}
@media (max-width: 480px) {
#off-canvas-right .global-name p{
float: left;
margin-left: 0px;
padding-left:4px;
}
}
#off-canvas-right .c-menu__item--heading {
display: flex;
align-items: center;
justify-content: space-around;
background: #d20e35;
padding: 20px;
}
@media (max-width: 768px){
#off-canvas-right .c-menu__item--heading {
padding:8px;
}
#off-canvas-right .menu-identity .site-header-logo{
height:2rem;
}
#off-canvas-right .menu-identity p{
font-size:1rem;
}
#off-canvas-right .navbar-nav .nav-item a{
font-size:1.2rem;
}
}
#off-canvas-right .cta-links{
padding:10px 0px 10px 0px;
}
#off-canvas-right .navbar-nav {
float: none !important;
margin: 0;
display: flex;
padding: 0;
align-items: center;
justify-content: space-evenly;
flex-direction: row;
list-style-type: none;
width: 100%;
}
#off-canvas-right .nav-item a:after {
text-align: center;
font-size: 0.7rem;
font-family: FontAwesome;
content: "\f054";
float: right;
margin: 5px 0 0 5px;
}
#off-canvas-right .navbar-nav .nav-item a {
font-family: oswald, sans-serif;
font-size: 1.3rem;
text-decoration: none;
display: flex;
align-items: center;
}
#off-canvas-right .cta-links a{
display:flex;
align-items:center;
font-size:1.4rem;
font-family:'Oswald',sans-serif;
}
#off-canvas-right .cta-links a:after{
text-align: center;
font-size: 0.7rem;
font-family: FontAwesome;
content: "\f054";
float: right;
margin: 5px 0 0 5px;
}
#off-canvas-right .cta-links a:hover::after{
color:#eab000;
}
#off-canvas-right .cta-btn {
height: auto !important;
line-height: 1.1;
min-height: 3rem !important;
padding: 0.75rem 1.5rem;
}
#off-canvas-right .cta-btn::after {
/*transition: all .2s ease */
transition: transform 300ms cubic-bezier(0.4, 0, 0.6, 1);
}
#off-canvas-right .cta-btn:hover::after {
transform: translate(0.3rem, 0)
}
#off-canvas-right .cta-btn--button {
color: #fff;
height: 2.5rem;
padding: 0 .75rem;
display: inline-flex;
align-items: center
}
#off-canvas-right .cta-btn-button:hover::after {
transform: translate(0.25rem, 0)
}
#site-header .global-name p {
float: left;
line-height: 1.1;
font-size: 1.2rem;
font-family: "Roboto Condensed", sans-serif;
padding-left: 10px;
letter-spacing: -0.054rem;
margin-bottom: 0;
color:#fff;
}
#site-header .divider {
width: 2px;
background: #fff;
height: 1.6rem;
margin-left:10px;
}
@media (max-width: 1199px) {
#site-header .divider{
display:none;
}
}
@media (max-width: 768px){
#site-header .global-name p {
font-size: 1rem;
}
}
#site-header .navbar-nav > li{
float:left;
padding: 10px 0px 10px 0px;
}
#site-header .site-header-utility-nav {
display: flex;
width: 100%;
justify-content: flex-end;
align-items: center;
}
#site-header .cta-links a{
display:flex;
align-items:center;
font-size:1.3rem;
font-family:'Oswald',sans-serif;
}
#site-header .cta-links a:after{
text-align: center;
font-size: 0.7rem;
font-family: FontAwesome;
content: "\f054";
float: right;
margin: 5px 0 0 5px;
}
#site-header .cta-links a:hover:after{
color:#eab000;
}
.site-header-utility-nav .cta-btn {
height: auto !important;
line-height: 1.1;
min-height: 3rem !important;
padding: 0.75rem 1.5rem;
}
.site-header-utility-nav .cta-btn::after {
transition: all .2s ease
}
.site-header-utility-nav .cta-btn:hover::after {
transform: translate(0.3rem, 0)
}
.site-header-utility-nav .cta-btn--button {
color: #fff;
height: 2.5rem;
padding: 0 .75rem;
display: inline-flex;
align-items: center
}
.site-header-utility-nav .cta-btn-button:hover::after {
transform: translate(0.25rem, 0)
}
@media (max-width: 768px){
#site-header .cta-links {
display: none;
}
}
#site-header .navbar-nav {
margin: 0 !important;
}
#site-header .navbar li:hover a {
background: 0 0;
}
#site-header .menu-button {
margin-left: 15px;
display:flex;
align-items: center;
}
@media (max-width: 1199px) {
#site-header .menu-button {
margin-left:10px;
}
}
a.js-offcanvas-trigger {
background: url(https://www.umsl.edu/~webdev/dev-lori/global-nav-red/menu-search-white.svg);
background-size: cover;
background-size: 100%;
background-repeat: no-repeat;
padding: 8px;
}
#global-nav.nav.navbar-nav {
display: block;
}
#off-canvas-right .form-control {
display: block;
width: 100%;
padding: 10px;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #000;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff !important;
border-radius: 0.23rem;
border:0px;
-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
#off-canvas-right .search-input {
position: relative;
float: left;
width: 100%;
margin: 0;
border-top: 5px solid #eab000;
background: #fff;
}
#off-canvas-right .position-absolute {
position: absolute;
}
#off-canvas-right .btn-submit{
background:#eab000;
border-radius:0px 0.25rem 0.25rem 0px;
margin-bottom:0px;
top: 0rem;
right: 0rem;
width: 40px;
height:2.77rem;
display: flex;
border: 0px !important;
align-content: center;
align-items: center;
justify-content: center;
}
#off-canvas-right .btn-submit:hover{
background:#fbd872;
}
@media (prefers-reduced-motion: reduce) {
#off-canvas-right .form-control {
-webkit-transition: none;
transition: none;
}
}
#off-canvas-right input:focus::placeholder {
color: transparent;
}
#off-canvas-right .form-control::-webkit-input-placeholder {
color: #888;
opacity: 1;
}
#off-canvas-right .form-control::-moz-placeholder {
color: #888;
opacity: 1;
}
#off-canvas-right .form-control:-ms-input-placeholder {
color: #888;
opacity: 1;
}
#off-canvas-right .form-control::-ms-input-placeholder {
color: #888;
opacity: 1;
}
#off-canvas-right .form-control::placeholder {
color:#888;
opacity: 1;
}
#off-canvas-right input:focus {
background-color: #fff;
-webkit-box-shadow: inset 0px 0px 1px 2px rgba(251, 216, 114, 1);
-moz-box-shadow: inset 0px 0px 1px 2px rgba(251, 216, 114, 1);
box-shadow: inset 0px 0px 1px 2px rgba(251, 216, 114, 1);
}
#globalnavmenu .btn-link:focus{
-webkit-box-shadow: inset 0px 0px 1px 2px rgba(251, 216, 114, 1);
-moz-box-shadow: inset 0px 0px 1px 2px rgba(251, 216, 114, 1);
box-shadow: inset 0px 0px 1px 2px rgba(251, 216, 114, 1);
}
#off-canvas-right input:focus + .fa-magnifying-glass{
color:#ba0c2f;
}
#off-canvas-right .searchboxcontainer {
padding: 15px;
display: flex;
align-items: flex-start;
width:100%;
}
#off-canvas-right form.form-inline {
position: relative;
width: 100%;
border-radius: 0.25rem;
color:#000;
}
#off-canvas-right .search-input {
position: relative;
float: left;
width: 100%;
margin: 0;
border-top: 5px solid #eab000;
}
#off-canvas-right .btn-submit {
top: 0.5rem;
right: 1rem;
position: absolute;
}
#globalnavmenu .btn-link a:before {
font: normal normal normal 9px/1 FontAwesome;
content: "\f054";
position: relative;
right: 0;
top: -3px;
margin-left: 5px;
}
#globalnavmenu .navbar-nav > li > a:after {
font: normal normal normal 9px/1 FontAwesome;
content: "\f054";
position: relative;
right: 0;
top: -3px;
margin-left: 5px;
}
#globalnavmenu .card {
margin-bottom: 0;
background: #ba0c2f;
box-shadow: none;
}
#globalnavmenu .btn-link, .btn-link:active, .btn-link:hover {
color: #fff;
width: 100%;
font-size: 1.1rem;
padding: 10px 25px 10px 25px;
text-decoration: none;
}
#globalnavmenu .panel-heading {
border-radius: 0;
padding: 0;
}
#globalnavmenu .card-body {
background: #fff;
}
#globalnavmenu .panel-heading .accordion-toggle:after {
font-family: FontAwesome;
content: "\f077";
float: right;
color: #fff;
font-size: 0.8rem;
}
#globalnavmenu .panel-heading .accordion-toggle.collapsed:after {
font-family: FontAwesome;
content: "\f077";
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
#globalnavmenu .panel-title {
border-bottom: 1px solid #9a0e2a;
font-size: 1.07rem;
}
#globalnavmenu .panel-title:hover {
border-bottom: 1px solid #9a0e2a;
font-size: 1.07rem;
background: #d20e35;
}
#globalnavmenu .accordion-toggle {
background: 0 0;
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: space-between;
border:0px!important;
}
#globalnavmenu .list-group li {
font-size: 1rem;
display: inline-block;
width: 100%;
cursor: pointer;
text-decoration: none;
padding:0px;
}
#globalnavmenu.card.card-header a:before {
font-size: 0.8rem;
background: #d20e35;
text-align: center;
font-size: 0.8rem;
padding: 6px;
width: 30px;
background: #d20e35;
text-align: center;
height: 30px;
}
#globalnavmenu .card-header .panel-body {
padding: 0;
}
#globalnavmenu .list-group{
margin:0px;
}
#globalnavmenu .list-group-item {
border: 0;
}
#globalnavmenu .list-group-item a:link {
text-decoration: none;
color:#000!important;
display:block;
width:100%;
margin:0px;
padding:10px 0px 10px 30px;
}
#globalnavmenu .list-group-item a:hover {
text-decoration: none;
color:#ba0c2f!important;
}
#globalnavmenu .list-group-item a:visited {
text-decoration: none;
color:initial;
}
#globalnavmenu .list-group-item:hover {
background:#f7f8f9;
}
#globalnavmenu .btn:active, #globalnavmenu .btn.active{
box-shadow:none;
}
#campus-links {
background: #a7102e;
padding: 20px 0 20px 0;
margin: 20px;
}
#campus-links .list-group-item:hover {
background:transparent;
color: #fff!important
}
#campus-links .row {
display: flex;
}
@media (max-width: 768px) {
#campus-links .row {
flex-direction: column;
}
}
#campus-links .list-group {
padding-left: 10px;
}
#campus-links .list-group-item {
border: 0;
}
#campus-links .list-group-item a:link,#campus-links .list-group-item a:visited {
text-decoration: none;
color:#fff!important;
padding:0px;
}
#campus-links .list-group-item a:hover {
text-decoration: underline;
}
#campus-links .column {
flex: 1;
}
#campus-links .column-divider {
width: 1px;
background: #990d28;
height: auto;
}
#off-canvas-right .social-media-icons {
list-style-type: none;
display: flex;
justify-content: flex-start;
align-items: center;
align-content: center;
margin-left: 0;
width: 100%;
}
#off-canvas-right ul.social-media-icons > li > a {
color: #000!important;
background: #c3c6c8;
border-radius: 100px;
width: 40px;
height: 40px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
line-height: 0;
text-decoration:none;
font-size:1rem;
margin-right:5px;
}
#off-canvas-right ul.social-media-icons > li > a:hover {
cursor: pointer;
background: #fff;
text-decoration: none;
color:#ba0c2f!important;
}
/***Subnav Updates***/
#subnav {
display: flex;
justify-content: flex-end;
}
#subnav-update span.page-name {
line-height: 1.1;
font-size:1rem;
font-family:'Oswald',sans-serif;
font-weight:normal;
line-height:1.2;
min-height: 50px;
display: flex;
align-items: center;
}
#subnav-update .navbar{
height:50px;
border:0px;
}
#subnav-update .navbar-header {
float: left;
}
#dropdown-container {
background-color: #fff;
}
#dropdown-container a{
border-bottom: none;
}
#dropdown-mobile-container{
margin-left: 10px;
}
#dropdown-mobile-container a{
border-bottom: none;
}
/************** END OF TOP-NAV.CSS *****************************/
#carousel-custom {
width: 100%;
}
#carousel-custom .carousel-indicators {
margin: 10px 0 0;
overflow: auto;
position: static;
text-align: left;
white-space: nowrap;
width: 100%;
}
#carousel-custom .carousel-indicators li {
background-color: transparent;
-webkit-border-radius: 0;
border-radius: 0;
display: inline-block;
height: auto;
width: auto;
margin: 0 !important;
width:60px;
height:60px;
overflow:hidden;
}
#carousel-custom .carousel-indicators li img {
height:100%;
width:100%;
display: block;
opacity: 0.5;
}
#carousel-custom .carousel-indicators li.active img {
opacity: 1;
}
#carousel-custom .carousel-indicators li.active{
border-bottom:4px solid #A80B2D;
}
#carousel-custom .carousel-indicators li:hover img {
opacity: 0.75;
}
#carousel-custom .carousel-outer {
position: relative;
}
#carousel-custom .carousel-control{
width:10%;
}
#carousel-custom .carousel-inner>.item>img, #carousel-custom .carousel-inner>.item>a>img{
width:100%;
}
#carousel-custom .carousel-caption{
bottom:20%;
text-align:left;
}
#carousel-custom a:visited{
color:#fff!important;
}
#carousel-custom .read-more-box {
font-size:15px;
bottom: -13px;
padding: 5px 10px;
}
#carousel-custom .carousel-control.left, #carousel-custom .carousel-control.right{
background:none;
}
@media screen and (max-width: 900px){
#carousel-custom .carousel-caption {
bottom: 25%;
}
}
@media screen and (max-width: 767px){
#carousel-custom .carousel-control .glyphicon-chevron-left, #carousel-custom .carousel-control .glyphicon-chevron-right, #carousel-custom .carousel-control .icon-prev, #carousel-custom .carousel-control .icon-next {
width: 25px;
height: 25px;
margin-top: -15px;
margin-left: -25px;
font-size: 20px;
}
#carousel-custom .carousel-caption{
left:10%;
}
#carousel-custom .read-more-box {
font-size: 15px;
padding: 5px 10px;
position: relative;
margin-top: 10px;
display: inline-block;
}
#carousel-custom .secondary-slideshow-caption {
position:relative;
padding:20px;
background:#444;
}
}
@media screen and (max-width: 500px){
#carousel-custom .carousel-inner {
height: 300px;
}
#carousel-custom .read-more-box{
position:relative;
}
}
/******************************** * IMAGE GALLERY *******************************/
#gallery-content{
width:100%;
float:left;
padding-top:15px;
}
#gallery-content .thumbnail{
border:0px;
padding:10px;
margin-bottom: 0px;
height:150px;
overflow:hidden;
background: #f7f7f7;
}
#gallery-content .caption{
margin: 0px 0px 20px 0px;
background: #f7f7f7;
padding: 10px 0px 10px 10px;
}
#gallery-content a, #gallery-content a:visited{
font-weight:bold;
}
#gallery-content a:visited{
color:#551A8B;
}
#gallery-content a:hover {
color:#c32640;
font-weight:bold;
text-decoration:underline;
}
/**************************** * BREADCRUMBS ***************************/
#breadcrumbs ul{
padding:10px 0px 0px 0px;
color:#fff
}
#breadcrumbs li {
display: inline;
font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
font-size: 13px;
padding-right:0px;
}
#breadcrumbs li a:link{
text-decoration:underline;
color:#fff
}
#breadcrumbs li a:visited{
text-decoration:underline;
color:#fff
}
.separator{
padding-right: 5px;
padding-left:5px;
padding-top:10px;
font-size:14px;
}
/**************************** * PAGE ***************************/
.content-container{
padding-top:40px;
}
.page-header{
color:#fff;
border-bottom:0px;
font-weight:normal;
margin:0px 0px 10px 0px;
padding-top:20px;
}
.page-container{
padding-top:50px
}
.main-content h1,h2,h3,h4,h5{
margin-top:0px
}
.banner-container img{
width:100%
}
.page-image-caption {
position:absolute;
bottom:25%;
padding: 15px;
background-color: rgb(55, 56, 54);
background-color: rgba(55, 56, 54, .9);
color: #fff;
width:50%
}
/****************************** * MAIN NAVIGATION *****************************/
.main-nav {
background: #333333;
background: -webkit-linear-gradient(#555, #333333);
background: -moz-linear-gradient(#555, #333333);
background: -ms-linear-gradient(#555, #333333);
background: -o-linear-gradient(#555, #333333);
padding-top: 20px;
border-bottom: 5px solid rgb(102, 102, 102);
}
.main-nav p {
color: rgb(255, 201, 38);
font-weight: bold;
}
.main-nav a {
display: block;
margin: 10px 0px;
padding-left: 10px;
text-indent: -10px;
}
.main-nav a:hover {
text-decoration: none;
color: rgb(180, 180, 180);
}
.colleges-and-schools {
background: rgb(51, 51, 51);
border-top: 5px solid rgb(102, 102, 102);
margin: 30px 0px 5px 0px;
padding: 10px 15px 10px 15px;
}
.colleges-and-schools p, .colleges-and-schools a {
border-bottom: 1px solid rgb(102, 102, 102);
padding-bottom: 5px;
padding-top: 5px;
margin: 0px;
}
/******************************* * MOBILE MAIN NAV ******************************/
.mobile-main-nav {
background: rgb(34, 34, 34);
border-bottom: 5px solid rgb(102, 102, 102);
}
.mobile-main-nav ul {
padding: 0px;
margin-bottom: 0px;
}
.mobile-main-nav ul li {
background-color: rgb(51, 51, 51);
background-image: url(/renderfile/ab37a7e280ce0e360081d840b86b50c0/files/images/redesign/arrow-down-yellow.png);
background-position: 97% 10px;
background-repeat: no-repeat;
list-style: none;
margin-bottom: 2px;
}
.mobile-main-nav ul li a {
color: rgb(255, 201, 38);
font-weight: bold;
font-size: 18px;
font-family: 'roboto';
padding: 6px 8px;
display: block;
}
.mobile-main-nav ul li a:hover {
text-decoration:none;
}
.mobile-main-nav ul li ul {
padding: 0px;
display:none;
}
.mobile-main-nav ul li ul li{
background: rgb(34, 34, 34);
background-image: none;
}
.mobile-main-nav ul li ul li a {
display: block;
background: rgb(34, 34, 34);
padding: 3px 8px;
color: #fff;
font-size: 15px;
font-weight: bold;
}
.mobile-main-nav ul li ul li a:hover {
background: rgb(68, 68, 68);
color: #fff;
text-decoration: none;
}
/******************************* * FOOTER - FIND IF IN USE 03/25 ******************************/
.footer {
background: rgb(34, 34, 34);
padding: 30px 0px 0px 0px;
margin-top:0px;
color: #fff;
}
.footer{
margin:0px;
padding-top:10px
}
.footer{
display: block;
width: 100%;
}
.footer a {
color: #fff;
}
.footer p {
color: #fff;
}
.footer-logo {
height: 59px;
margin-bottom: 10px;
}
/* .twitter {
width: 29px;
height: 29px;
background: url(/files/images/redesign/twitter-active.png);
}
.twitter:hover {
background: url(/files/images/redesign/twitter-inactive.png);
background-size: contain;
background-repeat: no-repeat;
}
.facebook {
width: 25px;
height: 25px;
background: url(/files/images/redesign/facebook-active.png);
}
.facebook:hover {
background: url(/files/images/redesign/facebook-inactive.png);
background-size: contain;
background-repeat: no-repeat;
}
.flickr {
width: 25px;
height: 25px;
background: url(/files/images/redesign/flickr-active.png);
}
.flickr:hover {
background: url(/files/images/redesign/flickr-inactive.png);
background-size: contain;
background-repeat: no-repeat;
}
.instagram {
width: 25px;
height: 25px;
background: url(/files/images/redesign/instgramlogo_360.png);
}
.instagram:hover {
background: url(/files/images/redesign/instgramlogo-hover_360.png);
background-size: contain;
background-repeat: no-repeat;
}
.umsl-mobile {
width: 105px;
height: 27px;
background: url(/files/images/redesign/umsl-mobile-active.png);
}
.umsl-mobile:hover {
background: url(/files/images/redesign/umsl-mobile.png);
background-size: contain;
background-repeat: no-repeat;
}
.twitter, .facebook, .flickr, .instagram, .umsl-mobile {
background-size: contain;
background-repeat: no-repeat;
float:left;
margin-right: 8px;
}
.footer-nav {
color: #ffffff;
text-align: center;
}
.curators-message {
color: rgb(242,242,242);
font-size: 12px;
text-align: center;
}
.curators-message a {
text-decoration: underline;
color: rgb(242,242,242);
}
.footer a:hover {
text-decoration:none;
color: rgb(217, 217, 217);
}
@media screen and (max-width: 580px) {
.footer p {
font-size: 1rem;
}
.footer-nav a {
font-size: 11px;
}
.curators-message {
font-size: 11px;
}
.footer-logo {
height: 35px;
}
.twitter, .facebook, .flickr {
width: 23px;
height: 23px;
}
.umsl-mobile {
width: 60px;
}
}
*/
/** *SECONDARY SLIDESHOW *******************************/
.secondary-slideshow-wrapper {
position: relative;
width: 20000px;
overflow: hidden;
-webkit-transform: translateZ(0);
}
#secondary-slideshow-spacer {
width: 100%;
}
.secondary-slideshow {
background-color: #f9f9f9;
border: 1px solid #eeeeee;
padding: 30px;
overflow: hidden;
}
.secondary-slide {
position:relative;
float: left;
margin-right: 40px;
width: 1067px;
}
.secondary-slide img {
width: 100%;
}
.secondary-slideshow p {
color: #fff;
}
.secondary-slideshow-caption {
position:absolute;
bottom: 10%;
padding: 15px;
background-color: rgb(55, 56, 54);
background-color: rgba(55, 56, 54, .9);
color: #fff;
}
.secondary-slideshow-caption h3{
color: #fff;
margin-top:20px;
}
.secondary-slideshow-caption a:visited{
color:#fff;
}
.secondary-slideshow-caption a:hover{
color:#fff;
}
.secondary-slideshow-caption .read-more-box {
/* bottom: -37px;
*/
}
.secondary-slideshow-thumbnails {
margin-top: 10px;
}
.secondary-slideshow-thumbnails div {
float:left;
margin-right: 7px;
}
.secondary-slideshow-thumbnails:last-child div {
margin-right: 0px;
}
.current-slide {
border-bottom: 6px solid #A80B2D;
}
.secondary-slide-thumb {
cursor: pointer;
}
#secondary-slideshow-left {
position: absolute;
left: 17px;
top: 40%;
cursor: pointer;
z-index: 50;
}
#secondary-slideshow-right {
position: absolute;
right: 17px;
top: 40%;
cursor: pointer;
z-index: 50;
}
.secondary-slideshow-arrow {
display: none;
}
/******************************** * WIDGETS AND RESPONSIVE * HELPER STYLES *******************************/
.responsive-video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow:hidden;
}
.responsive-video-container iframe, .responsive-video-container object .responsive-video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden
}
.embed-responsive::before {
display: block;
content: ""
}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.embed-responsive-21by9::before {
padding-top: 42.85714%
}
.embed-responsive-16by9::before {
padding-top: 56.25%
}
.embed-responsive-4by3::before {
padding-top: 75%
}
.embed-responsive-1by1::before {
padding-top: 100%
}
.embed-responsive .embed-responsive-item iframe, .embed-responsive .embed-responsive-item object, .embed-responsive .embed-responsive-item embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*IMAGE GALLERY*/
.image-gallery{
background:#f9f9f9;
margin:0px auto;
padding:20px;
vertical-align:middle
}
.pic:hover .bottom-to-top {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
-moz-tap-highlight-color: transparent;
-o-tap-highlight-color: transparent;
-ms-tap-highlight-color: transparent;
color:#fff
}
.bottom-to-top {
top: 50%;
left: 0;
}
.pic:hover .bottom-to-top {
top: 0;
left: 0;
}
.pic-caption {
cursor: pointer;
position: absolute;
width: 100%;
height: 100%;
background: #444;
padding: 20px 10px 10px 10px;
text-align: center;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=($opacity * 100))";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
color:#fff
}
.pic-image {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.pic-title{
font-size:16px;
color:#fff;
text-align: center;
}
a:hover, .pic .pic-image, .pic-caption, .pic:hover .pic-caption, .pic:hover img {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-ms-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.pic {
width: 150px;
height: 100px;
position: relative;
overflow: hidden;
margin: 7px;
background-color: #fff;
border:1px solid #ddd;
padding: 5px;
display: inline-block;
-webkit-animation: anima 2s;
-moz-animation: anima 2s;
-o-animation: anima 2s;
-ms-animation: anima 2s;
animation: anima 2s;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.pic-wrapper {
overflow:hidden;
max-width: 100%;
max-height: 100%;
}
.pic-caption >.glyphicon-search{
font-size:20px
}
.image-gallery-large {
position:fixed;
top: 50%;
left: 50%;
height: auto;
z-index: 2000;
-webkit-transform: translateX(-50%) translateY(-50%) scale(.1);
-moz-transform: translateX(-50%) translateY(-50%) scale(.1);
-o-transform: translateX(-50%) translateY(-50%) scale(.1);
transform: translateX(-50%) translateY(-50%) scale(.1);
-webkit-transition-duration: 500ms;
-moz-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
opacity:0;
}
.image-gallery-grow {
opacity:1;
-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
-moz-transform: translateX(-50%) translateY(-50%) scale(1);
-o-transform: translateX(-50%) translateY(-50%) scale(1);
transform: translateX(-50%) translateY(-50%) scale(1);
}
.image-gallery-background-fade {
position:fixed;
top:0px;
left: 0px;
right: 0px;
bottom: 0px;
background-color: black;
-webkit-transition-duration: 500ms;
-moz-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
opacity: 0;
z-index: 1999;
}
.image-gallery-background-appear {
opacity: .7;
}
/*FORMS*/
.form-horizontal{
color:#565656
}
.form-control{
border:1px solid #e1e1e1;
border-radius:0px;
}
.form-group{
margin-bottom:10px
}
.form-horizontal .control-label{
text-align:left;
font-size:16px;
padding-bottom:20px;
color:#565656
}
.form-horizontal{
background:#ffff;
padding:40px 50px 40px 50px;
text-align:left;
border:10px solid #f9f9f9;
}
.form-title{
border-bottom:1px solid #ccc;
margin-bottom:40px
}
.form-title h3{
color:#A80B2D
}
.form-horizontal input:focus{
background:#fff;
}
select, option{
width:100%
}
.styled-select select {
background: transparent;
padding: 5px;
font-size: 16px;
line-height: 1;
border: 0;
border-radius: 0;
height: 34px;
-webkit-appearance: none;
-moz-appearance:none
}
.styled-select {
overflow: hidden;
background: url() no-repeat 98% 50% #f9f9f9;
border: 1px solid #ddd;
-moz-appearance:none
}
.selection-menu{
width:100%
}
input[type=radio]{
margin-right:5px
}
.open > a {
background-color: #fff !important;
color: #A80B2D;
}
.nav>li>a:focus {
background-color: inherit;
}
@media screen and (max-width: 1999px) {
.input-group .form-control {
width: 64%;
}
#custom-search-input {
width: 36%;
}
.college {
font-size: 18px;
font-weight: normal;
}
}
@media screen and (max-width: 1199px){
/*SECONDARY SLIDESHOW*/
.secondary-slide {
width: 868px;
}
/*SECONDARY NAV */
.navbar li, .dropdown-menu {
width: auto;
}
.dropdown-menu > li > a {
white-space: normal;
}
.navbar {
font-size: 15px;
}
#navbar-header #wrap {
margin-bottom: -10px !important;
}
}
@media screen and (max-width: 991px){
.nav-name{
font-size:1.125em;
float:left;
padding:10px;
margin:0px;
}
.mobile-menu{
position:absolute;
top:10%;
right:0%;
padding:5px;
}
.right-col {
padding-top: 30px;
}
.college{
font-size:15px;
float:left;
padding-top:10px;
margin-top:0px
}
.umsl-logo{
max-width:40%;
margin-bottom:0px;
}
.logo-bar input{
width:320px
}
.read-more-box{
width: 120px;
margin-bottom:0px;
}
.take-a-tour{
width:29%;
margin-bottom:-12px;
}
/*SECONDARY SLIDESHOW*/
.secondary-slide {
width: 655px;
}
.secondary-slideshow-caption p {
font-size: 15px;
}
.secondary-slideshow-caption {
padding: 0px 20px 20px 20px;
bottom: 5%;
}
.nav li a {
padding: 10px 0px;
}
.navbar li, .dropdown-menu {
width: 137px;
font-size: 13px;
}
.dropdown-menu li a {
padding-left: 10px;
}
/*Image gallery */
.image-gallery-item {
text-align: center;
}
.pic {
width: auto;
height: auto;
margin: 7px auto;
}
#majors-degrees .page-image-caption{
bottom:0;
}
#majors-degrees .page-image-caption h3{
font-size:16px;
line-height:21px;
}
}
@media screen and (max-width: 767px) {
.section-mobile-menu{
position: absolute;
right:3%;
}
.nav-name{
font-size: 1.125em;
padding: 7px;
margin:0px;
}
.mobile-menu{
position: absolute;
right:0%;
padding: 5px;
}
/*SECONDARY SLIDESHOW*/
#carousel-custom .carousel-inner{
height:auto;
overflow:auto;
}
.secondary-slideshow-thumbnails, .secondary-slideshow-caption p{
display:none;
}
.secondary-slideshow-caption {
bottom:0;
padding:10px;
}
.secondary-slideshow-caption .read-more-box a{
font-size:16px;
width:100%;
display:inline-block;
}
.secondary-slideshow-caption h3 {
font-size: 16px;
font-weight: bold;
}
.secondary-slide {
height: auto;
}
.secondary-slideshow-arrow {
display: block;
}
.page-image-caption{
width:85%;
padding:10px;
}
.page-image-caption h3{
font-size:15px !important;
}
.banner-container{
margin-bottom:20px
}
.take-a-tour{
display:none;
}
}
@media screen and (max-width: 580px) {
h1 {
font-size: 29px;
}
.footer p {
font-size: 1rem;
}
.footer-nav a {
font-size: 11px;
}
.curators-message {
font-size: 11px;
}
.footer-logo {
height: 35px;
}
.twitter, .facebook, .flickr {
width: 23px;
height: 23px;
}
.secondary-slideshow {
padding: 0px;
}
.secondary-slideshow-caption h3 {
font-size: 16px;
margin-top: 7px;
}
.secondary-slideshow-arrow img {
height: 26px;
}
.take-a-tour{
display:none;
}
}
@media screen and (max-width: 480px){
.nav-name{
float:left;
font-size:1rem;
margin-top:0px;
}
.umsl-logo{
max-width:35%;
margin-bottom:0px;
margin-top:0px;
padding-bottom:0px;
float:left
}
.college{
float:left;
font-size:15px;
margin-top:0px
}
}
@media screen and (max-width: 320px) {
.nav-name {
float: left;
font-size: 1rem;
}
.college {
float: left;
font-size: 13px;
margin-top: 0px;
}
.logo-bar img {
width: 70%;
}
#logo-bar .college-name-text a {
font-size: 1.1rem;
margin-top: 5px;
}
#logo-bar .college-name-text {
margin-top: 5px;
font-size: 2.1em;
bottom: -34px;
position: absolute;
left: 0px;
}
#logo-bar .logo-line {
height: 25px;
margin-top: 0px;
margin-right: 2px;
}
#logo-bar .logo {
width: 60px;
margin-top: -4px;
}
}
@media screen and (max-width: 156px) {
#logo-bar {
min-height: 124px;
}
#logo-bar .college-name-text {
bottom: -83px;
line-height: 39%;
}
}
/*PRINT STYLE*/
@media print {
body {
background: none;
background-color: #fff;
font-family: Georgia, serif;
font-size: 10px !important;
line-height: 18px !important;
width: 100%;
margin: 0;
padding: 0 !important;
}
a {
text-decoration: underline;
}
a[href]:after {
content: none !important;
}
}
.logo-bar,#breadcrumbs,.banner-container img{
display:none;
margin-top:0px;
padding:0px
}
.tab-content{
padding:0px;
margin:0px;
border:0px !important;
}
/******************************** *MAJORS AND DEGREES *******************************/
#degrees-offered .list-group li:last-child {
border-bottom:0px;
}
#degrees-offered{
background: #fbfbfb;
padding: 15px;
border: 1px solid #eee;
margin-bottom: 20px;
border: 1px solid #e1e8ed;
}
#degrees-offered li:before {
content: '\25AA';
color:#A80B2D;
}
.programListHeader {
color: #A80B2D;
/* border-bottom: 4px solid #981e32;
*/
padding: 10px;
font-weight: normal;
font-size: 21px;
border-bottom: 1px solid #e1e8ed;
padding-top: 15px;
padding-bottom: 10px;
padding-left: 5px;
}
#featured{
border-left:5px solid #A80B2D;
padding:20px;
font-weight:normal;
font-size: 20px;
color: #444;
font-weight: normal;
line-height: 30px;
}
#featured p{
font-weight: normal;
line-height: 30px;
font-weight:normal;
font-size: 20px;
color: #444;
}
#featured{
border-left:5px solid #A80B2D;
padding:20px;
font-weight:normal;
font-size: 20px;
color: #444;
font-weight: normal;
line-height: 30px;
}
#featured p{
font-weight: normal;
line-height: 30px;
font-weight:normal;
font-size: 20px;
color: #444;
}
.content-subhead{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
font-size: 1.2rem !important;
text-transform: none!important;
color: #333;
position: relative;
display: inline-block;
padding-bottom: 0px !important;
margin-bottom: 15px;
z-index: 0;
padding-left: 15px;
}
.content-subhead:after {
background: #eab002;
content: "";
height: 28px;
width: 5px;
z-index: 0;
position: absolute;
left: 0px;
top: 0px;
}
.lead-paragraph{
font-family: 'Roboto', sans-serif !important;
color: #444;
font-size: 1.30rem;
line-height: 1.6em !important;
margin-bottom: 20px;
font-weight:normal;
}
.lead-paragraph p, p .lead-paragraph, span .lead-paragraph{
font-family: 'Roboto', serif !important;
color: #444;
margin-bottom: 20px;
}
a.lead-paragraph{
font-family: 'Roboto', serif !important;
font-size: 1.3rem !important;
line-height: 1.6em !important;
}
.lead-paragraph a{
font-family: 'Roboto', serif !important;
font-size: 1.3rem !important;
line-height: 1.6em !important;
}
.text-white{
color:#ffffff;
}
.text-black{
color:#333;
}
.text-red{
color:#ba0c2f!important;
}
.text-red a{
color:#ba0c2f
}
.text-red a:hover{
color:#c32640;
text-decoration:underline;
}
.text-red a:visited{
color:#551A8B;
}
.text-steel{
color:#5d666f;
}
.button-ghost-red{
box-shadow: inset 0 0 0 2px #ba0c2f;
color: #ba0c2f!important;
}
.button-ghost-red a:link{
background-color: #fff;
color: #ba0c2f!important;
}
a.button-ghost-red:visited{
background-color: #fff;
color:#ba0c2f!important;
}
.button-ghost-red:hover{
background-color:#ba0c2f;
color:#fff !important;
text-decoration:none;
}
a.button-ghost-red:hover{
background-color:#ba0c2f;
color:#fff !important;
text-decoration:none;
}
/**BUTTONS**/
a.btn:after {
font: normal normal normal 9px/1 FontAwesome;
content: "\f054";
margin-left:5px;
position: relative;
right: 0;
top: -1px;
}
.button .fa{
margin-left:10px
}
a.btn.btn-primary {
background: #ba0c2f;
color: #fff;
text-decoration: none;
border: 2px solid transparent;
}
p a.btn.btn-primary {
background: #ba0c2f;
color: #fff !important;
text-decoration: none;
border: 0px;
}
a:hover.btn.btn-primary {
background: #d20e35;
text-decoration: none;
}
a.btn-secondary {
color: #fff!important;
text-decoration: none;
border: 2px solid transparent;
background: #5d666f;
}
a:hover.btn.btn-secondary {
color: #fff!important;
background: #74808b;
text-decoration: none;
}
/**TOUR BUTTON**/
.vm-button{
background-color:#BA0C2F!important;
font-family: 'Roboto';
font-weight: bold;
cursor: pointer;
border: none;
border-radius: 2%;
box-shadow: 1px 0px 9px rgba(0, 0, 0, 0.35);
color: #FFF;
display: block;
position: fixed;
bottom: 1rem;
padding: 12px 27px;
font-size: 16px;
margin: 0 auto 0 -105px;
left: 50%;
z-index: 99999;
}
/**ACCORDION**/
#accordion .panel-title a {
display: flex;
align-items: center;
}
#accordion a, #accordion a:visited {
font-weight: bold;
text-decoration: none;
}
#accordion a:hover {
font-weight: bold;
text-decoration: underline;
}
#accordion a:focus, a:focus #accordion {
text-decoration: none;
}
/* Active state styles */
#accordion .active {
color: #A80B2D;
border-left: 4px solid #A80B2D;
}
#accordion .active a, #accordion .panel-title .active {
color: #A80B2D !important;
}
#accordion .active a:active {
color: #fff;
}
#accordion .panel-title, #accordion .title {
cursor: pointer;
display: block;
font-weight: bold;
}
#accordion .title {
font-size: 16px;
color: #A80B2D;
}
#accordion .fa {
font-size: 12px;
color: #A80B2D;
margin-right: 10px;
}
#accordion .panel-heading {
cursor: pointer;
width: 100%;
margin-bottom: 0;
position: relative;
font-size: 16px;
color: #444;
padding: 15px;
background-color: #fafafa;
border: 0;
border-radius: 0;
}
#accordion .panel-body {
border-top: 0;
}
#accordion .panel-group .panel {
border: 0;
border-radius: 0;
}
#accordion .panel-group .panel-heading + #accordion .panel-collapse > #accordion .panel-body, #accordion .panel-group .panel-heading + #accordion .panel-collapse > #accordion .list-group {
padding: 30px;
margin-bottom: 0;
background-color: #fff;
border: 1px solid #eee;
border-top: none;
border-bottom: none;
}
/* Hover state for panel title links */
#accordion .panel-title a:hover {
text-decoration: none;
color: #A80B2D;
cursor: pointer;
}
#accordion-block .active a, #accordion-block .panel-title .active {
box-shadow: none;
}
#accordion-block .accordion-toggle:not(.collapsed) .fa-chevron-down {
transform: rotate(180deg);
transition: transform 0.3s ease-in-out;
}
#accordion-block .fa {
color: #ba0c2f;
font-size: 0.6rem;
margin-right: 5px;
font-weight: bold;
}
#accordion-block button {
background: transparent;
display: flex;
align-items: center;
padding: 10px 15px 10px 15px;
width: 100%;
}
#accordion-block .panel-title, #accordion-block .title {
font-size: 1rem;
color: #ba0c2f;
}
#accordion-block .panel-title:hover {
background: #f5f5f5;
}
#accordion-block .panel {
box-shadow: none;
margin-bottom: 5px;
}
#accordion-block .btn-link, #accordion-block .btn-link:active,
#accordion-block .btn-link:hover {
font-size: 1rem;
color: #ba0c2f;
text-decoration:none;
}
#accordion-block .panel-heading {
cursor: pointer;
background:#fafafa;
width: 100%;
margin-bottom: 0;
position: relative;
padding: 0;
border: 0;
border-radius: 0;
}
/*TABBED CONTENT*/
.nav-tabs {
border-bottom: 2px solid #ddd;
}
.nav-tabs > li.active > a, .main-content .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
border-width: 0;
cursor: pointer;
}
.nav > li > a:hover, .nav > li > a:focus {
background: transparent;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover {
border: 0px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
border: 0px;
}
.nav-tabs > li > a {
border: none;
font-weight: bold;
color: #444;
}
.nav-tabs > li.active > a, .main-content .nav-tabs > li > a:hover {
border: 0px;
color: #a80b2d !important;
background: transparent;
}
.nav-tabs > li > a::after {
content: "";
background: #a80b2d;
height: 2px;
position: absolute;
width: 100%;
left: 0px;
bottom: -1px;
transition: all 250ms ease 0s;
transform: scale(0);
}
.nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after {
transform: scale(1);
}
.tab-nav > li > a::after {
background: #a80b2d none repeat scroll 0% 0%;
color: #fff;
}
.tab-pane {
padding: 15px 0;
}
.tab-content a {
font-weight: bold;
}
.tab-content a:hover {
text-decoration: underline;
}
.tab-content {
padding: 10px;
color: #555;
}
.tab-content img {
padding: 10px;
}
.card {
background: #fff none repeat scroll 0% 0%;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
margin-bottom: 30px;
}
@media (max-width: 767px) {
.nav-tabs > li {
float: none;
border: 0px;
}
.nav-tabs > li.active > a {
border: 0px;
}
.nav > li > a:hover, .nav > li > a:focus, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
background: none;
border: 0px;
}
}
/*STYLED CHECKLIST*/
.check-list {
list-style-type: none;
font-size: 1em;
line-height: 2;
}
.check-list li::before {
font-family: fontawesome;
font-size: 1em;
content: "\f058";
color: #a80b2d;
border-radius: 200px;
margin-right: 5px;
}
/*NOTIFCATIONS-*/
.bq-primary {
border-left: 3px solid #4285f4;
}
.bq-primary .bq-title {
color: #4285f4;
}
.bq-warning {
border-left: 3px solid #d62d49;
}
.bq-warning .bq-title {
color: #d62d49;
}
.bq-success {
border-left: 3px solid #8dc12b;
}
.bq-success .bq-title {
color: #8ca31a;
}
/*STEP INDICATOR-USED WITHIN NSP-*/
.list-steps ol {
padding-left: 0;
}
.list-bullet-number {
display: inline-block;
width: 40px;
height: 40px;
padding: 10px;
margin-right: 16px;
margin-left: 0;
border-radius: 50%;
font-family: "Roboto Condensed", sans-serif;
font-weight: 700;
font-size: 25px;
line-height: 0.9;
text-align: center;
background-color: #A80B2D;
color: #fff;
}
.list-bullet-item {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.list-item-heading {
font-size: 23px;
margin-bottom: 1rem;
padding-top: calc((2rem - 1.1em) / 2);
}
.list-item-content {
flex: 0 0 calc(100% - 6rem);
max-width: calc(100% - 6rem);
padding-left: 55px;
}
@media screen and (max-width: 992px){
.list-bullet-number {
margin-left:0px;
margin-right: 10px;
width: 35px;
height: 35px;
font-size:20px;
}
.list-item-content{
flex: 100%;
max-width: 100%;
padding-left: 10px;
}
.list-item-heading{
font-size:20px;
}
}
/**Stats**/
#stats{padding:40px 0;float:left;width:100%}#stats .row{display:flex;flex-wrap:wrap;margin:0 -15px}#stats .container-fluid{width:100%;padding:0 15px;margin:0 auto}#stats .col{padding:20px;margin:10px 0 0 10px;flex-basis:200px;border-radius:.25rem}#stats .bg-red p{color:#fff!important}#stats .bg-water small,#stats .bg-water p,#stats .bg-red small,#stats .red p{color:#fff!important}
/* Read More Styles*/
.rm-section {
margin-right:20px;
}
.readmore {
position: relative;
max-height: 120px;
overflow: hidden;
width:100%;
padding-bottom: 10px;
margin-bottom: 20px;
transition:max-height 0.20s ease-out;
}
.readmore.expand{
max-height: 5000px !important;
transition:max-height 2s ease-in-out;
}
.readmore-link{
position: absolute;
bottom: 0;
right: 0;
display: block;
width:100%;
height: 60px;
text-align: center;
color: #BA0C2F;
font-weight:bold;
font-size:16px;
padding-top:30px;
background-image: linear-gradient(to bottom, transparent, white 50%);
cursor: pointer;
}
.readmore-link.expand {
position: relative;
background-image: none;
padding-top:10px;
height:40px;
}
.readmore-link:after {
content:"Read more";
}
.readmore-link.expand:after{
content:"Read less";
}
/* Tables */
table{
width: 100%;
}
table td {
padding: 5px;
}
.basic-table th, .gray-table th, .red-table th {
font-size: 1rem;
font-weight: bold;
border-bottom: 3px solid;
padding: 10px;
text-align: left;
}
.basic-table th, .gray-table th {
color: #A80B2D;
}
.basic-table td, .gray-table td, .red-table td {
padding: 10px;
vertical-align: top;
border-top: 1px solid #ddd;
}
/* Table with Extra Padding */
table.table th, table.table td {
padding: 1.1rem 0;
}
/* Links in Tables */
table a {
font-weight: bold;
}
/* Table Labels & Buttons */
table.table .label-table {
margin: 0;
padding: 0;
line-height: 15px;
height: 15px;
}
table.table .btn-table {
margin: 0 1px;
padding: 3px 7px;
}
table.table .btn-table .fa {
font-size: 11px;
}
/* Hover Effect */
table.table-hover tbody tr:hover {
background-color: rgba(0, 0, 0, 0.075);
transition: background-color 0.5s ease-in-out;
}
/* Column Sizing */
table .th-lg {
min-width: 9rem;
}
/* Smaller Table Padding */
table.table-sm th, table.table-sm td {
padding: 0.6rem 0;
}
table{
width: 100%;
}
@media screen and (max-width: 767px) {
.table-collapse td {
padding: 0px;
display: inline;
}
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
.gray-table {
width: 100%;
margin-bottom: 15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.gray-table > .table {
margin-bottom: 0;
}
.gray-table > .table > thead > tr > th, .gray-table > .table > tbody > tr > th, .gray-table > .table > tfoot > tr > th, .gray-table > .table > thead > tr > td, .gray-table > .table > tbody > tr > td, .gray-table > .table > tfoot > tr > td {
white-space: nowrap;
}
.gray-table > .table-bordered {
border: 0;
}
.gray-table > .table-bordered > thead > tr > th:first-child, .gray-table > .table-bordered > tbody > tr > th:first-child, .gray-table > .table-bordered > tfoot > tr > th:first-child, .gray-table > .table-bordered > thead > tr > td:first-child, .gray-table > .table-bordered > tbody > tr > td:first-child, .gray-table > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.gray-table > .table-bordered > thead > tr > th:last-child, .gray-table > .table-bordered > tbody > tr > th:last-child, .gray-table > .table-bordered > tfoot > tr > th:last-child, .gray-table > .table-bordered > thead > tr > td:last-child, .gray-table > .table-bordered > tbody > tr > td:last-child, .gray-table > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.gray-table > .table-bordered > tbody > tr:last-child > th, .gray-table > .table-bordered > tfoot > tr:last-child > th, .gray-table > .table-bordered > tbody > tr:last-child > td, .gray-table > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
.gray-table {
width: 100%;
margin-bottom: 15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.gray-table > .table {
margin-bottom: 0;
}
.gray-table > .table > thead > tr > th, .gray-table > .table > tbody > tr > th, .gray-table > .table > tfoot > tr > th, .gray-table > .table > thead > tr > td, .gray-table > .table > tbody > tr > td, .gray-table > .table > tfoot > tr > td {
white-space: nowrap;
}
.gray-table > .table-bordered {
border: 0;
}
.gray-table > .table-bordered > thead > tr > th:first-child, .gray-table > .table-bordered > tbody > tr > th:first-child, .gray-table > .table-bordered > tfoot > tr > th:first-child, .gray-table > .table-bordered > thead > tr > td:first-child, .gray-table > .table-bordered > tbody > tr > td:first-child, .gray-table > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.gray-table > .table-bordered > thead > tr > th:last-child, .gray-table > .table-bordered > tbody > tr > th:last-child, .gray-table > .table-bordered > tfoot > tr > th:last-child, .gray-table > .table-bordered > thead > tr > td:last-child, .gray-table > .table-bordered > tbody > tr > td:last-child, .gray-table > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.gray-table > .table-bordered > tbody > tr:last-child > th, .gray-table > .table-bordered > tfoot > tr:last-child > th, .gray-table > .table-bordered > tbody > tr:last-child > td, .gray-table > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
.red-table {
width: 100%;
margin-bottom: 15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.red-table > .table {
margin-bottom: 0;
}
.red-table > .table > thead > tr > th, .red-table > .table > tbody > tr > th, .red-table > .table > tfoot > tr > th, .red-table > .table > thead > tr > td, .red-table > .table > tbody > tr > td, .red-table > .table > tfoot > tr > td {
white-space: nowrap;
}
.red-table > .table-bordered {
border: 0;
}
.red-table > .table-bordered > thead > tr > th:first-child, .red-table > .table-bordered > tbody > tr > th:first-child, .red-table > .table-bordered > tfoot > tr > th:first-child, .red-table > .table-bordered > thead > tr > td:first-child, .red-table > .table-bordered > tbody > tr > td:first-child, .red-table > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.red-table > .table-bordered > thead > tr > th:last-child, .red-table > .table-bordered > tbody > tr > th:last-child, .red-table > .table-bordered > tfoot > tr > th:last-child, .red-table > .table-bordered > thead > tr > td:last-child, .red-table > .table-bordered > tbody > tr > td:last-child, .red-table > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.red-table > .table-bordered > tbody > tr:last-child > th, .red-table > .table-bordered > tfoot > tr:last-child > th, .red-table > .table-bordered > tbody > tr:last-child > td, .red-table > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
.red-table {
width: 100%;
margin-bottom: 15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.red-table > .table {
margin-bottom: 0;
}
.red-table > .table > thead > tr > th, .red-table > .table > tbody > tr > th, .red-table > .table > tfoot > tr > th, .red-table > .table > thead > tr > td, .red-table > .table > tbody > tr > td, .red-table > .table > tfoot > tr > td {
white-space: nowrap;
}
.red-table > .table-bordered {
border: 0;
}
.red-table > .table-bordered > thead > tr > th:first-child, .red-table > .table-bordered > tbody > tr > th:first-child, .red-table > .table-bordered > tfoot > tr > th:first-child, .red-table > .table-bordered > thead > tr > td:first-child, .red-table > .table-bordered > tbody > tr > td:first-child, .red-table > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.red-table > .table-bordered > thead > tr > th:last-child, .red-table > .table-bordered > tbody > tr > th:last-child, .red-table > .table-bordered > tfoot > tr > th:last-child, .red-table > .table-bordered > thead > tr > td:last-child, .red-table > .table-bordered > tbody > tr > td:last-child, .red-table > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.red-table > .table-bordered > tbody > tr:last-child > th, .red-table > .table-bordered > tfoot > tr:last-child > th, .red-table > .table-bordered > tbody > tr:last-child > td, .red-table > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
.block-table table, .block-table thead, .block-table tbody, .block-table th, .block-table td, .block-table tr {
display: block;
}
.block-table tr {
border: 1px solid #ccc;
}
.block-table td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
}
.block-table td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
}
@media screen and (max-width: 767px) {
.table-collapse td {
padding: 0px;
display: inline;
}
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
.gray-table {
width: 100%;
margin-bottom: 15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.gray-table > .table {
margin-bottom: 0;
}
.gray-table > .table > thead > tr > th, .gray-table > .table > tbody > tr > th, .gray-table > .table > tfoot > tr > th, .gray-table > .table > thead > tr > td, .gray-table > .table > tbody > tr > td, .gray-table > .table > tfoot > tr > td {
white-space: nowrap;
}
.gray-table > .table-bordered {
border: 0;
}
.gray-table > .table-bordered > thead > tr > th:first-child, .gray-table > .table-bordered > tbody > tr > th:first-child, .gray-table > .table-bordered > tfoot > tr > th:first-child, .gray-table > .table-bordered > thead > tr > td:first-child, .gray-table > .table-bordered > tbody > tr > td:first-child, .gray-table > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.gray-table > .table-bordered > thead > tr > th:last-child, .gray-table > .table-bordered > tbody > tr > th:last-child, .gray-table > .table-bordered > tfoot > tr > th:last-child, .gray-table > .table-bordered > thead > tr > td:last-child, .gray-table > .table-bordered > tbody > tr > td:last-child, .gray-table > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.gray-table > .table-bordered > tbody > tr:last-child > th, .gray-table > .table-bordered > tfoot > tr:last-child > th, .gray-table > .table-bordered > tbody > tr:last-child > td, .gray-table > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
.gray-table {
width: 100%;
margin-bottom: 15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.gray-table > .table {
margin-bottom: 0;
}
.gray-table > .table > thead > tr > th, .gray-table > .table > tbody > tr > th, .gray-table > .table > tfoot > tr > th, .gray-table > .table > thead > tr > td, .gray-table > .table > tbody > tr > td, .gray-table > .table > tfoot > tr > td {
white-space: nowrap;
}
.gray-table > .table-bordered {
border: 0;
}
.gray-table > .table-bordered > thead > tr > th:first-child, .gray-table > .table-bordered > tbody > tr > th:first-child, .gray-table > .table-bordered > tfoot > tr > th:first-child, .gray-table > .table-bordered > thead > tr > td:first-child, .gray-table > .table-bordered > tbody > tr > td:first-child, .gray-table > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.gray-table > .table-bordered > thead > tr > th:last-child, .gray-table > .table-bordered > tbody > tr > th:last-child, .gray-table > .table-bordered > tfoot > tr > th:last-child, .gray-table > .table-bordered > thead > tr > td:last-child, .gray-table > .table-bordered > tbody > tr > td:last-child, .gray-table > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.gray-table > .table-bordered > tbody > tr:last-child > th, .gray-table > .table-bordered > tfoot > tr:last-child > th, .gray-table > .table-bordered > tbody > tr:last-child > td, .gray-table > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
.red-table {
width: 100%;
margin-bottom: 15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.red-table > .table {
margin-bottom: 0;
}
.red-table > .table > thead > tr > th, .red-table > .table > tbody > tr > th, .red-table > .table > tfoot > tr > th, .red-table > .table > thead > tr > td, .red-table > .table > tbody > tr > td, .red-table > .table > tfoot > tr > td {
white-space: nowrap;
}
.red-table > .table-bordered {
border: 0;
}
.red-table > .table-bordered > thead > tr > th:first-child, .red-table > .table-bordered > tbody > tr > th:first-child, .red-table > .table-bordered > tfoot > tr > th:first-child, .red-table > .table-bordered > thead > tr > td:first-child, .red-table > .table-bordered > tbody > tr > td:first-child, .red-table > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.red-table > .table-bordered > thead > tr > th:last-child, .red-table > .table-bordered > tbody > tr > th:last-child, .red-table > .table-bordered > tfoot > tr > th:last-child, .red-table > .table-bordered > thead > tr > td:last-child, .red-table > .table-bordered > tbody > tr > td:last-child, .red-table > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.red-table > .table-bordered > tbody > tr:last-child > th, .red-table > .table-bordered > tfoot > tr:last-child > th, .red-table > .table-bordered > tbody > tr:last-child > td, .red-table > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
.red-table {
width: 100%;
margin-bottom: 15px;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.red-table > .table {
margin-bottom: 0;
}
.red-table > .table > thead > tr > th, .red-table > .table > tbody > tr > th, .red-table > .table > tfoot > tr > th, .red-table > .table > thead > tr > td, .red-table > .table > tbody > tr > td, .red-table > .table > tfoot > tr > td {
white-space: nowrap;
}
.red-table > .table-bordered {
border: 0;
}
.red-table > .table-bordered > thead > tr > th:first-child, .red-table > .table-bordered > tbody > tr > th:first-child, .red-table > .table-bordered > tfoot > tr > th:first-child, .red-table > .table-bordered > thead > tr > td:first-child, .red-table > .table-bordered > tbody > tr > td:first-child, .red-table > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.red-table > .table-bordered > thead > tr > th:last-child, .red-table > .table-bordered > tbody > tr > th:last-child, .red-table > .table-bordered > tfoot > tr > th:last-child, .red-table > .table-bordered > thead > tr > td:last-child, .red-table > .table-bordered > tbody > tr > td:last-child, .red-table > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.red-table > .table-bordered > tbody > tr:last-child > th, .red-table > .table-bordered > tfoot > tr:last-child > th, .red-table > .table-bordered > tbody > tr:last-child > td, .red-table > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
.block-table table, .block-table thead, .block-table tbody, .block-table th, .block-table td, .block-table tr {
display: block;
}
.block-table tr {
border: 1px solid #ccc;
}
.block-table td {
border: none;
border-bottom: 1px solid #eee;
position: relative;
}
.block-table td:before {
position: absolute;
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px;
white-space: nowrap;
}
}
/* TO BE DELETED
#carousel-secondary{
min-height:150px;
margin-bottom:40px
}
#carousel-secondary .slide-caption{
padding:30px 40px
}
#carousel-secondary .slide-caption .button{
width:auto
}
#carousel-secondary h3{
font-family:'Oswald',sans-serif;
color:#444;
font-weight:600
}
#carousel-secondary h3 a:hover,#carousel-secondary .slide-caption a:hover,a:hover #carousel-secondary{
text-decoration:none !important
}
#carousel-secondary .slide-caption a:hover{
color:#c32640
}
#carousel-secondary .item a{
font-weight:normal
}
#carousel-secondary .item a.button.button-apply{
font-weight:bold
}
#carousel-secondary p{
font-size:1rem;
font-weight:normal
}
.carousel-control{
display:block !important
}
#carousel-secondary .carousel-control{
background:#eab000;
color:#333 !important;
text-shadow:none;
opacity:1;
z-index:2;
height:40px;
width:40px;
top:20%
}
#carousel-secondary .carousel-control:hover{
background:#ffcd35;
color:#333
}
.carousel-control .fa{
margin-top:10px
}
.carousel-fade .carousel-inner .item{
opacity:0;
transition:opacity .5s ease-in-out
}
.carousel-fade .carousel-inner .active{
opacity:1
}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right{
left:0;
opacity:0;
z-index:1
}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right{
opacity:1
}
.carousel-fade .carousel-control{
z-index:2
}
@media all and (transform-3d),(-webkit-transform-3d){
.carousel-fade .carousel-inner>.item.next,.carousel-fade .carousel-inner>.item.active.right,.carousel-fade .carousel-inner>.item.prev,.carousel-fade .carousel-inner>.item.active.left,.carousel-fade .carousel-inner>.item.next.left,.carousel-fade .carousel-inner>.item.prev.right,.carousel-fade .carousel-inner>.item.active{
opacity:1;
transform:translate3d(0,0,0)
}
}
.carousel-indicators{
right:30px;
left:auto;
width:auto;
bottom:0;
display:none
}
.carousel-indicators li{
display:inline-block;
width:10px;
height:10px;
margin:1px;
text-indent:-999px;
border:1px solid #A80B2D;
border-radius:10px;
cursor:pointer;
background-color:rgba(0,0,0,0)
}
.carousel-indicators .active{
background:#A80B2D
}
.slide-img{
width:100%
}
.carousel-inner{
border:1px solid #eee;
box-shadow:0 0 3px #eee;
z-index:1
}
@media (min-width:1200px){
#carousel-secondary p{
font-size:1.1rem;
margin-bottom:20px
}
}
@media screen and (max-width:991px){
.footer-logo{
height:auto
}
}
@media screen and (max-width:768px){
.footer-logo{
height:59px
}
}
@media (max-width:991px){
.button{
line-height:1.5
}
#carousel-secondary .slide-caption{
margin:0;
padding:30px
}
#carousel-secondary h3{
margin:0 0 15px
}
#carousel-secondary .carousel-control{
top:30%;
z-index:2;
color:#000;
text-shadow:none;
background:#eaab00
}
#carousel-secondary .carousel-control.right{
right:-15px
}
#carousel-secondary .carousel-control.left{
left:-15px
}
}
@media (max-width:558px){
#carousel-secondary .slide-caption{
margin-top:0;
padding:30px
}
#carousel-secondary h3{
font-size:1.8em
}
#carousel-secondary p{
font-size:1.09rem;
margin-bottom:20px
}
#carousel-secondary .slide-caption-rule{
margin-bottom:14px
}
#carousel-secondary .carousel-indicators{
display:none
}
}
#carousel-secondary .item img{
height:450px;
object-fit:cover
}
#carousel-secondary .item a{
font-weight:normal
}
#carousel-secondary .item a:hover{
font-weight:normal
}
#carousel-secondary .item a.button.button-apply{
font-weight:bold
}
#carousel-secondary .slide-caption{
height:260px
}
#carousel-secondary p{
font-size:1.2rem
}
@media (max-width:991px){
#carousel-secondary h3{
font-size:1.5em
}
#carousel-secondary p{
font-size:1rem
}
#carousel-secondary .item img{
height:auto
}
}
*/
#carousel-secondary {
min-height: 150px;
margin-bottom: 40px;
}
#carousel-secondary .slide-caption {
padding: 30px;
height: 260px;
}
#carousel-secondary .slide-caption .button {
width: auto;
}
#carousel-secondary h3 {
font-family: 'Oswald', sans-serif;
color: #444;
font-weight: 600;
margin-bottom: 15px;
}
#carousel-secondary h3 a:hover, #carousel-secondary .slide-caption a:hover {
text-decoration: none !important;
color: #c32640;
}
#carousel-secondary .item a {
font-weight: normal;
}
#carousel-secondary .item a.button.button-apply {
font-weight: bold;
}
#carousel-secondary p {
font-size: 1.2rem;
font-weight: normal;
}
/* Carousel Controls */
.carousel-control {
display: block !important;
}
#carousel-secondary .carousel-control {
background: #eab000;
color: #333 !important;
text-shadow: none;
opacity: 1;
z-index: 2;
height: 40px;
width: 40px;
top: 20%;
}
#carousel-secondary .carousel-control:hover {
background: #ffcd35;
color: #333;
}
.carousel-control .fa {
margin-top: 10px;
}
/* Fade Effect */
.carousel-fade .carousel-inner .item {
opacity: 0;
transition: opacity 0.5s ease-in-out;
}
.carousel-fade .carousel-inner .active {
opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
left: 0;
opacity: 0;
z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-control {
z-index: 2;
}
/* 3D Transform Fix for Older Browsers */
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right, .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left, .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
/* Indicators */
.carousel-indicators {
right: 30px;
left: auto;
width: auto;
bottom: 0;
display: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #A80B2D;
border-radius: 10px;
cursor: pointer;
background-color: transparent;
}
.carousel-indicators .active {
background: #A80B2D;
}
/* General Styles */
.slide-img {
width: 100%;
}
.carousel-inner {
border: 1px solid #eee;
box-shadow: 0 0 3px #eee;
z-index: 1;
}
#carousel-secondary .item img {
height: 450px;
object-fit: cover;
}
/* Responsive Adjustments */
@media (min-width: 1200px) {
#carousel-secondary p {
font-size: 1.1rem;
margin-bottom: 20px;
}
}
@media (max-width: 991px) {
.button {
line-height: 1.5;
}
#carousel-secondary .slide-caption {
margin: 0;
}
#carousel-secondary h3 {
font-size: 1.5em;
}
#carousel-secondary p {
font-size: 1rem;
}
#carousel-secondary .item img {
height: auto;
}
#carousel-secondary .carousel-control {
top: 30%;
color: #000;
background: #eaab00;
}
#carousel-secondary .carousel-control.right {
right: -15px;
}
#carousel-secondary .carousel-control.left {
left: -15px;
}
}
@media (max-width: 558px) {
#carousel-secondary h3 {
font-size: 1.8em;
}
#carousel-secondary p {
font-size: 1.09rem;
}
}
/*RSS Feed*/
.news-feed-header h3 {
position: relative;
}
.news-feed-header:after {
background: #A80B2D;
content: "";
height: 7px;
width: 40px;
z-index: 9;
position: absolute;
margin: 0px auto;
}
.news-feed-header.full {
position: relative;
top: 0px;
}
.news-feed-header, .short-header:after {
top: 60px;
}
.article-card {
border-top: none;
border-left: none;
background-color: white;
padding: 0px;
position: relative;
box-shadow: 0 0 8px #D5D0C0;
min-height: 150px;
margin-bottom: 1em;
margin-top: 1em;
}
.article-card:hover {
transition: box-shadow .3s ease-in;
overflow: hidden;
}
.article-card .article-photo {
overflow: hidden;
}
.article-card img {
width: 100%;
height:100%;
transition: 0.5s all ease-in-out;
}
.article-card:hover img {
transform: scale(1.1);
}
.article-card .article-content {
padding: 1em 1.2em;
}
@media only screen and (max-width: 600px){
.article-card .article-content {
padding: 0px;
}
}
.article-content.feature{
padding: 10px 0px;
}
.feat-1{
order:1;
}
.feat-2{
order:2;
}
.article-card .article-content .article-date {
font-size: .7rem;
}
.article-card .article-content .article-school {
font-weight: bold;
font-size: .7rem;
text-transform: capitalize;
}
.article-card:hover a {
text-decoration:none;
}
.article-card .article-content p:last-child {
margin-bottom: 0;
}
.article-content.short {
padding: 0.625em;
}
.article-title{
font-size:1.2rem!important;
}
h5.article-title a:link{
text-decoration:none;
}
.article-content.short .article-title a:hover{
text-decoration:none;
}
.article-card.full-width {
display: flex;
min-height: 165px;
position: relative;
}
@media screen and (max-width: 320px){
.article-card {
width: 290px;
flex-direction: column;
}
}
@media screen and (max-width: 320px){
.article-photo {
width: 100%;
}
}
.article-card.full-width .article-content {
margin:5px;
padding: 15px;
position: relative;
}
@media screen and (max-width: 992px){
.article-card.full-width{
display:block;
}
.article-card.full-width .article-photo{
max-width:100%;
max-height:200px;
}
}
.article-photo.column{
display: flex;
flex-direction: row;
max-width: 210px;
max-height: 170px;
}
#column-feed .article-card.full-width{
min-height:0px!important;
}
#column-feed .article-card.full-width .article-content{
padding:15px!important;
}
.article-content.short{
padding:20px!important;
}
.article-card img{
height:auto!important;
}
.article-card.feature{
border-bottom:none;
}
.article-card{
box-shadow:none;
border-bottom:1px solid #ccc;
}
.article-photo.column{
margin-top:1em;
}
/*BREADCRUMBS*/
.breadcrumb{
background:#fff!important;
font-size:12px;
padding: 10px 0px 5px 0px;
margin-bottom: 10px;
list-style: none;
}
.breadcrumb>.active{
color:#A80B2D;
}
.breadcrumb>.default a{
color:#000!important;
font-weight:normal;
}
.breadcrumb>.default a:visited{
color:#000!important
}
.breadcrumb .separator{
padding:0px;
}
.breadcrumb>.default a:hover{
color:#A80B2D;
text-decoration:underline;
}
.breadcrumb>li+li:before {
content: "\00BB"!important;
padding: 0 5px;
color: #000;
}
a:visited .default{
color:#000!important;
}
/**DIRECTORY**/
.hh-directory.section{padding:0}.hh-directory .input{width:100%;height:40px;padding:0 15px;background-color:#fff;border-radius:0;border:2px solid #e8eaed}.hh-directory .container>.row{margin-bottom:25px}.hh-directory div[class^="col-"]>:last-child{margin-bottom:30px}.hh-directory .dirItem[class^="col-"],.hh-directory .row.dirSearchControls>[class^="col-"]{padding-bottom:15px}.hh-directory .dirItem{display:none}.hh-directory .dirItem.filter-match{display:block}.hh-directory .dirItem .panel .panel-title{margin-top:0;margin-bottom:15px;font-weight:bold}.hh-directory .dirItem .panel{border-radius:0;word-break:break-word}.hh-directory .dirItem .panel .panel-body .email{word-break:break-all}.hh-directory .dirItem .panel-body .panel-text .text-muted{color:#686868}.hh-directory .dirItem.bgImage .panel-body{padding:0}.hh-directory .dirItem.bgImage .panel-body .panel-title{margin:15px 0}.hh-directory .dirItem.blockImage .panel-tiles .panel-body .panel-title{margin-top:15px}.hh-directory .dirItem.bgImage .panel-body .panel-text{margin-bottom:15px}.hh-directory .dirItem.bgImage .panel-body .panel-image{background-position:center;background-repeat:no-repeat;background-size:cover}.hh-directory .dirItem .panel-body .panel-image .img-responsive{display:inline-block}.hh-directory .dirItem.bgImage .panel-body .row{margin-right:0;margin-left:0;height:100%}.hh-directory .form-control,.hh-directory select,.hh-directory select.form-control{border-radius:0;-moz-appearance:none;-webkit-appearance:none;appearance:none}.hh-directory .select-container{display:inline-block;position:relative;width:100%}.hh-directory .select-container:after{content:"";position:absolute;left:93%;top:25%;width:0;height:0;clear:both;border:solid black;border-width:0 3px 3px 0;display:inline-block;padding:4px;transform:rotate(45deg);-webkit-transform:rotate(45deg)}.hh-directory .pagination{justify-content:center}.hh-directory .back-to-dir{text-align:left}.hh-directory.autocomplete-suggestions{text-align:left;cursor:default;border:1px solid #ccc;border-top:0;background:#fff;box-shadow:-1px 1px 3px rgba(0,0,0,.1);position:absolute;display:none;z-index:9999;max-height:254px;overflow:hidden;overflow-y:auto;box-sizing:border-box}.hh-directory .autocomplete-suggestion{position:relative;padding:0 .6em;line-height:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.02em;color:#333}.hh-directory .autocomplete-suggestion b{font-weight:normal;color:#1f8dd6}.hh-directory .autocomplete-suggestion.selected{background:#f0f0f0}.hh-directory h1.border-bottom{line-height:35px}.hh-directory.hh-profile .tags{padding:.75rem 1.25rem;background-color:#f5f5f5}.hh-directory #pagination{text-align:center}.hh-directory .pagination{margin-top:10px}.hh-directory .pagination>.disabled>a,.hh-directory .pagination>.disabled>a:focus,.hh-directory .pagination>.disabled>a:hover,.hh-directory .pagination>.disabled>span,.hh-directory .pagination>.disabled>span:focus,.hh-directory .pagination>.disabled>span:hover{color:#686868}.hh-directory .pagination>.active>a,.hh-directory .pagination>.active>a:focus,.hh-directory .pagination>.active>a:hover,.hh-directory .pagination>.active>span,.hh-directory .pagination>.active>span:focus,.hh-directory .pagination>.active>span:hover{background-color:#43739c;border-color:#43739c;color:#fff}.hh-directory .pagination>li>a,.hh-directory .pagination>li>span{color:#43739c}.hh-directory .dirItem.bgImage .left-image .panel-body .panel-image,.hh-directory .dirItem.bgImage .right-image .panel-body .panel-image{height:230px}@media only screen and (min-width:992px){.hh-directory .dirItem[class^="col-"],.hh-directory .row.dirSearchControls>[class^="col-"]{padding-right:0}}@media only screen and (min-width:992px){.hh-directory .dirItem.bgImage .left-image .panel-body .panel-image,.hh-directory .dirItem.bgImage .right-image .panel-body .panel-image{min-height:150px}}@media only screen and (max-width:991px){.hh-directory .dirItem.bgImage .panel-body .panel-image{height:300px!important;background-size:contain}}@media only screen and (max-width:767px){.hh-directory .dirItem.bgImage .panel-body .panel-image{background-position:top;background-size:contain}}.hh-directory .dirItem .left-image .panel-body .panel-title,.hh-directory .dirItem .right-image .panel-body .panel-text{margin-top:15px;margin-bottom:15px}.hh-directory.hh-profile .col-md-8.sidebar-right{bottom:30px}#searchDir,#dirDept{padding:10px;margin-bottom:20px;width:100%}.dirSearchControls{margin-top:20px}.hh-directory .panel-title{font-family:"Oswald",sans-serif!important;font-size:20px}.panel-image{min-height:190px}#view-count{text-align:center;margin-top:30px;border-top:1px solid #ccc;padding-top:10px}#directory-profile a,#directory-profile .secondary-button{font-weight:bold}#directory-profile .hh-profile h1{margin-top:0}#directory-profile blockquote{border-left:0}#directory-profile .contact-info{margin-top:20px}#directory-profile .contact-heading{border-bottom:3px solid #ccc;font-weight:bold;font-size:18px}#directory-profile .contact-label{margin-top:10px;margin-bottom:0;color:#444;font-weight:bold}#directory-profile .border-bottom{margin-bottom:10px}#directory-profile .contact-item{margin-bottom:10px;font-weight:bold}#directory-profile .department{margin:0 0 30px;font-size:18px}#directory-profile .contact-title{font-size:25px;margin-bottom:5px;font-weight:bold}
/*NAV UPDATE*/
.dba-nav .nav .dropdown li a{
padding: 15px 15px 15px 15px
}
.dba-nav .navbar-nav>li>a{
line-height:1.1;
}
.dba-nav .navbar-nav .dropdown-toggle{
min-height:55px;
}
.dba-nav nav.navbar ul.nav>li>a{
display: flex;
align-items: center;
justify-content: flex-start;
min-height:45px;
font-size:0.87rem;
}
button.menu-dropdown-btn{
padding: 10px;
text-decoration: none;
font-size: 1rem;
color: #fff;
border: none;
background: none;
width: 100%;
text-align: left;
cursor: pointer;
outline: none;
transition: 0.3s;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.menu-dropdown-btn:focus{
background:#333;
}
button.dropdown-btn {
padding: 10px 10px 10px 10px;
text-decoration: none;
font-size: .99rem;
color: #444;
display: block;
border: none;
background: none;
width: 100%;
text-align: left;
cursor: pointer;
outline: none;
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
justify-content: space-between;
}
.sub-collapse{
justify-content: flex-start!important;
padding-left:0px;
}
#subnav{
border-top:1px solid #ddd;
}
#subnav .sidenav a{
padding:10px;
font-size:.99rem;
}
#subnav button.dropdown-btn:nth-of-type(1){
width:100%;
padding:10px 0px 10px 15px;
background:#e7e9eb
}
#subnav .subNav-btn{
padding:10px 0px 10px 15px;
}
#subnav button.dropdown-btn:nth-of-type(1) .caret{
display:none;
}
#subnav li#nav-drop.dropdown.sub:hover{
background:#fff;
}
#subnav .navbar-nav>li>a{
font-size:0.87rem;
color:#000;
min-height:45px;
}
#subnav .dropdown.sub a{
font-size: 0.87rem;
width: 100%;
}
#subnav .navbar-nav>li>a:hover{
color:#A80B2D;
background:transparent;
}
#subnav .dropdown-btn.highlight-btn{
padding:10px 0px 14px 11px;
}
#subnav .dropdown-btn.active .fa{
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transition: all 350ms ease-in-out;
}
#subnav .nav.navbar-nav.subdrop {
display: flex;
align-items: center;
}
#subnav .dropdown-btn {
padding: 10px 10px 10px 10px;
text-decoration: none;
font-size: .99rem;
color: #444;
display: block;
border: none;
background: none;
width: 100%;
text-align: left;
cursor: pointer;
outline: none;
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
justify-content: space-between;
}
#subnav .highlight{
background-color:#f8f9fa;
color: #000;
}
#subnav-update {
background-color: #fff;
}
#subNav-btn{
cursor: pointer;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
flex-direction: row;
align-items: center;
}
#subnav .dropdown {
margin-top: 0px;
display: flex;
flex-wrap: nowrap;
align-content: center;
align-items: center;
justify-content: center;
cursor:pointer;
}
#subnav .dropdown a {
background:none;
}
#subnav .open > a{
background-color:transparent!important;
}
#subnav .dropdown.sub:hover + .dropdown-menu {
display:block;
position:relative;
z-index:100;
}
#subnav .arrow-down{
margin-left: 5px;
font-size: .7rem;
color: #fff;
padding: 5px;
}
#subnav .dropdown a {
padding: 0px;
font-size: 15px;
color: #000;
}
#subnav .dropdown.sub a:hover{
text-decoration:none;
color:#A80B2D;
cursor:pointer;
}
#subnav .dropdown.sub a:hover + .dropdown-menu{
display:block;
visibility: visible;
opacity: 1;
animation: fade .3s;
}
#subnav .dropdown-menu{
padding:0px;
width:100%;
}
#subnav .dropdown-menu:hover {
display: block;
visibility: visible;
opacity: 1;
}
#subnav .dropdown-menu li{
width:100%!important;
display: flex;
align-items: center;
align-content: center;
}
#subnav .dropdown-menu {
background-color: #fff;
opacity: 0;
visibility: hidden;
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#subnav a.dropdown-toggle{
display:flex;
justify-content:center
}
/*SITE NAME*/
.nav.navbar-nav.subdrop li.nav-item:first-child a{
font-size:1rem!important;
font-family: 'Oswald', 'Arial', 'Helvetica', sans-serif;
min-width:230px;
position: absolute !important;
left: 0 !important;
top:0!important;
bottom:0;
}
.nav.navbar-nav.subdrop li.nav-item:first-child{
position: absolute !important;
left: 0 !important;
top:0!important;
bottom:0;
}
/***** Mobile*******/
#nav-bar-update{
background: #f4f4f4;
border:1px solid #ccc;
overflow:hidden;
padding-left:0px;
}
#nav-bar-update .nav-name {
text-align: left;
color: #000;
padding-top: 10px;
font-weight: 400;
margin-bottom: 10px;
}
/*Mobile Left Nav*/
#nav-bar-update .unit-mobile-menu-pane div:last-child {
background: #f4f4f4;
}
#subNav .mobile-dropdown-menu a{
padding:10px 0px 10px 20px;
border-bottom:0.01em solid #ccc;
font-size:.9rem;
}
#subNav-btn .fa{
font-size: 0.53rem;
width: 23px;
text-align: center;
position: absolute;
background: #ba0c2f;
right: 0;
transition: all 350ms ease-in-out;
height: 100%;
top: 0;
display: flex;
color: #fff;
align-items: center;
justify-content: center;
}
#subNav-btn .mobile-section-label{
text-transform: uppercase;
font-size: 0.62rem;
margin-right: 5px;
margin-top: 3px;
}
#subNav-btn .mobile-page-title{
font-family:'oswald',sans-serif;
font-weight:bold;
text-transform:capitalize;
font-size:.799rem
}
#sub-update .mobile-dropdown-menu a {
padding: 10px 0px 10px 15px;
}
.mobile-dropdown-menu .fa{
font-size:0.58rem;
width: 20px;
text-align: right;
padding-right: 5px;
position:absolute;
right:5px;
}
#subNav button.dropdown-btn.highlight-btn{
padding: 10px;
width: 100%;
border-bottom: 1px solid #e2e2e2;
font-size: .8rem;
display: flex;
align-items: center;
flex-direction: row;
flex-wrap: nowrap;
background:#fff;
}
/**CATEGORY BUTTON**/
#picker{
background:#e7e9eb
}
#picker:hover{
background:#fff;
}
.picker-arrow{
position: absolute;
right: 0;
width: 20px;
font-size: .7rem;
vertical-align: middle;
height: 100%;
background:#ba0c2f;
color:#444;
display: flex;
align-content: center;
justify-content: center;
align-items: center;
}
li#picker.dropdown.sub.highlight{
position:absolute;
left:0px;
max-width:230px;
padding-left:5px;
cursor:pointer;
margin-right:5px;
}
li#picker.dropdown.sub.highlight:focus {
outline:2px solid #000;
}
#picker-highlight-menu li.drop-item-box{
max-width:100%!important;
cursor:pointer;
}
#subnav li.drop-item-box:hover{
background:#f8f9fa;
color:#A80B2D;
cursor:pointer;
}
#subnav .fa {
font-size:8px;
width:20px;
text-align:center;
color:#A80B2D;
}
#subnav li#nav-drop.dropdown.sub {
padding: 0px 4px 0px 8px;
width:auto;
}
#subnav .dropdown {
margin-top: 0px;
display: flex;
flex-wrap: nowrap;
align-content: center;
align-items: center;
justify-content: flex-start;
cursor: pointer;
}
#subnav-update.dba-nav .navbar li {
max-width:140px;
padding-left:5px;
}
#picker-highlight-menu .dropdown-menu li{
width:100%!important;
}
#picker .fa-chevron-down{
color:#fff;
width:20px;
}
#picker .dropdown.sub a{
font-size: 15px;
font-weight: 400;
width: 100%;
display: flex;
justify-content: flex-start;
}
#picker .dropdown-menu li:hover{
color:#A80B2D;
}
#picker a.dropdown-toggle{
font-weight:bold;
display:flex;
justify-content: flex-start;
}
.p {
color: #000
}
h1, h2, h3, h4, h5, h6{
font-family: 'Oswald', 'Arial', 'Helvetica', sans-serif;
font-weight:bold;
}
h1 {
font-size: 1.6em;
font-family: 'Oswald', 'Arial', 'Helvetica', sans-serif;
}
.h1 {
font-size: 1.6em;
font-family:'Oswald','Arial', 'Helvetica', sans-serif;
}
@media screen and (min-width: 20em) {
h1 {
font-size: calc(2.3em + 1.4 * ((100vw - 20em ) / 80 ));
}
.h1 {
font-size: calc(2.3em + 1.4 * ((100vw - 20em ) / 80 ));
}
}
@media screen and (min-width: 100em) {
h1 {
font-size: 3.5em;
}
.h1 {
font-size: 3.5em;
}
}
h2, .h2 {
font-size: calc(1.5rem + 0.9vw);
}
@media (min-width: 1200px) {
h2, .h2 {
font-size: 2.2rem;
}
}
h3, .h3 {
font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
h3, .h3 {
font-size: 1.75rem;
}
}
h4, .h4 {
font-size: calc(1rem + 0.59vw);
}
@media (max-width: 1200px) {
.lead-paragraph {
font-size:calc(1rem + 0.2vw)
}
}
h5, .h5{
font-size:20px;
}
/*Font Families Used for Headings*/
.ff-primary{
font-family: 'Oswald', 'Arial', 'Helvetica', sans-serif;
}
.ff-secondary{
font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif;
}
.ff-serif{
font-family: 'Lora', 'Georgia', serif;
}
.serif{
font-family: 'Lora', 'Georgia', serif;
}
.lowercase{
text-transform:none;
}
/**Sitewide Google Search Styles**/
.gs-webResult .gs-snippet,.gs-imageResult .gs-snippet,.gs-fileFormatType{padding-left:20px!important}.gsc-table-cell-snippet-close,.gsc-table-cell-snippet-open{padding-left:43px!important}.gsc-richsnippet-showsnippet-label{display:none!important}.gsc-table-cell-thumbnail,.gs-promotion-image-cell{width:6%!important}.gsc-webResult.gsc-result.gsc-promotion{padding:20px;border-left:5px solid #A80B2D!important}
#request-form select{
width:100%;
}
#back2Top {display:none!important}
/*USED TOP NAV*/
.dba-nav {
background-color:#A80B2D;
}
.dba-nav .navbar {
margin-bottom: 0px
}
@media (max-width:1199px) {
.dropdown-menu>li>a {
line-height: 20px !important;
}
}
.dropdown-menu>li>a {
line-height: 5px;
}
/*USED LEFT NAV MOBILE*/
.unit-mobile-menu-pane {
z-index: 0;
}
/*GLOBAL NAV USE*/
button.menu-dropdown-btn {
padding: 10px;
text-decoration: none;
font-size: 1rem;
color: #fff;
display: block;
border: none;
background: none;
width: 100%;
text-align: left;
cursor: pointer;
outline: none;
transition: 0.3s;
display: flex;
flex-direction: row;
justify-content: space-between;
}
/*SUBNAV BUTTON MOBILE*/
button.dropdown-btn {
padding: 10px 10px 10px 10px;
text-decoration: none;
font-size: .99rem;
color: #444;
display: block;
border: none;
background: none;
width: 100%;
text-align: left;
cursor: pointer;
outline: none;
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
justify-content: space-between;
}
/*USED IN SUBNAV*/
.dropdown-menu li {
padding: 10px;
text-align: left;
width: 100%;
font-size: 15px;
color: #444;
margin-right: 43px;
}
#navbar-header {
z-index: 1;
}
#navbar-header .navbar-nav {
float: right;
font-family: 'Roboto', Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
}
#navbar-header.navbar {
margin-bottom: 0px;
border: none;
}
#navbar-header.navbar li {
width: 157px;
padding-top: 4px;
}
/* Vertical Cards*/
.page-content {
display: flex;
justify-content: center;
align-items: center;
padding: 1rem;
}
@media (max-width: 600px) {
.page-content {
flex: 2 2 calc(50% - 50%);
}
.page-content{
flex-direction:column;
}
}
@media (max-width: 992px) {
.page-content {
display:flex;
flex-direction:column;
align-items: normal;
}
}
@media (max-width: 768px) {
.page-content {
flex-wrap: wrap;
flex-direction:row;
padding:0;
}
}
.item-card::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
z-index: 1;
bottom: 0;
background: linear-gradient(2deg, #211f1f 19%, rgba(33, 31, 31, 0.592) 37%, rgba(72, 171, 224, 0) 52%);
}
.item-card {
position: relative;
display: flex;
align-items: flex-end;
overflow: hidden;
padding: 1rem;
width: 100%;
text-align: left;
color: #f5f5f5;
background-color: #f5f5f5;
}
@media (min-width: 992px) {
.item-card {
height: 500px;
flex: 1 1 calc(100% - 2rem);
}
}
.item-card:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 110%;
background-size: cover;
background-position: 0 0;
transition: transform 1050ms cubic-bezier(0.19, 1, 0.22, 1);
pointer-events: none;
}
.item-card:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 200%;
pointer-events: none;
background-image: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.009) 11.7%, rgba(0, 0, 0, 0.034) 22.1%, rgba(0, 0, 0, 0.072) 31.2%, rgba(0, 0, 0, 0.123) 39.4%, rgba(0, 0, 0, 0.182) 46.6%, rgba(0, 0, 0, 0.249) 53.1%, rgba(0, 0, 0, 0.32) 58.9%, rgba(0, 0, 0, 0.394) 64.3%, rgba(0, 0, 0, 0.468) 69.3%, rgba(0, 0, 0, 0.54) 74.1%, rgba(0, 0, 0, 0.607) 78.8%, rgba(0, 0, 0, 0.668) 83.6%, rgba(0, 0, 0, 0.721) 88.7%, rgba(0, 0, 0, 0.762) 94.1%, rgba(0, 0, 0, 0.79) 100% );
transform: translateY(-50%);
transition: transform calc(var(--d) * 2) var(--e);
}
.vert-content {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;
width: 100%;
padding: 1rem;
transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1);
z-index: 2;
}
@media (hover: hover) and (min-width: 600px) {
.item-card:after {
transform: translateY(0);
}
.vert-content {
transform: translateY(calc(100% - 6.5rem));
}
.vert-content > *:not(.title) {
opacity: 0;
transform: translateY(1rem);
transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1), opacity 700ms cubic-bezier(0.19, 1, 0.22, 1);
}
/*.item-card:hover, .item-card:focus-within {
align-items: bottom;
}*/
.item-card:hover:before, .item-card:focus-within:before {
transform: translateY(-4%);
}
.item-card:hover:after, .item-card:focus-within:after {
transform: translateY(-50%);
}
.item-card:hover .vert-content, .item-card:focus-within .vert-content {
transform: translateY(0);
}
.item-card:hover .vert-content > *:not(.title), .item-card:focus-within .vert-content > *:not(.title) {
opacity: 1;
transform: translateY(0);
transition-delay: 87.5ms;
}
.item-card:focus-within:before, .item-card:focus-within:after, .item-card:focus-within .vert-content, .item-card:focus-within .vert-content > *:not(.title) {
transition-duration: 0s;
}
}
.copy {
font-family: "Roboto", Arial, Sans-serif;
color: #fff;
}
.vert-content h4.title {
font-family: "Oswald", Arial, Sans-serif;
color: #fff;
margin-bottom: 10px;
border-bottom:3px solid #ba0c2f;
}
.title::after {
position: absolute;
border-bottom: 4px solid #cd0027;
margin: 0px 20px;
z-index: 2;
transition: 0.5s;
transform: translateY(0px);
bottom: 50px;
}
.content-wrapper {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
}