/*@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400|Roboto:300,400,700');*/
@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');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@font-face {
font-family: 'Glyphicons Halflings';
src: url('/files/fonts/glyphicons-halflings-regular.eot');
src: url('/files/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded- opentype'),
url('/files/fonts/glyphicons-halflings-regular.woff') format('woff'),
url('/files/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
url('/files/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
a:link{
width: auto;
color: #0E71E2;
text-decoration: none;
cursor: pointer;
}
a:hover{
color:#308EF8;
cursor:pointer;
}
a:visited{
color:#0B4689;
}
.main-content a{
font-weight:bold;
}
a:link ul li{
font-weight:bold;
}
a:link ol li{
font-weight:bold;
}
ul li a:link{
font-weight:bold;
}
ol li a:link {
font-weight:bold;
}
dl dd a:link {
font-weight: bold;
}
.em-button .em-secondary .em-white{
color:#fff;
}
.code-area {
font-family: monaco;
background-color: black ;
color: white;
border: none;
}
/**GOOGLE SEARCH**/
.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;
}
/**TOUR BUTTON**/
.vm-button{
background-color:#BA0C2F!important;
}
#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;
}
#accordion .panel-title a{
display: -webkit-flex;
display: flex;
align-items: center;
}
#accordion a, #accordion a:visited{
font-weight:bold;
}
#accordion a:hover {
font-weight:bold;
text-decoration:underline;
}
.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;
}
/* added image class */
img.img-floatleft{
float:left;
margin-right:10px;
margin-left:10px;
}
.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;
}
/********** PHOTOS USING FIGURE CAPTION OPTION **************/
figcaption{
background: #eee;
font-size: .9em;
text-align:center;
color: #777;
padding: 5px 0px 5px 0px;
}
/********** CourseLeaf **************/
.courseleafAppletDropInProgram {
visibility: visible;
}
.courseleafAppletDropInProgram h4 {
visibility: visible !important;
}
.courseleafAppletDropInProgram h2 {
font-family: 'Oswald', sans-serif;
font-size: 2.0rem;
font-weight: bold;
color: #444;
margin-top: 10px;
margin-bottom: 10px;
line-height: 1.1;
box-sizing: border-box;
display: none;
}
.courseleafAppletDropInProgram h3{
display:none;
}
.courseleafAppletDropInProgram p {
font-family: 'Roboto',Helvetica,Arial,sans-serif;
color: #444;
margin-bottom: 1.3em;
font-size: 17px;
line-height: 1.65em;
margin: 0 0 10px;
display: none;
}
.sc_courselist {
width: 100%;
margin-bottom: 15px;
overflow-x: auto;
overflow-y: hidden;
}
.sc_courselist p{
font-family: 'Roboto',Helvetica,Arial,sans-serif;
color: #444;
margin-bottom: 1.3em;
font-size: 17px;
line-height: 1.65em;
margin: 0 0 10px;
display: none;
}
.sc_courselist td{
font-size: 0.9rem;
padding: 10px 10px 2px 28px;
vertical-align: top;
border-bottom: 1px solid #ddd;
visibility: visible !important;
}
.courselistcomment {
font-size: 1rem;
font-weight: bold;
color: #A80B2D;
text-align: left;
visibility: visible !important;
}
.codecol{
color:#A80B2D;
text-decoration: none;
font-weight: bold;
visibility: visible !important;
}
.areaheader span{
font-family: 'Roboto Condensed', sans-serif !important;
font-size: 1.23rem !important;
font-weight: bold !important;
color: #444;
visibility: visible !important;
}
.listsum {
font-family: 'Oswald', sans-serif !important;
font-size: 1.23rem !important;
font-weight: bold !important;
color: #444;
visibility: visible !important;
}
.listsum td{
font-size: 1.23rem !important;
visibility: visible !important;
}
.owl-nav {
display: none !important;
}
.owl-next {
width: 15px;
height: 100px;
position: absolute;
top: 28%;
right: -16px;
display: block !important;
border:0px solid black;
font-size: 100px !important;
background-color: transparent !important;
}
button.owl-next {
margin-left: 1115px !important;
font-size: 100px;
}
.owl-prev {
width: 15px;
height: 100px;
position: absolute;
top: 28%;
margin-left: -37px;
display: block !important;
border:0px solid black;
margin-right: 1174px !important;
font-size: 100px !important;
background-color: transparent !important;
}
.owl-next:hover span{
background: #869791;
color: #FFF;
text-decoration: none
}
.owl-prev:hover span{
background: #869791;
color: #FFF;
text-decoration: none
}
.owl-prev i, .owl-next i {
transform : scale(1,6);
color: #ccc;
}
.owl-carousel, .owl-carousel .owl-item {
-webkit-tap-highlight-color: transparent;
position: relative
}
.owl-carousel {
display: none;
width: 100%;
z-index: 1
}
.owl-carousel .owl-stage {
position: relative;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0)
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0)
}
.owl-dots {
padding-top: 10px;
}
.owl-carousel .owl-item {
min-height: 1px;
float: left;
}
.owl-carousel .owl-item img {
display: block;
width: 100%
}
.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
}
.no-js .owl-carousel, .owl-carousel.owl-loaded {
display: block
}
.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.owl-carousel, .owl-carousel button.owl-dot {
background: 0 0;
color: inherit;
border: none;
padding: 0!important;
font: inherit
}
.owl-carousel.owl-loading {
opacity: 0;
display: block
}
.owl-carousel.owl-hidden {
opacity: 0
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.owl-carousel.owl-drag .owl-item {
}
.owl-carousel.owl-grab {
}
.owl-carousel.owl-rtl {
direction: rtl
}
.owl-carousel.owl-rtl .owl-item {
float: right
}
.owl-carousel .animated {
animation-duration: 1s;
animation-fill-mode: both
}
.owl-carousel .owl-animated-in {
z-index: 0
}
.owl-carousel .owl-animated-out {
z-index: 1
}
.owl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height .5s ease-in-out
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity .4s ease
}
.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
max-height: 0
}
.owl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform .1s ease
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
display: none
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity .4s ease
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.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;
}
.owl-theme .owl-nav {
font-size: 34px;
}
.owl-theme .owl-dots, .owl-theme .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent
}
.owl-theme .owl-nav {
}
.owl-theme .owl-nav .disabled {
opacity: .5;
cursor: default
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1
}
.owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #D6D6D6;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #869791
}
/* Background Image and Color =================================*/
.tooltipNew {
position: relative;
display: inline-block;
border-bottom: 1px dotted black;
}
.tooltipNew .tooltiptextNew {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 7px 7px;
position: absolute;
z-index: 1;
}
.tooltipNew:hover .tooltiptextNew {
visibility: visible;
}
.parallax {
/* Full height */
height: 100%;
/* Create the parallax scrolling effect */
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-device-width: 1366px) {
.parallax {
background-attachment: scroll;
}
}
/* ============= BLUE IMP Gallery =============*/
.blueimp-gallery, .blueimp-gallery>.slides>.slide>.slide-content {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition: opacity .2s linear;
-moz-transition: opacity .2s linear;
-ms-transition: opacity .2s linear;
-o-transition: opacity .2s linear;
transition: opacity .2s linear;
backface-visibility: hidden;
-moz-backface-visibility: hidden
}
.blueimp-gallery>.slides>.slide>.slide-content {
margin: auto;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
opacity: 1
}
.blueimp-gallery {
position: fixed;
z-index: 999999;
overflow: hidden;
background: #000;
background: rgba(0, 0, 0, .9);
opacity: 0;
display: none;
direction: ltr;
-ms-touch-action: none;
touch-action: none
}
.blueimp-gallery-carousel {
position: relative;
z-index: auto;
margin: 1em auto;
padding-bottom: 56.25%;
box-shadow: 0 0 10px #000;
-ms-touch-action: pan-y;
touch-action: pan-y
}
.blueimp-gallery-display {
display: block;
opacity: 1
}
.blueimp-gallery>.slides {
position: relative;
height: 100%;
overflow: hidden
}
.blueimp-gallery-carousel>.slides {
position: absolute
}
.blueimp-gallery>.slides>.slide {
position: relative;
float: left;
height: 100%;
text-align: center;
-webkit-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
-moz-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
-ms-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
-o-transition-timing-function: cubic-bezier(.645, .045, .355, 1);
transition-timing-function: cubic-bezier(.645, .045, .355, 1)
}
.blueimp-gallery>.slides>.slide-loading {
background: url(../img/loading.gif) center no-repeat;
background-size: 64px 64px
}
.blueimp-gallery>.slides>.slide-loading>.slide-content {
opacity: 0
}
.blueimp-gallery>.slides>.slide-error {
background: url(../img/error.png) center no-repeat
}
.blueimp-gallery>.slides>.slide-error>.slide-content {
display: none
}
.blueimp-gallery>.next, .blueimp-gallery>.prev {
position: absolute;
top: 50%;
left: 15px;
width: 40px;
height: 40px;
margin-top: -23px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 60px;
font-weight: 100;
line-height: 30px;
color: #fff;
text-decoration: none;
text-shadow: 0 0 2px #000;
text-align: center;
background: #222;
background: rgba(0, 0, 0, .5);
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
border: 3px solid #fff;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
opacity: .5;
cursor: pointer;
display: none
}
.blueimp-gallery>.next {
left: auto;
right: 15px
}
.blueimp-gallery>.close, .blueimp-gallery>.title {
position: absolute;
top: 15px;
left: 15px;
margin: 0 40px 0 0;
font-size: 20px;
line-height: 30px;
color: #fff;
text-shadow: 0 0 2px #000;
opacity: .8;
display: none
}
.blueimp-gallery>.close {
padding: 15px;
right: 15px;
left: auto;
margin: -15px;
font-size: 30px;
text-decoration: none;
cursor: pointer
}
.blueimp-gallery>.play-pause {
position: absolute;
right: 15px;
bottom: 15px;
width: 15px;
height: 15px;
background: url(../img/play-pause.png) 0 0 no-repeat;
cursor: pointer;
opacity: .5;
display: none
}
.blueimp-gallery-playing>.play-pause {
background-position: -15px 0
}
.blueimp-gallery-controls>.close, .blueimp-gallery-controls>.next, .blueimp-gallery-controls>.play-pause, .blueimp-gallery-controls>.prev, .blueimp-gallery-controls>.title {
display: block;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
.blueimp-gallery-left>.prev, .blueimp-gallery-right>.next, .blueimp-gallery-single>.next, .blueimp-gallery-single>.play-pause, .blueimp-gallery-single>.prev {
display: none
}
.blueimp-gallery>.close, .blueimp-gallery>.next, .blueimp-gallery>.play-pause, .blueimp-gallery>.prev, .blueimp-gallery>.slides>.slide>.slide-content {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.blueimp-gallery>.close:hover, .blueimp-gallery>.next:hover, .blueimp-gallery>.play-pause:hover, .blueimp-gallery>.prev:hover, .blueimp-gallery>.title:hover {
color: #fff;
opacity: 1
}
body:last-child .blueimp-gallery>.slides>.slide-error {
background-image: url(../img/error.svg)
}
body:last-child .blueimp-gallery>.play-pause {
width: 20px;
height: 20px;
background-size: 40px 20px;
background-image: url(../img/play-pause.svg)
}
body:last-child .blueimp-gallery-playing>.play-pause {
background-position: -20px 0
}
*+html .blueimp-gallery>.slides>.slide {
min-height: 300px
}
*+html .blueimp-gallery>.slides>.slide>.slide-content {
position: relative
}
.blueimp-gallery>.indicator {
position: absolute;
top: auto;
right: 15px;
bottom: 15px;
left: 15px;
margin: 0 40px;
padding: 0;
list-style: none;
text-align: center;
line-height: 10px;
display: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.blueimp-gallery>.indicator>li {
display: inline-block;
width: 9px;
height: 9px;
margin: 6px 3px 0 3px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
border: 1px solid transparent;
background: #ccc;
background: rgba(255, 255, 255, .25) center no-repeat;
border-radius: 5px;
box-shadow: 0 0 2px #000;
opacity: .5;
cursor: pointer
}
*+html .blueimp-gallery>.indicator>li {
display: inline
}
.blueimp-gallery>.indicator>.active, .blueimp-gallery>.indicator>li:hover {
background-color: #fff;
border-color: #fff;
opacity: 1
}
.blueimp-gallery>.indicator>li:after {
opacity: 0;
display: block;
position: absolute;
content: '';
top: -5em;
width: 75px;
height: 75px;
transition: transform .6s ease-out, opacity .4s ease-out;
transform: translateX(-50%) translateY(0) translateZ(0);
pointer-events: none
}
.blueimp-gallery>.indicator>li:hover:after {
opacity: 1;
border-radius: 50%;
background: inherit;
transform: translateX(-50%) translateY(-5px) translateZ(0)
}
.blueimp-gallery>.indicator>.active:after {
display: none
}
.blueimp-gallery-controls>.indicator {
display: block;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0)
}
.blueimp-gallery-single>.indicator {
display: none
}
.blueimp-gallery>.slides>.slide>.video-content>img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
backface-visibility: hidden;
-moz-backface-visibility: hidden
}
.blueimp-gallery>.slides>.slide>.video-content>video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: none
}
.blueimp-gallery>.slides>.slide>.video-content>iframe {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 100%;
border: none
}
.blueimp-gallery>.slides>.slide>.video-playing>iframe {
top: 0
}
.blueimp-gallery>.slides>.slide>.video-content>a {
position: absolute;
top: 50%;
right: 0;
left: 0;
margin: -64px auto 0;
width: 128px;
height: 128px;
background: url(../img/video-play.png) center no-repeat;
opacity: .8;
cursor: pointer
}
.blueimp-gallery>.slides>.slide>.video-playing>a, .blueimp-gallery>.slides>.slide>.video-playing>img {
display: none
}
.blueimp-gallery>.slides>.slide>.video-playing>video {
display: block
}
.blueimp-gallery>.slides>.slide>.video-loading>a {
background: url(../img/loading.gif) center no-repeat;
background-size: 64px 64px
}
*+html .blueimp-gallery>.slides>.slide>.video-content {
height: 100%
}
*+html .blueimp-gallery>.slides>.slide>.video-content>a {
left: 50%;
margin-left: -64px
}
.blueimp-gallery>.slides>.slide>.video-content>a:hover {
opacity: 1
}
body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a {
background-image: url(../img/video-play.svg)
}
/*# sourceMappingURL=blueimp-gallery.min.css.map */
/**2023 ADDITIONS**/
/*COLORS*/
.golden{
background:#fbd872
}
.gold{
background:#eab000;
}
.silver{
background:#c3c6c8
}
.steel{
background:#5d666f;
}
.millennium{
background:#63cdd4
}
.water{
background:#002853
}
.blossom{
background:#ff6a14
}
.grass{
background:#78be32
}
/***RETIRE any .background classes***/
.background-gray {
background-color: #f9F9f9;
}
.background-gray a.btn.btn-secondary{
color:#fff!important;
}
.background-gray a.button{
color:#fff!important;
}
.background-gray a:link{
color:#003DAD!important;
font-weight:bold;
text-decoration:underline;
}
.background-blue {
background: #002853;
color: #fff;
}
.background-blue p, .background-blue span, .background-blue .lead-paragraph{
color:#fff
}
.background-blue a:visited{
color: #fff;
}
.background-blue a:active{
color: #fff;
}
.background-blue a:hover{
color: #fff;
}
.background-blue a {
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{
color:#fff!important;
}
.background-red a{
color:#fff!important;
border-bottom: #fff 0.05em solid !important;
cursor:pointer;
text-decoration:none;
font-weight:bold;
}
.background-red a:visited{
color:#fff;
}
.background-red a:active{
color:#fff;
}
.background-red a:hover{
color:#fff;
border-bottom: #fff 0.05em solid;
cursor:pointer;
text-decoration:none;
}
.background-red p a:link{
color:#fff!important;
}
.background-red p{
color:#fff!important;
}
.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;
}
.background-green {
background-color: #ccc;
}
.background-green a:visited{
color:#333
}
.background-green a:active{
color:#333
}
.background-green a:hover{
color:#333
}
.background-green a:link {
color: #333;
text-decoration: underline;
font-weight: bold;
}
.background-green .button.button-apply a:link{
color:#fff;
}
.background-green.button.button-apply a{
color:#fff;
}
/***2023 BACKGROUND COLOR UPDATE***/
.bg-red{
background:#ba0c2f;
}
.bg-red, .bg-red p{
color:#fff;
}
.bg-red p a:link{
color:#fff;
border-bottom: #fff 0.05em solid;
text-decoration:none;
cursor:pointer;
}
.bg-red a:link,
.bg-red a:visited,
.bg-red a:hover,
.bg-red a:active {
color:#fff!important;
text-decoration:underline;
cursor:pointer;
}
.bg-red h2, .bg-red h3, .bg-red h4, .bg-red h5, .bg-red h6{
color:#fff;
}
.bg-gold {
background: #eab000;
}
.bg-brick{
background:#76232f;
}
.bg-golden{
background:#fbd872;
color:#333;
}
.bg-golden p{
color:#333;
}
.bg-golden p a:link{
color:#333;
border-bottom:#333 0.125em solid;
text-decoration:none;
cursor:pointer
}
.bg-golden p a:link:hover{
color:#444;
border-bottom: #444 0.125em solid;
cursor:pointer
}
.bg-golden a:link, .bg-golden a:visited, .bg-golden a:active{
color:#333;
border-bottom: #333 0.125em solid;
text-decoration:none;
cursor:pointer
}
.bg-golden a:hover{
color:#444;
border-bottom: #444 0.125em solid;
cursor:pointer
}
.bg-golden h2, .bg-golden h3, .bg-golden h4, .bg-golden h5, .bg-golden h6{
color:#333;
}
.bg-golden .btn.btn-secondary{
color:#fff;
}
.bg-golden a:link.btn.btn-secondary{
color:#fff;
}
.bg-water{
background:#002853;
color:#fff;
}
.bg-water p{
color:#fff;
}
.bg-water a:link {
color:#fff;
border-bottom: #fff 0.125em solid;
text-decoration:none;
cursor:pointer
}
.bg-water a:link, .bg-water a:visited, .bg-water a:active{
color:#fff!important;
border-bottom:#fff 0.125em solid;
text-decoration:none;
cursor:pointer
}
.bg-water h2,.bg-water h3,.bg-water h4,.bg-water h5,.bg-water h6{
color:#fff;
}
.text-water{
color:#002853!important
}
.bg-silver{
background:#c3c6c8
}
.bg-silver p{
color:#333;
}
.bg-silver p a:link{
color:#333;
border-bottom: #333 0.125em solid;
text-decoration:none;
cursor:pointer
}
.bg-silver a:link, .bg-silver a:visited, .bg-silver a:active{
color:#333;
border-bottom:#333 0.125em solid;
text-decoration:none;
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 p{
color:#fff;
}
.bg-steel a:link, .bg-steel a:visited, .bg-steel a:active{
color:#fff!important;
border-bottom:#fff 0.125em solid;
text-decoration:none;
font-weight:bold;
cursor:pointer
}
.bg-steel a:hover{
color:#dfdede;
border-bottom:#dfdede 0.125em solid;
}
.bg-steel h2, .bg-steel h3, .bg-steel h4, .bg-steel h5, .bg-steel h6{
color:#fff;
}
.bg-millennium{
background:#63cdd4;
color:#000
}
.bg-millennium p{
color:#000
}
.bg-millennium p a:link{
color:#000!important;
border-bottom:#000 0.125em solid;
}
.bg-millennium a:link, .bg-millennium a:visited, .bg-millennium a:hover, .bg-millennium a:active{
color:#000!important;
border-bottom:#000 0.125em solid;
}
.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:#F5F5F5;
color:#000
}
.bg-gray p{
color:#000
}
.bg-gray a:link, .bg-gray a:visited,.bg-gray a:active{
color:#0A52A3!important;
text-decoration:underline;
font-weight:bold;
}
.bg-gray a:hover{
color:#308EF8;
text-decoration:underline;
}
.bg-gray .btn-secondary a:link{
color:#fff!important;
text-decoration:none;
}
.bg-gray .btn-secondary a:hover{
color:#fff!important;
text-decoration:none;
}
.bg-gray a:link.btn.btn-secondary{
color:#fff!important;
text-decoration:none;
}
.bg-blossom{
background:#ff6a14
}
.bg-grass{
background:#78be32
}
/*BORDERS*/
.border{
border:3px solid;
}
.border.golden{
border-color:#fbd872
}
.border.silver{
border-color:#c3c6c8
}
.border.steel{
border-color:#5d666f;
}
.border.millennium{
border-color:#63cdd4
}
.border.water{
border-color:#002853
}
.border.blossom{
border-color:#ff6a14
}
.border.grass{
border-color:#78be32
}
/* CONTENT CARDS =================================*/
.content-card {
position: relative;
overflow: hidden;
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 {
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 {
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 0.2s ease-in-out;
*/
-webkit-transition: all 1.1s;
-moz-transition: all 1.1s;
-o-transition: all 1.1s;
-ms-transition: all 1.1s;
transition: all 1.1s;
-webkit-transition-delay: .1s;
-moz-transition-delay: .1s;
-o-transition-delay: .1s;
-ms-transition-delay: .1s;
transition-delay: .1s;
}
.content-card .content-card_image:hover img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.content-card_title a:hover,
.content-card_title span:hover
{
text-decoration:none !important;
cursor:pointer;
}
.content-card_title a:hover, .content-card_title span:hover{
text-decoration:none!important;
}
.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{
margin-bottom: 20px;
font-weight: normal;
font-size: 1rem;
line-height: 1.5;
}
.content-card_caption span{
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 SPECIFIC COLORS ****/
.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;
}
.content-card_gold{
background:#fff;
transition: background 0.2s;
}
.content-card.content-card_gold:hover{
background:#eaab00;
color:#333!important;
}
.content-card.content-card_gold:hover span{
color:#333!important;
}
.content-card.content-card_gold:hover a{
color:#333;
text-decoration:none;
}
.content-card_gold .content-card_title{
color:#333;
}
.content-card_gold > .content-card_text-link a{
color:#333!important
}
.content-card_red:gold a{
color:#333!important;
}
.content-card_gold > .content-card_text-link:after
{
color:#333
}
.content-card_gold:hover > .content-card_text-link:after
{
color:#333;
}
/**RETIRE THESE CONTENT CARDS BLUE - GREEN - SECONDARY GOLD**/
.content-card_green{
border-bottom:8px solid #BA0C2F;
}
.content-card_green {
background:#fff;
transition: background 0.2s;
}
.content-card.content-card_green:hover{
background:#BA0C2F;
color:#fff!important;
}
.content-card.content-card_green:hover span{
color:#fff!important;
}
.content-card_green.content-card_red:hover a{
color:#fff;
}
.content-card_green .content-card_title{
color:#BA0C2F;
}
.content-card_green > .content-card_text-link a{
color:#BA0C2F!important
}
.content-card_green:hover a{
color:#fff!important;
text-decoration:none;
}
.content-card_green > .content-card_text-link:after
{
color:#BA0C2F
}
.content-card_green:hover > .content-card_text-link:after
{
color:#fff;
}
.content-card_blue{
border-bottom:8px solid #BA0C2F;
}
.content-card_blue{
background:#fff;
transition: background 0.2s;
}
.content-card.content-card_blue:hover{
background:#BA0C2F;
color:#fff!important;
}
.content-card.content-card_blue:hover span{
color:#fff!important;
}
.content-card_blue.content-card_red:hover a{
color:#fff;
text-decoration:none;
}
.content-card_blue .content-card_title{
color:#BA0C2F;
}
.content-card_blue > .content-card_text-link a{
color:#BA0C2F!important
}
.content-card_blue:hover a{
color:#fff!important;
text-decoration:none;
}
.content-card_blue > .content-card_text-link:after
{
color:#BA0C2F
}
.content-card_blue:hover > .content-card_text-link:after
{
color:#fff;
}
.content-card_secondary-gold{
border-bottom:8px solid #BA0C2F;
}
.content-card_secondary-gold{
background:#fff;
transition: background 0.2s;
}
.content-card.content-card_secondary-gold:hover{
background:#BA0C2F;
color:#fff!important;
}
.content-card.content-card_secondary-gold:hover span{
color:#fff!important;
}
.content-card_secondary-gold.content-card_red:hover a{
color:#fff;
text-decoration:none;
}
.content-card_secondary-gold .content-card_title{
color:#BA0C2F;
}
.content-card_secondary-gold > .content-card_text-link a{
color:#BA0C2F!important
}
.content-card_secondary-gold:hover a{
color:#fff!important;
}
.content-card_secondary-gold > .content-card_text-link:after
{
color:#BA0C2F
}
.content-card_secondary-gold:hover > .content-card_text-link:after
{
color:#fff;
}
.mobile-dropdown-menu a {
color: #222 !important;
}
.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;
}
.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;
}
.tac-nav ul{
position: relative;
float: left;
padding-bottom:10px;
width:100%;
margin-bottom: 0px;
}
.tac-nav li{
list-style: none;
width: 50%;
float: left;
border:0px;
padding: 10px 0px 10px 0px;
}
.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;
}
#mobile-search {
background: #fff url(images/search-icon.png) no-repeat 9px center;
border: solid 1px #ccc;
border-radius:6px;
padding: 9px 10px 9px 10px;
width: 98%;
}
#mobile-search:focus {
width: 97%;
background-color: #fff;
border-color: #6dcff6;
-webkit-box-shadow: 0 0 5px rgba(190,207,246,.5);
-moz-box-shadow: 0 0 5px rgba(109, 207, 246,.5);
box-shadow: 0 0 5px rgba(109,207,246,.5);
}
#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;
max-height:auto;
padding:5px;
}
.navbar{
min-height:auto;
}
.nav .dropdown li a{
padding: 10px 0px 5px 10px;
display: inline-block;
font-weight: 500 !important;
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;
}
#brochure-download {
}
#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*/
.columns-container-test{
padding-top: 40px;
padding-bottom: 40px;
}
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;
}
/*===============HELPERS==================*/
/*
.no-pad-left {
padding-left: 0px
}
.no-pad-right {
padding-right: 0px
}
.no-pad {
padding: 0px
}
*/
.pad-top-twenty {
padding-top: 20px;
}
.flex-center{
display:flex;
align-items:center;
justify-content: center;
}
.icons-sm {
font-family: 'font-awesome';
padding: .1rem;
margin: .4rem;
font-size: 1.5em;
}
/*---- 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);
}
.nav>li>a:focus {
text-decoration: underline;
}
a.screen-reader-shortcut {
position: absolute;
left: 6px;
top: -99px;
}
.tactical-nav button {
background: none;
border: 0px;
}
#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%;
}
.tactical-nav {
background: rgb(51, 51, 51);
text-align: right;
position: relative;
z-index: 20;
font-family: 'roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.tactical-nav-left {
text-align: left;
padding-top: 5px;
}
.tactical-nav a {
padding: 6px;
font-size: 15px;
margin-left: 20px;
color: #fff;
text-align: left;
display: inline-block;
}
.tactical-nav a:hover, .tactical-nav-left a:hover {
color: #fff;
background: #444;
text-decoration: none;
}
.tactical-nav-left a:first-child {
padding-left: 0px;
margin-left: 0px;
}
.tactical-nav .arrow-down {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid rgb(136, 136, 136);
font-size: 0;
line-height: 0;
display: inline-block;
position: relative;
}
#a-z-dropdown {
display: inline-block;
margin-left: 20px;
color: #fff;
padding: 6px;
margin-left: 20px;
position: relative;
z-index: 20;
}
#a-z-dropdown:hover {
cursor: pointer;
color: #fff;
background: #444;
}
.a-z-list {
position: absolute;
line-height: 14px;
bottom: 29px;
left: -72px;
z-index: 10;
background: #333;
width: 83px;
}
.a-z-list a {
border-bottom: 3px solid #444;
display: block;
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
margin: 0px 10px;
}
#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;
}
/* Top Search =================================*/
.top-search {
background-color: #333;
padding: 10px 0;
display: none;
}
.top-search input.form-control {
background-color: transparent;
border: none;
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
color: #555;
height: 40px;
padding: 0 15px;
}
.top-search .input-group-addon {
background-color: transparent;
border: none;
color: #fff;
padding-left: 0;
padding-right: 0;
}
.top-search .input-group-addon.close-search {
cursor: pointer;
}
/* 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 Sticky =================================*/
#stickymyDIV .button, #stickymyDIV .btn{
padding: 0.89rem 1.2rem;;
}
.wrap-sticky {
position: relative;
-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;
}
.wrap-sticky nav.navbar.bootsnav {
position: absolute;
width: 100%;
left: 0;
top: 0;
}
.wrap-sticky nav.navbar.bootsnav.sticked {
position: fixed;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
body.on-side .wrap-sticky nav.navbar.bootsnav.sticked {
left: -280px;
}
/* Navbar Responsive =================================*/
@media (max-width:1199px) {
.tactical-nav-left {
width: 56%;
}
#navbar-menu {
width: 100%;
}
.navbar li, .dropdown-menu {
width: 100%;
}
}
@media (min-width: 1024px) and (max-width:1400px) {
body.wrap-nav-sidebar .wrapper .container {
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
}
@media (min-width: 1024px) {
/* General Navbar =================================*/
nav.navbar.bootsnav ul.nav .dropdown-menu .dropdown-menu {
margin-top: -2px;
}
nav.navbar.bootsnav ul.nav.navbar-right .dropdown-menu .dropdown-menu {
left: -200px;
}
nav.navbar.bootsnav ul.nav>li>a {
padding: 20px 15px;
}
nav.navbar.bootsnav ul.nav>li.dropdown>a.dropdown-toggle:after {
font-family: 'FontAwesome';
content: "\f0d7";
margin-left: 5px;
margin-top: 2px;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu {
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
padding: 0;
width: 200px;
background: #fff;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li a:hover {
background-color: transparent;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a {
padding: 10px 15px;
border-bottom: solid 1px #eee;
color: #6f6f6f;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li:last-child>a {
border-bottom: none;
}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a {
text-align: right;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown>a.dropdown-toggle:before {
font-family: 'FontAwesome';
float: right;
content: "\f105";
margin-top: 0;
}
nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li.dropdown>a.dropdown-toggle:before {
font-family: 'FontAwesome';
float: left;
content: "\f104";
margin-top: 0;
}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu ul.dropdown-menu {
top: -3px;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content {
padding: 0 15px !important;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content>li {
padding: 25px 0 20px;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed {
padding: 0;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content.tabbed>li {
padding: 0;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu {
padding: 0 30px;
margin: 0 -0.5px;
border-left: solid 1px #f0f0f0;
border-right: solid 1px #f0f0f0;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:first-child {
border-left: none;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .col-menu:last-child {
border-right: none;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content {
display: none;
}
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
text-align: left;
padding: 1em;
display: block;
width: 100%;
margin-bottom: 0;
border-bottom: none;
color: #555;
font-size: 1.2em;
font-weight: 300;
}
nav.navbar.bootsnav.on ul.dropdown-menu.megamenu-content .content {
display: block !important;
height: auto !important;
}
/* Navbar Transparent =================================*/
nav.navbar.bootsnav.no-background {
background-color: transparent;
border: none;
}
nav.navbar.bootsnav.navbar-transparent .attr-nav {
padding-left: 15px;
margin-left: 30px;
}
nav.navbar.bootsnav.navbar-transparent.white {
background-color: rgba(255, 255, 255, 0.3);
border-bottom: solid 1px #bbb;
}
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, nav.navbar.bootsnav.navbar-transparent.dark {
background-color: rgba(0, 0, 0, 0.3);
border-bottom: solid 1px #555;
}
nav.navbar.bootsnav.navbar-transparent.white .attr-nav {
border-left: solid 1px #bbb;
}
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, nav.navbar.bootsnav.navbar-transparent.dark .attr-nav {
border-left: solid 1px #555;
}
nav.navbar.bootsnav.no-background.white .attr-nav>ul>li>a, nav.navbar.bootsnav.navbar-transparent.white .attr-nav>ul>li>a, nav.navbar.bootsnav.navbar-transparent.white ul.nav>li>a, nav.navbar.bootsnav.no-background.white ul.nav>li>a {
color: #fff;
}
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav>ul>li>a, nav.navbar.bootsnav.navbar-transparent.dark ul.nav>li>a {
color: #eee;
}
nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-scrolled, nav.navbar.bootsnav.navbar-fixed.no-background .logo-scrolled {
display: none;
}
nav.navbar.bootsnav.navbar-fixed.navbar-transparent .logo-display, nav.navbar.bootsnav.navbar-fixed.no-background .logo-display {
display: block;
}
nav.navbar.bootsnav.navbar-fixed .logo-display {
display: none;
}
nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
display: block;
}
/* Atribute Navigation =================================*/
.attr-nav>ul>li.dropdown ul.dropdown-menu {
margin-top: 0;
margin-left: 55px;
width: 250px;
left: -250px;
}
/* Menu Center =================================*/
nav.navbar.bootsnav.menu-center .container {
position: relative;
}
nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
float: none;
margin: 0 auto;
display: table;
table-layout: fixed;
}
nav.navbar.bootsnav.menu-center .navbar-header, nav.navbar.bootsnav.menu-center .attr-nav {
position: absolute;
}
nav.navbar.bootsnav.menu-center .attr-nav {
right: 15px;
}
/* Navbar Brand top =================================*/
nav.bootsnav.navbar-brand-top .navbar-header {
display: block;
width: 100%;
text-align: center;
}
nav.bootsnav.navbar-brand-top ul.nav>li.dropdown>ul.dropdown-menu {
margin-top: 2px;
}
nav.bootsnav.navbar-brand-top ul.nav>li.dropdown.megamenu-fw>ul.dropdown-menu {
margin-top: 0;
}
nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand {
display: inline-block;
float: none;
margin: 0;
}
nav.bootsnav.navbar-brand-top .navbar-collapse {
text-align: center;
}
nav.bootsnav.navbar-brand-top ul.nav {
display: inline-block;
float: none;
margin: 0 0 -5px 0;
}
/* Navbar Center =================================*/
nav.bootsnav.brand-center .navbar-header {
display: block;
width: 100%;
position: absolute;
text-align: center;
top: 0;
left: 0;
}
nav.bootsnav.brand-center .navbar-brand {
display: inline-block;
float: none;
}
nav.bootsnav.brand-center .navbar-collapse {
text-align: center;
display: inline-block;
padding-left: 0;
padding-right: 0;
}
nav.bootsnav.brand-center ul.nav>li.dropdown>ul.dropdown-menu {
margin-top: 2px;
}
nav.bootsnav.brand-center ul.nav>li.dropdown.megamenu-fw>ul.dropdown-menu {
margin-top: 0;
}
nav.bootsnav.brand-center .navbar-collapse .col-half {
width: 50%;
float: left;
display: block;
}
nav.bootsnav.brand-center .navbar-collapse .col-half.left {
text-align: right;
padding-right: 100px;
}
nav.bootsnav.brand-center .navbar-collapse .col-half.right {
text-align: left;
padding-left: 100px;
}
nav.bootsnav.brand-center ul.nav {
float: none !important;
margin-bottom: -5px !important;
display: inline-block !important;
}
nav.bootsnav.brand-center ul.nav.navbar-right {
margin: 0;
}
nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.left {
text-align: left;
padding-right: 100px;
}
nav.bootsnav.brand-center.center-side .navbar-collapse .col-half.right {
text-align: right;
padding-left: 100px;
}
/* Navbar Sidebar =================================*/
body.wrap-nav-sidebar .wrapper {
padding-left: 260px;
overflow-x: hidden;
}
nav.bootsnav.navbar-sidebar {
position: fixed;
width: 260px;
overflow: hidden;
left: 0;
padding: 0 0 0 0 !important;
background: #fff;
border-right: solid 1px #dfdfdf;
}
nav.bootsnav.navbar-sidebar .scroller {
width: 280px;
overflow-y: auto;
overflow-x: hidden;
}
nav.bootsnav.navbar-sidebar .container-fluid, nav.bootsnav.navbar-sidebar .container {
padding: 0 !important;
}
nav.bootsnav.navbar-sidebar .navbar-header {
float: none;
display: block;
width: 260px;
padding: 10px 15px;
margin: 10px 0 0 0 !important;
}
nav.bootsnav.navbar-sidebar .navbar-collapse {
padding: 0 !important;
width: 260px;
}
nav.bootsnav.navbar-sidebar ul.nav {
float: none;
display: block;
width: 100%;
padding: 0 15px !important;
margin: 0 0 30px 0;
}
nav.bootsnav.navbar-sidebar ul.nav li {
float: none !important;
}
nav.bootsnav.navbar-sidebar ul.nav>li>a {
padding: 10px 15px;
font-weight: bold;
}
nav.bootsnav.navbar-sidebar ul.nav>li.dropdown>a:after {
float: right;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
left: 100%;
top: 0;
position: relative !important;
left: 0 !important;
width: 100% !important;
height: auto !important;
background-color: transparent;
border: none !important;
padding: 0;
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
}
nav.bootsnav.navbar-sidebar ul.nav .megamenu-content .col-menu {
border: none !important;
}
nav.bootsnav.navbar-sidebar ul.nav>li.dropdown>ul.dropdown-menu {
margin-bottom: 15px;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu {
padding-left: 0;
float: none;
margin-bottom: 0;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a {
padding: 5px 15px;
color: #6f6f6f;
border: none;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu ul.dropdown-menu {
padding-left: 15px;
margin-top: 0;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li.dropdown>a:before {
font-family: 'FontAwesome';
content: "\f105";
float: right;
}
nav.bootsnav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on>a:before {
content: "\f107";
}
nav.bootsnav.navbar-sidebar ul.dropdown-menu.megamenu-content>li {
padding: 0 !important;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
display: block;
float: none !important;
padding: 0;
margin: 0;
width: 100%;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title {
padding: 7px 0;
text-transform: none;
font-weight: 400;
letter-spacing: 0px;
margin-bottom: 0;
cursor: pointer;
color: #6f6f6f;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .title:before {
font-family: 'FontAwesome';
content: "\f105";
float: right;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title:before {
content: "\f107";
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu {
border: none;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu .content {
padding: 0 0 0 15px;
}
nav.bootsnav.navbar-sidebar .dropdown .megamenu-content .col-menu ul.menu-col li a {
padding: 3px 0 !important;
}
}
@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.bootsnav .dropdown.megamenu-fw {
width: 140px;
}
nav.bootsnav .container {
padding: 0px;
margin: 0px;
width: 100%;
margin: 0px;
padding: 0px;
}
nav.bootsnav .dropdown.megamenu-fw {
width: 100%;
}
nav.navbar.bootsnav .navbar-brand {
display: inline-block;
float: none !important;
margin: 0 !important;
}
nav.navbar ul.nav li.dropdown.on>a {
background: none;
}
nav.navbar.bootsnav .navbar-header {
float: none;
display: block;
text-align: center;
padding-left: 30px;
padding-right: 30px;
}
nav.navbar.bootsnav ul.nav>li>a {
text-align: left;
}
nav.navbar.bootsnav .navbar-toggle {
display: inline-block;
background: transparent;
position: absolute;
top: -52px;
right: 5px;
color: #fff;
font-size: 1.6em;
}
nav.navbar.bootsnav .navbar-collapse {
border: none;
margin-bottom: 0;
}
nav.navbar.bootsnav.no-full .navbar-collapse {
max-height: 350px;
overflow-y: auto !important;
}
nav.navbar.bootsnav .navbar-collapse.collapse {
display: none !important;
}
nav.navbar.bootsnav .navbar-collapse.collapse.in {
display: block !important;
}
/* nav.navbar.bootsnav .navbar-nav {
float: none !important;
padding-left: 30px;
padding-right: 10px;
margin: 0px -15px;
}
*/
nav.navbar.bootsnav .navbar-nav>li {
float: none;
background: transparent;
}
nav.navbar.bootsnav ul.nav li.megamenu-fw>a:focus {
background: #fff;
color: #A80B2D;
}
nav.navbar.bootsnav li.dropdown a.dropdown-toggle:before {
font-family: 'FontAwesome';
content: "\f078";
float: right;
font-size: 16px;
margin-left: 10px;
}
nav.navbar.bootsnav li.dropdown.on>a.dropdown-toggle:before {
content: "\f078";
}
nav.navbar.bootsnav .navbar-nav>li>a {
display: block;
width: 100%;
padding: 10px 0;
margin-bottom: -1px;
background: none;
}
nav.navbar.bootsnav .navbar-nav>li>a:hover {
background: none;
}
nav.navbar.bootsnav ul.menu-col li a:hover {
background: transparent;
}
nav.navbar.bootsnav .navbar-nav>li:first-child>a {
border-top: none;
}
nav.navbar.bootsnav ul.nav>li>a {
font-size: 1.3em;
}
nav.navbar.bootsnav ul.navbar-nav.navbar-left>li:last-child>ul.dropdown-menu {
border-bottom: solid 1px #e0e0e0;
}
nav.navbar.bootsnav ul.nav li.dropdown li a.dropdown-toggle {
float: none !important;
position: relative;
display: block;
width: 100%;
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu {
width: 100%;
position: relative !important;
background-color: #fff;
float: none;
border: none;
padding: 0 0 0 15px !important;
margin: 0 0 -1px 0 !important;
-moz-box-shadow: 0px 0px 0px;
-webkit-box-shadow: 0px 0px 0px;
-o-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
-moz-border-radius: 0px 0px 0px;
-webkit-border-radius: 0px 0px 0px;
-o-border-radius: 0px 0px 0px;
border-radius: 0px 0px 0px;
}
nav.navbar.bootsnav ul.nav>li>a {
background: #af233a
}
nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu>li>a {
display: block;
width: 100%;
border-bottom: solid 1px #eee;
padding: 10px 0;
color: #555;
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:hover, nav.navbar.bootsnav ul.nav ul.dropdown-menu li a:focus {
background-color: transparent;
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu ul.dropdown-menu {
float: none !important;
left: 0;
padding: 0 0 0 15px;
position: relative;
background: transparent;
width: 100%;
}
nav.navbar.bootsnav ul.nav ul.dropdown-menu li.dropdown.on>ul.dropdown-menu {
display: inline-block;
margin-top: -10px;
}
/* nav.navbar.bootsnav li.dropdown ul.dropdown-menu li.dropdown > a.dropdown-toggle:after{
display: none;
}
*/
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title {
padding: 10px 15px 10px 0;
line-height: 24px;
text-transform: none;
font-weight: 400;
letter-spacing: 0px;
margin-bottom: 0;
cursor: pointer;
border-bottom: solid 1px #e0e0e0;
color: #6f6f6f;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu ul>li>a {
display: block;
width: 100%;
border-bottom: solid 1px #e0e0e0;
background: transparent;
padding: 8px 0;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .title:before {
font-family: 'FontAwesome';
content: "\f105";
float: right;
font-size: 16px;
margin-left: 10px;
position: relative;
right: -15px;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child .title {
border-bottom: none;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on:last-child .title {
border-bottom: solid 1px #e0e0e0;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu:last-child ul.menu-col li:last-child a {
border-bottom: none;
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu.on .title:before {
content: "\f107";
}
nav.navbar.bootsnav .dropdown .megamenu-content .col-menu .content {
padding: 0 0 0 15px;
}
nav.bootsnav.brand-center .navbar-collapse {
display: block;
}
nav.bootsnav.brand-center ul.nav {
margin-bottom: 0px !important;
}
nav.bootsnav.brand-center .navbar-collapse .col-half {
width: 100%;
float: none;
display: block;
}
nav.bootsnav.brand-center .navbar-collapse .col-half.left {
margin-bottom: 0;
}
nav.bootsnav .megamenu-content {
padding: 0;
}
nav.bootsnav .megamenu-content .col-menu {
padding-bottom: 0;
}
nav.bootsnav .megamenu-content .title {
cursor: pointer;
display: block;
padding: 10px 15px;
margin-bottom: 0;
font-weight: normal;
}
nav.bootsnav .megamenu-content .content {
display: none;
}
.attr-nav {
position: absolute;
right: 60px;
}
.attr-nav>ul {
padding: 0;
margin: 0 -15px -7px 0;
}
.attr-nav>ul>li>a {
/* padding: 16px 15px 15px;
*/
}
.attr-nav>ul>li.dropdown>a.dropdown-toggle:before {
display: none;
}
.attr-nav>ul>li.dropdown ul.dropdown-menu {
margin-top: 2px;
margin-left: 55px;
width: 250px;
left: -250px;
border-top: solid 5px;
}
.top-search .container {
padding: 0 45px;
}
/* Navbar full Responsive =================================*/
nav.bootsnav.navbar-full ul.nav {
margin-left: 0;
}
nav.bootsnav.navbar-full ul.nav>li>a {
border: none;
}
nav.bootsnav.navbar-full .navbar-brand {
float: left !important;
padding-left: 0;
}
nav.bootsnav.navbar-full .navbar-toggle {
display: inline-block;
float: right;
margin-right: 0;
margin-top: 10px;
}
nav.bootsnav.navbar-full .navbar-header {
padding-left: 15px;
padding-right: 15px;
}
/* Navbar Sidebar =================================*/
nav.navbar.bootsnav.navbar-sidebar .share {
padding: 30px 15px;
margin-bottom: 0;
}
/* Tabs =================================*/
nav.navbar.bootsnav .megamenu-content.tabbed {
padding-left: 0 !mportant;
}
nav.navbar.bootsnav .tabbed>li {
padding: 25px 0;
margin-left: -15px !important;
}
/* Mobile Navigation =================================*/
/* body > .wrapper{
-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.side-right>.wrapper {
margin-left: 280px;
margin-right: -280px !important;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
position: fixed;
overflow-y: auto !important;
overflow-x: hidden !important;
display: block;
background: #fff;
z-index: 99;
width: 280px;
height: 100% !important;
left: -280px;
top: 0;
padding: 0;
-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;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {
left: 0;
}
nav.navbar.bootsnav.navbar-mobile ul.nav {
width: 293px;
padding-right: 0;
padding-left: 15px;
}
nav.navbar.bootsnav.navbar-mobile ul.nav>li>a {
padding: 15px 15px;
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu>li>a {
padding-right: 15px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu .title {
padding-right: 30px !important;
padding-top: 13px !important;
padding-bottom: 13px !important;
}
nav.navbar.bootsnav.navbar-mobile ul.nav ul.dropdown-menu .col-menu ul.menu-col li a {
padding-top: 13px !important;
padding-bottom: 13px !important;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse [class*=' col-'] {
width: 100%;
}
nav.navbar.bootsnav.navbar-fixed .logo-scrolled {
display: block !important;
}
nav.navbar.bootsnav.navbar-fixed .logo-display {
display: none !important;
}
nav.navbar.bootsnav.navbar-mobile .tab-menu, nav.navbar.bootsnav.navbar-mobile .tab-content {
width: 100%;
display: block;
}
}
@media screen and (max-width: 768px)(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
}
nav.navbar.bootsnav .navbar-toggle {
top: -55px;
}
}
@media screen and (max-width: 377px)(min-width: 321px) {
#logo-bar .college-name-text {
bottom: -51px;
}
}
@media (max-width: 767px) {
nav.navbar.bootsnav .navbar-header {
padding-left: 15px;
padding-right: 15px;
}
nav.navbar.bootsnav .navbar-nav {
/*padding-left: 15px;
padding-right: 15px;
*/
padding-left: 0px;
padding-right: 0px;
}
.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;
}
nav.bootsnav.navbar-full .navbar-collapse {
left: 15px;
}
nav.bootsnav.navbar-full .navbar-header {
padding-right: 0;
}
nav.bootsnav.navbar-full .navbar-toggle {
margin-right: -15px;
}
nav.bootsnav.navbar-full ul.nav>li>a {
font-size: 18px !important;
line-height: 24px !important;
padding: 5px 10px !important;
}
/* Navbar Sidebar =================================*/
nav.navbar.bootsnav.navbar-sidebar .share {
padding: 30px 15px !important;
}
/* Navbar Sidebar =================================*/
nav.navbar.bootsnav.navbar-sidebar .share {
padding: 30px 0 !important;
margin-bottom: 0;
}
nav.navbar.bootsnav.navbar-mobile.navbar-sidebar .share {
padding: 30px 15px !important;
margin-bottom: 0;
}
/* Mobile Navigation =================================*/
body.side-right>.wrapper {
margin-left: 280px;
margin-right: -280px !important;
}
nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
margin-left: 0;
}
nav.navbar.bootsnav.navbar-mobile ul.nav {
margin-left: -15px;
}
nav.navbar.bootsnav.navbar-mobile ul.nav {
border-top: solid 1px #fff;
}
li.close-full-menu {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
}
@media (min-width: 480px) and (max-width: 640px) {
nav.bootsnav.navbar-full ul.nav {
padding-top: 30px;
padding-bottom: 30px;
}
}
/* Typography =========================== */
html, body {
width: 100%;
height: auto;
margin: 0;
padding: 0;
overflow-x: hidden;
}
/* a, a:active, a:hover{
outline:none;
-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;
}
*/
a:focus {
outline: 1;
}
a:hover {
text-decoration: underline;
}
.section {
padding: 50px 0;
position: relative;
display: inline-block;
}
/* Navbar Adjusment =========================== */
/* Navbar Atribute ------*/
.attr-nav>ul>li>a {
padding: 28px 15px;
}
ul.cart-list>li.total>.btn {
border-bottom: solid 1px #cfcfcf !important;
color: #fff !important;
padding: 10px 15px;
}
@media (min-width: 1024px) {
/* Navbar General ------*/
nav.navbar ul.nav>li>a{
font-weight:normal;
cursor:pointer;
padding:5px;
}
nav.navbar .navbar-brand {
margin-top: 0;
}
nav.navbar .navbar-brand img.logo {
width: 50px;
}
nav.navbar .navbar-brand {
margin-top: 0;
}
nav.navbar .navbar-brand img.logo {
width: 50px;
}
nav.navbar li.dropdown ul.dropdown-menu {
}
/* Navbar Center ------*/
nav.navbar-center .navbar-brand {
margin: 0 !important;
}
/* Navbar Brand Top ------*/
nav.navbar-brand-top .navbar-brand {
margin: 10px !important;
}
/* Navbar Full ------*/
nav.navbar-full .navbar-brand {
position: relative;
top: -15px;
}
/* Navbar Sidebar ------*/
nav.navbar-sidebar ul.nav, nav.navbar-sidebar .navbar-brand {
margin-bottom: 50px;
}
nav.navbar-sidebar ul.nav>li>a {
padding: 10px 15px;
font-weight: bold;
}
/* Navbar Transparent & Fixed ------*/
nav.navbar.bootsnav.navbar-transparent.white {
background-color: rgba(255, 255, 255, 0.3);
border-bottom: solid 1px #bbb;
}
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark, nav.navbar.bootsnav.navbar-transparent.dark {
background-color: rgba(0, 0, 0, 0.3);
border-bottom: solid 1px #555;
}
nav.navbar.bootsnav.navbar-transparent.white .attr-nav {
border-left: solid 1px #bbb;
}
nav.navbar.navbar-inverse.bootsnav.navbar-transparent.dark .attr-nav, nav.navbar.bootsnav.navbar-transparent.dark .attr-nav {
border-left: solid 1px #555;
}
nav.navbar.bootsnav.no-background.white .attr-nav>ul>li>a, nav.navbar.bootsnav.navbar-transparent.white .attr-nav>ul>li>a, nav.navbar.bootsnav.navbar-transparent.white ul.nav>li>a, nav.navbar.bootsnav.no-background.white ul.nav>li>a {
color: #fff;
}
nav.navbar.bootsnav.navbar-transparent.dark .attr-nav>ul>li>a, nav.navbar.bootsnav.navbar-transparent.dark ul.nav>li>a {
color: #eee;
}
}
@media (max-width: 992px) {
/* Navbar General ------*/
nav.navbar .navbar-brand {
margin-top: 0;
position: relative;
top: -2px;
}
nav.navbar .navbar-brand img.logo {
width: 30px;
}
#navbar-menu {
width: 100%;
}
nav.navbar.bootsnav ul.nav li.active>a:focus, nav.navbar.bootsnav ul.nav li.active>a:active{
color: #A80B2D;
}
.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;
}
}
/* Navbar Inverse =================================*/
nav.navbar.navbar-inverse {
background-color: #222;
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.cart-list>li.total>.btn {
border-bottom: solid 1px #222 !important;
}
nav.navbar.navbar-inverse ul.cart-list>li.total .pull-right {
color: #fff;
}
nav.navbar.navbar-inverse.megamenu ul.dropdown-menu.megamenu-content .content ul.menu-col li a, nav.navbar.navbar-inverse ul.nav>li>a {
color: #eee;
}
nav.navbar.navbar-inverse ul.nav>li.dropdown>a {
background-color: #222;
}
nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu>li>a {
color: #999;
}
nav.navbar.navbar-inverse ul.nav .dropdown-menu h1, nav.navbar.navbar-inverse ul.nav .dropdown-menu h2, nav.navbar.navbar-inverse ul.nav .dropdown-menu h3, nav.navbar.navbar-inverse ul.nav .dropdown-menu h4, nav.navbar.navbar-inverse ul.nav .dropdown-menu h5, nav.navbar.navbar-inverse ul.nav .dropdown-menu h6 {
color: #fff;
}
nav.navbar.navbar-inverse .form-control {
background-color: #333;
border-color: #303030;
color: #fff;
}
nav.navbar.navbar-inverse .attr-nav>ul>li>a {
color: #eee;
}
nav.navbar.navbar-inverse .attr-nav>ul>li.dropdown ul.dropdown-menu {
background-color: #222;
border-left: solid 1px #303030;
border-bottom: solid 1px #303030;
border-right: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.cart-list>li {
border-bottom: solid 1px #303030;
color: #eee;
}
nav.navbar.navbar-inverse ul.cart-list>li img {
border: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.cart-list>li.total {
background-color: #333;
}
nav.navbar.navbar-inverse .share ul>li>a {
background-color: #555;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu {
border-right: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li>a {
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-content {
border-left: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li>a:hover, nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li>a:focus, nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul>li.active>a {
background-color: #333 !important;
}
nav.navbar-inverse.navbar-full ul.nav>li>a {
border: none;
}
nav.navbar-inverse.navbar-full .navbar-collapse .wrap-full-menu {
background-color: #222;
}
nav.navbar-inverse.navbar-full .navbar-toggle {
background-color: #222 !important;
color: #6f6f6f;
}
@media (min-width: 1024px) {
nav.navbar.navbar-inverse ul.nav .dropdown-menu {
background-color: #222 !important;
border-left: solid 1px #303030 !important;
border-bottom: solid 1px #303030 !important;
border-right: solid 1px #303030 !important;
}
nav.navbar.navbar-inverse li.dropdown ul.dropdown-menu>li>a {
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse ul.dropdown-menu.megamenu-content .col-menu {
border-left: solid 1px #303030;
border-right: solid 1px #303030;
}
nav.navbar.navbar-inverse.navbar-transparent.dark {
background-color: rgba(0, 0, 0, 0.3);
border-bottom: solid 1px #999;
}
nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav {
border-left: solid 1px #999;
}
nav.navbar.navbar-inverse.no-background.white .attr-nav>ul>li>a, nav.navbar.navbar-inverse.navbar-transparent.dark .attr-nav>ul>li>a, nav.navbar.navbar-inverse.navbar-transparent.dark ul.nav>li>a, nav.navbar.navbar-inverse.no-background.white ul.nav>li>a {
color: #fff;
}
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) {
nav.navbar.navbar-inverse .navbar-toggle {
color: #eee;
background-color: #222 !important;
}
nav.navbar.navbar-inverse .navbar-nav>li>a {
border-top: solid 1px #303030;
border-bottom: solid 1px #303030;
}
#navbar-menu .navbar-nav {
margin: 0px;
float:none;
}
nav.navbar.navbar-inverse ul.nav li.dropdown ul.dropdown-menu>li>a {
color: #999;
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu .title {
border-bottom: solid 1px #303030;
color: #eee;
}
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu ul>li>a {
border-bottom: solid 1px #303030;
color: #999 !important;
}
nav.navbar.navbar-inverse .dropdown .megamenu-content .col-menu.on:last-child .title {
border-bottom: solid 1px #303030;
}
nav.navbar.navbar-inverse .dropdown-tabs .tab-menu>ul {
border-top: solid 1px #303030;
}
nav.navbar.navbar-inverse.navbar-mobile .navbar-collapse {
background-color: #222;
}
}
@media (max-width: 767px) {
nav.navbar.navbar-inverse.navbar-mobile ul.nav {
border-top: solid 1px #222;
}
}
/* Color =========================== */
nav.navbar.bootsnav ul.dropdown-menu.megamenu-content .content ul.menu-col li a:hover, .side .widget ul.link li a:hover, .side .widget ul.link li a:focus, .check-list li:before, ul.cart-list>li>h6>a, .attr-nav>ul>li>a:hover, .attr-nav>ul>li>a:focus, nav.navbar-sidebar ul.nav li.dropdown.on>a, nav.navbar-sidebar .dropdown .megamenu-content .col-menu.on .title, nav.navbar-sidebar ul.nav li.dropdown ul.dropdown-menu li a:hover, nav.navbar ul.nav li.dropdown.on>a, nav.navbar.navbar-inverse ul.nav li.dropdown.on>a, nav.navbar-sidebar ul.nav li.dropdown.on ul.dropdown-menu li.dropdown.on>a, nav.navbar .dropdown .megamenu-content .col-menu.on .title, 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.navbar-transparent ul.nav>li>a:hover, nav.navbar.no-background ul.nav>li>a:hover, nav.navbar ul.nav li.scroll.active>a, nav.navbar.navbar-dark ul.nav li.dropdown ul.dropdown-menu>li>a:hover, nav.navbar ul.nav li.dropdown.on>a, nav.navbar-dark ul.nav li.dropdown.on>a {
color: #A80B2D;
!important;
background: #fff;
}
@media(max-width:920px) {
nav.navbar .dropdown .megamenu-content .col-menu ul>li>a:hover, nav.navbar.navbar-dark .dropdown .megamenu-content .col-menu .title:hover {
}
nav.navbar li.dropdown ul.dropdown-menu>li a:hover {
background: #A80B2D;
}
nav.navbar ul.nav li.dropdown.on>a {
background: #af233a;
color: #fff;
}
}
/* OVERRIDE THE MOBLE LEFT NAV */
.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;
}
.accordion-toggle {
background-image: none;
}
.btn-info {
background-color: #fff;
border-color: #fff;
}
.umsl-footer {
padding: 80px 0px 50px 0px;
background:#eeeeee;
color: #444;
}
.umsl-footer a, .umsl-footer a:hover, .umsl-footer a:focus {
color: #234867!important;
font-weight:normal!important;
}
.umsl-footer a:hover {
color: #234867!important;
text-decoration: underline;
}
.umsl-footer a:visited{
color:#234867!important;
}
.umsl-footer .footer-logo{
background: url(https://www.umsl.edu/umsl-footer-logo.png) no-repeat center;
background-image: url(https://www.umsl.edu/umsl-footer-logo.png);
background-size: contain;
width: 58px;
height: 45px;
}
.umsl-footer .logo-line {
height: 32px;
width: 1px;
background: #999;
float: left;
margin-right: 6px;
margin-left: 6px;
margin-top: 7px;
}
.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;
}
.umsl-footer .contact {
margin-top: 20px;
}
.umsl-footer .copyright-line {
margin-top: 20px;
font-style: normal;
}
.umsl-footer .copyright-line p {
font-size: .8em;
}
.umsl-footer .list-unstyled {
margin-top: 15px;
}
.umsl-footer h4 {
font-family: 'roboto condensed', sans-serif;
font-size: 1.2em;
font-weight: 300;
}
.umsl-footer .service-mark {
font-family: 'roboto condensed', sans-serif;
font-size: 1.2em;
font-weight: 300;
}
.umsl-footer h5 {
font-family: 'roboto', sans-serif;
font-size: 1.1em;
margin-bottom: 5px;
}
.umsl-footer .fullname {
color: #444;
padding-left: 5px;
font-family: 'Roboto Condensed', sans-serif;
font-weight:300;
font-size: 1.5em;
margin-top: 9px;
margin-bottom: 5px;
display: inline-block;
}
.umsl-footer address {
font-family: 'roboto', sans-serif;
margin-bottom: 0px;
font-size: 1.09em;
}
.umsl-footer small {
display: block;
margin-top: 20px;
margin-bottom: 5px;
}
.umsl-footer .phone {
margin-bottom: 20px;
font-family: 'roboto', sans-serif;
font-size: 1.2em;
}
.umsl-footer .rule {
border-top: 1px solid #b7b7b7;
width: 100%;
margin: 20px 0px 20px 0px;
height: 1px;
}
.footer-title {
color: #A80B2D;
font-size: 14px;
font-weight: 600;
line-height: 1;
position: relative;
text-transform: uppercase;
font-family: 'roboto', sans-serif;
margin-top: 0;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
padding-left: 0px;
font-style: normal;
}
.umsl-footer .social-icons {
margin-top: 50px;
}
.umsl-footer .social-icons a {
text-decoration: none;
color: #3F729B!important;
}
.umsl-footer .social-icons a:visited {
text-decoration: none;
color: #3F729B!important;
}
.umsl-footer .social-icons ul{
padding-left:0px;
}
.umsl-footer .social-icons li{
list-style-type:none;
display:inline-block;
}
/* Only Needed in Multi-Color Variation */
.social-fb:hover {
color: #3B5998;
text-decoration: none;
}
.social-tw:hover {
color: #4099FF;
text-decoration: none;
}
.social-gp:hover {
color: #d34836;
text-decoration: none;
}
.social-em:hover {
color: #f39c12;
text-decoration: none;
}
.nomargin {
margin: 0px;
padding: 0px;
}
@media(max-width:992px) {
.umsl-footer {
padding-top:30px ;
}
.umsl-footer .fullname{
font-size:1.2em;
margin-top:15px;
}
.umsl-footer .seal {
width: 75px;
}
.umsl-footer .footer-title {
padding-left: 10px;
}
.umsl-footer address {
margin-top: 10px;
margin-bottom: 10px;
}
.umsl-footer .social-icons {
margin-top: 20px;
}
.list_nav_menu .pull-left {
float: none!important;
font-style: normal;
}
.umsl-footer .list-container {
margin-top: 50px;
}
}
/***** 2023 Footers ***/
#global-footer.footer {
background: #5D666f;
overflow: hidden;
position:relative;
padding-top:80px;
padding-bottom:15px;
}
#global-footer .footer-content{
position:relative;
z-index:3;
}
#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;
display: inline-block;
}
#global-footer .footer-directions{
}
#global-footer .social-flex-end {
display: flex !important;
flex: 0 0 auto;
align-items: flex-end;
justify-content: flex-end;
}
#global-footer .icons-sm{
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;
}
}
#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 a {
text-decoration:underline;
font-weight:normal;
}
#global-footer .copyright-area a:hover {
color:#fff;
text-decoration:underline;
}
#global-footer .copyright-area {
color: #fff;
padding-top:20px;
width:100%;
}
#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;
}
}
#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;
filter: progid: DXImageTransform.Microsoft.Shadow(color='#ebebeb', Direction=135, Strength=2)
}
.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)
}
/* ==================================================================*/
#majors-degrees .page-image-caption h3{
margin-bottom:20px;
}
#majors-degrees .page-image-caption {
position: absolute;
bottom: 10%;
padding: 25px;
color: #fff;
width: 50%;
}
#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;
}
#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;
}
}
/* Image Header Update 2023 =========================== */
.umsl-secondary-text{
color:#fff;
font-family:'Oswald', sans-serif;
font-weight:500;
}
.parallax {
/*Set a specific height*/
min-height: 500px;
/*Create the parallax scrolling effect*/
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-device-width: 1366px) {
.parallax {
background-attachment: scroll;
}
}
.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 60px 30px;*/
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;
}
.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:300px;
}
}
@media(min-width:768px){
.image-hero--content {
padding: 0px 0px 50px 20px;
width: 100%;
}
.image-hero--content h1{
padding-left: 15px;
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
************************/
.divTable{
display: table;
width:auto;
background-color:#eee;
border-spacing:5px;/*cellspacing:poor IE support for this*/
/* border-collapse:separate;*/
}
.divRow {
line-height:30px;
float:left;
}
.thumbnail-gallery {
width:250px;
margin-left:30px;
}
.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(//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;
background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}
.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;
}
/************************
* STYLEGUIDE SPECIFIC
***********************/
.color-swatch {
width: 100px;
height: 100px;
margin: 0 5px;
border-radius: 3px;
float:left;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.umsl-primary{
/*background-color:#981e32*/
background-color:#ba0c2f;
}
.umsl-secondary{
background-color:#eaab00;
}
.umsl-gray{
background-color:#444444;
}
.umsl-light-gray{
background-color: #eeeeee;
}
.umsl-lightest-gray{
background-color: #f9F9f9;
}
/************************
* 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{
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;
}
/* 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:hover {*/
/* color:#000;*/
/*}*/
.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";
}
/************************
* 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:initial;
}
@media screen and (max-width: 767px){
.button{
padding:0.5rem .5rem;
font-size:.9rem;
}
}
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
}
.button-apply a:visited {
color:#fff!important
}
.button-give a:visited {
color:#fff!important
}
.button-tour a:visited {
color:#fff!important
}
.button-register a:visited {
color:#fff!important
}
.double-line {
line-height:20px;
text-align:center
}
.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;
}
/**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;
}
/***2023 BUTTON UPDATE**/
.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: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;
}
@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;
}
a.btn.btn-default {
background: #003975;
color: #fff !important;
text-decoration: none;
border: 2px solid transparent;
}
a:hover.btn.btn-default {
background: #024fa1;
text-decoration: none;
}
a.btn.btn-ghost-red {
border: 2px solid #a80b2d!important;
color: #a80b2d!important;
}
a:link.btn.btn-ghost-red {
color: #a80b2d!important;
border: 2px solid #a80b2d!important;
}
a:visited.btn.btn-ghost-red {
color: #a80b2d;
border: 2px solid #a80b2d!important;
}
a:hover.btn.btn-ghost-red {
background: #a80b2d;
color: #fff!important;
border: 2px solid #a80b2d!important;
text-decoration: none;
}
a.btn.btn-ghost-white {
color: #fff;
border: 2px solid #fff !important;
text-decoration: none;
}
a:hover.btn.btn-ghost-white {
background: #fff;
color: #a80b2d!important;
text-decoration: none;
}
a:link.btn-ghost-white {
color: #fff!important;
border: 2px solid #fff !important;
text-decoration: none;
}
a:visited.btn-ghost-white {
color: #fff!important;
text-decoration: none;
}
/************************ * 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;
}
.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 {
background-color: #A80B2D;
padding: 20px;
color: #fff;
border-left: 5px solid #EAAB00;
}
.dred p, .dred h3{
color: #fff;
}
.dred button {
color: #444;
}
/************************
* 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;
}
/************************
* FORMATTED TABLES
***********************/
.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;
}
/************************
* GLOBAL STYLES
***********************/
html, body {
max-width: 100%;
overflow-x: hidden;
font-family: sans-serif;
font-size:16px;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
img {
max-width: 100%;
/*max-height: 100%;
*/
}
body {
font-family: 'Roboto','helvetica','arial', sans-serif;
font-size:16px;
font-weight: 400;
line-height: 1.45;
color: #000;
}
.no-pad {
padding: 0px;
}
.relative {
position: relative;
}
p,.p{
font-family:'Roboto',Helvetica,Arial,sans-serif;
line-height: 1.65em;
color:#000;
margin-bottom: 1.3em;
font-size: 1rem;
}
h1.page-title{
font-family:'Oswald',sans-serif;
color:#333;
font-weight:400;
font-size:calc(1.2em + 1.4 * ((100vw - 20em ) / 80 ));
}
@media screen and (max-width:480px){
h1.page-title{
font-size:1.7rem;
}
}
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;
}
/************************ * HEADER STYLES ***********************/
.tactical-nav {
background: rgb(51, 51, 51);
text-align: right;
font-size: 14px;
position:relative;
z-index: 20;
font-family:'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif;
}
#a-z-dropdown {
display: inline-block;
margin-left: 20px;
font-size: 13px;
color: #fff;
padding: 6px;
margin-left: 20px;
position: relative;
z-index: 20;
}
#a-z-dropdown:hover {
cursor: pointer;
color: #fff;
background: #444;
}
.tactical-nav a{
padding: 6px;
font-size: 14px;
margin-left: 20px;
color: #fff;
}
.tactical-nav a:hover, .tactical-nav-left a:hover {
color: #fff;
background: #444;
text-decoration: none;
}
.tactical-nav-left {
text-align:left;
}
.tactical-nav-left a {
padding: 6px;
font-size: 14px;
margin-left: 20px;
text-align:left;
display:inline-block;
color: #fff;
}
.tactical-nav-left a:first-child {
padding-left:0px;
margin-left:0px;
}
.tactical-nav .arrow-down {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid rgb(136, 136, 136);
font-size: 0;
line-height: 0;
display:inline-block;
position:relative;
}
.a-z-list {
position:absolute;
line-height: 14px;
bottom: 29px;
left: -72px;
z-index: 10;
background: #333;
width: 83px;
}
.a-z-list a {
border-bottom: 3px solid #444;
display:block;
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
margin: 0px 10px;
}
.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;
}
.search-bar {
background-image: url('/renderfile/f94a710f80ce0e9a2df18abf7d30976c/files/images/redesign/search-icon.png');
background-size: 22px;
background-repeat: no-repeat;
background-position: 98% 50%;
}
.logo-bar a {
margin: 10px 0px 10px 20px;
display:inline-block;
color:#fff
}
.logo-bar a:hover {
text-decoration:none;
color: rgb(180, 180, 180);
}
.college{
text-align:left;
color:#fff;
padding-top:47px;
}
.logo-bar h4 a{
margin:0px;
}
.college h4 a:hover{
color:#F5F5F5;
}
a.logo{
margin: 0px;
display:block;
color:#fff
}
/** hidden search field **/
#searchbar {
display: none;
float: left;
width: 100%;
height: 52px;
padding-left: 25px;
padding-right: 10px;
z-index: 9999;
background: #fff;
-webkit-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
-moz-box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
box-shadow: -1px 2px 2px rgba(0,0,0,0.2);
}
#s {
display: inline-block;
width: 88%;
border: 0;
outline: none;
height: 50px;
font-size: 2em;
font-weight: bold;
color: #676767;
}
#searchsubmit {
display: block;
float: right;
margin-top: 6px;
background: none;
color: #717171;
border: 0;
outline: none;
cursor: pointer;
}
#searchform .glyphicon-search{
background:url(//www.umsl.edu/files/images/redesign/search-bar-icon.png) no-repeat;
color:transparent;
top: -12px;
width:30px;
height:30px;
}
#searchtoggl .glyphicon-search{
background:url(//www.umsl.edu/files/images/redesign/search.png) no-repeat;
color:transparent;
width:25px;
height:25px;
font-size: 25px;
left: -1px;
}
#searchtoggl .glyphicon-search:hover{
background:url(//www.umsl.edu/files/images/redesign/search-hover.png) no-repeat;
width:25px;
height:25px;
font-size: 25px;
color:transparent;
}
#searchtoggl .glyphicon-zoom-out{
background:url(//www.umsl.edu/files/images/redesign/search-minus.png) no-repeat;
width:25px;
height:25px;
font-size:25px;
color:transparent;
}
#searchtoggl .glyphicon-zoom-out:hover{
background:url(//www.umsl.edu/files/images/redesign/search-minus-hover.png) no-repeat;
width:25px;
height:25px;
font-size:25px;
color:transparent;
}
.cta-search {
padding-top:18px;
font-size:20px;
}
/**************************** * MOBILE DROPDOWN MENU ***************************/
.mobile-menu {
float:right;
position:relative;
color: white;
font-size: 22px !important;
}
.mobile-dropdown-menu {
display: none;
position:relative;
color: #444;
z-index:999;
}
.mobile-dropdown-menu input {
width: 100%;
height: 34px;
font-size: 16px;
margin-top: 8px;
color: #444;
margin-left: 5px;
}
.mobile-dropdown-menu a {
display: block;
border-bottom: 1px solid #ccc;
padding: 10px;
color:#333;
font-size:.9rem;
}
.mobile-dropdown-menu a:hover {
text-decoration: none;
}
.mobile-menu-pane {
width: 100%;
position: relative;
background-color: #EEEEEE;
z-index: 10;
}
.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;
}
.active-submenu {
background-color: #fff;
}
.umsl-main-mobile-menu a{
color: #fff;
}
.umsl-main-mobile-menu ul {
display:none;
}
.umsl-main-mobile-menu li {
list-style: none;
}
/**************************** * SUB NAV ***************************/
#sub-nav{
background:#E0DAD1;
width:100%;
margin-bottom:0px;
padding:0px
}
.navbar{
margin-bottom:0px;
font-weight:500;
letter-spacing:0px;
font-size:0.93rem;
margin:0px auto;
width:100%
}
.navbar li:hover a {
background: #fff;
}
.navbar li a:hover{
color:#A80B2D;
}
.dropdown-menu{
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
list-style: none;
font-size: 16px;
text-align:left;
font-weight:bold;
text-transform: none;
background-color: #fff;
border: 0px;
border-radius: 0px;
-webkit-box-shadow: 0px 2px 1px #E6E6E6;
box-shadow:0px 2px 1px #E6E6E6;
background-clip: padding-box;
width: 240px;
}
.dropdown-menu li{
padding:10px 0px;
text-align:left;
width:100%;
font-size:0.90rem;
color:#444
}
.dropdown-menu li a:hover {
color:#A80B2D;
background-color:#fff;
text-decoration:underline;
}
.dropdown-toggle{
padding-right:10px;
text-align:center;
}
.columns-container{
padding-top: 20px;
padding-bottom: 20px;
}
#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;
}
table {
width: 100%;
}
table img{
}
@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;
}
}
/****************************
* BREADCRUMBS
***************************/
#breadcrumbs ul{
padding:10px 0px 0px 0px;
color:#fff
}
#breadcrumbs li {
display: inline;
font-family:'proxima_novaregular','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;
}
/**stuff**/
/****************************
* PAGE
***************************/
.black{
background:#333;
}
.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%
}
/****************************
* HERO STORY
***************************/
/*This line hides the js slideshow in case a user with js disabled visits
*If js is enabled, the js will flip this one off and turn the slideshow on
*/
#js-enabled {
display:none;
background-color: rgb(51, 51, 51);
}
.hero-slideshow-container {
overflow:hidden;
}
.hero-slideshow-wrapper {
overflow: hidden;
height: 500px;
position:relative;
}
.hero-story {
background-size: 100% auto;
background-position: top;
height: 500px;
width: 100%;
position:relative;
float:left;
text-align: center;
}
.hero-story-wrapper {
position:relative;
height: 500px;
display: inline-block;
text-align: left;
}
.hero-story img {
max-width: 100%;
display: block;
margin: auto;
}
.hero-story-headline {
position:absolute;
bottom: 15%;
background: rgb(51, 51, 51);
background: rgba(51, 51, 51, .9);
background-image: url(/renderfile/ab37a7e280ce0e360081d840b86b50c0/files/images/redesign/slide_logo.png);
background-repeat: no-repeat;
background-position: 0% -41px;
color: rgb(255, 255, 255);
padding: 13px 20px 5px 20px;
max-width:80%;
}
.hero-story-headline h1 {
font-size: 40px;
margin-top: 30px;
margin-bottom: 5px;
}
.hero-story-headline p {
font-size: 15px;
}
.read-more-box {
background-color: #A80B2D;
position: absolute;
left: 0px;
/* bottom: -31px;*/
padding: 5px 20px 0px 20px;
}
.read-more-box p {
margin-bottom: 5px;
color:#fff
}
.read-more-box a {
color:#fff;
text-decoration:none;
}
.read-more-box :hover{
color:#fff;
text-decoration:underline;
}
.take-a-tour {
background-color:#4593E3;
background-color:#0088cc;
position: absolute;
left: 266px;
bottom: -31px;
padding: 5px 20px 0px 20px;
}
.take-a-tour p {
margin-bottom: 5px;
color:#fff
}
.take-a-tour a {
color:#fff;
text-decoration:none;
}
.take-a-tour :hover{
color:#fff;
text-decoration:underline;
}
/*****************************
* ADDITIONAL STORIES
****************************/
.additional-stories {
background: rgb(51, 51, 51);
padding: 15px 0px;
border-top: 2px solid rgb(27, 27, 27);
}
.selected-story img{
border-bottom: 10px solid rgb(152, 30, 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
******************************/
.footer {
background: rgb(34, 34, 34);
padding: 30px 0px 0px 0px;
margin-top:0px;
color: #fff;
}
.footer{
display: block;
width: 100%;
}
.footer a {
color: #fff;
}
.footer p {
color: #fff;
}
.yellow {
color: rgb(255, 201, 38);
}
.bump-right {
margin-left: 30px;
}
.campus-map{
float:right;
}
.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: 600px)(min-width: 377px) {
#logo-bar .college-name-text {
margin-top: 5px;
font-size: 1.1em;
bottom: -36px;
position: absolute;
left: 0px;
}
}
@media screen and (max-width: 580px) {
.footer p {
font-size: 13px;
}
.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 TEMPLATES
********************************
********************************/
/********************************
*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%;
}
/********************************
* 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-touch-callout: none;
-moz-touch-callout: none;
-o-touch-callout: none;
-ms-touch-callout: none;
touch-callout: none;
-webkit-tap-highlight-color: transparent;
-moz-tap-highlight-color: transparent;
-o-tap-highlight-color: transparent;
-ms-tap-highlight-color: transparent;
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
}
/* 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;
}
input.clive-submit {
background: #A80B2D;
width: auto;
color: #fff !important;
margin: 2px;
border-radius: 0px;
padding: 17px 20px;
border: none;
cursor: pointer;
font-family: 'roboto', arial, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 1;
text-align: center;
text-transform: uppercase;
display: inline-block;
text-shadow: none;
box-shadow: none;
}
#cs-project-form .clive-section-heading{
color:#ba0c2f;
}
/********************************
*HACKS TO MITIGATE BOOTSTRAP
*FUNCTIONALITY THAT WE DON'T
*WANT APPLIED
*******************************/
.open > a {
background-color: #fff !important;
color: #A80B2D;
}
.nav>li>a:focus {
background-color: inherit;
}
/********************************
*MEDIA QUERIES
*******************************/
@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: 181px;
}
.dropdown-menu > li > a {
white-space: normal;
}
.navbar {
font-size: 15px;
}
#navbar-header #wrap {
margin-bottom: -10px !important;
}
}
@media screen and (max-width: 1199px) and (min-width: 992px){
#logo-bar .college-name-text {
bottom: -10px;
}
}
@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;
}
.hero-story, .hero-slideshow-wrapper, .hero-story-wrapper {
height: auto;
}
.hero-story h1 {
font-size: 22px;
}
.umsl-logo{
max-width:21%;
margin-bottom:0px;
margin-top:0px;
float:left
}
.college{
font-size:15px;
padding-top:0px;
margin-top:0px;
float:left;
clear:both
}
.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: 13px;
}
.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 {
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%;
}
}
@media print {
body{
background:none;
background-color:#fff;
font-family: georgia,serif;
font-size: 10px !important;
line-height:18px !important;
width:100%;
margin:0px;
padding:0px !important;
}
a {
text-decoration : underline;
}
a[href]:after {
content: none !important;
}
.container{
width:100%;
padding:0px
}
.col-md-7 {
width: 100%;
}
.logo-bar,.tactical-nav,#breadcrumbs,.banner-container img{
display:none;
margin-top:0px;
padding:0px
}
h1, h2, h3, h4, h5, h6{
font-weight:bold;
}
table td, table tr{
width:100%;
padding: 0;
}
table img{
width:100%
}
.secondary-slideshow,.glyphicon,#conversionBox,.page-image-caption,.read-more-box,.button,
.footer-logo, .social-media, .campus-map,.footer-nav, .curators-message, .ul.navigation, #related-links, #primaryNavigation{
display:none
}
.tab-content{
padding:0px;
margin:0px;
border:0px !important;
}
.footer{
margin:0px;
padding-top:10px
}
}
/********************************
*NEW CTA
*******************************/
#ctaHoldertwo{
position: fixed;
z-index: 9999;
left: 0px;
padding:0px;
}
.btn-expand {
max-width: 16px;
box-sizing: content-box;
color: rgba(0, 0, 0, 0);
transition: max-width .1s ease;
border-radius:0px;
}
.btn-expand.btn-xs {
max-width: 12px;
}
.btn-expand.btn-sm {
max-width: 14px;
}
.btn-expand.btn-lg {
max-width: 18px;
}
.btn-expand i {
color: #333;
}
.btn-expand.btn-link i {
color: #428bca;
}
.btn-expand.btn-primary i,
.btn-expand.btn-success i,
.btn-expand.btn-info i,
.btn-expand.btn-warning i,
.btn-expand.btn-danger i {
color: #fff;
}
.btn-expand:hover,
.btn-expand:focus,
.btn-expand:active {
max-width: 400px;
transition-duration: .9s;
}
.btn-expand:hover img,
.btn-expand:focus img,
.btn-expand:active img{width:20px;height:20px;}
.bottomMenu
.btn-danger{
background:#A80B2D url(/files/images/apply-icon.png);
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: 9px 5px;
float:left;
border-color:#831a2b;
}
.bottomMenu {
display: none;
position: fixed;
bottom:0px;
height: 40px;
padding:0px;
z-index: 1;
}
.bottomMenu
.btn-warning{
background:#EAAB00 url(/files/images/info.png);
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: 9px 6px;
float:left;
}
.bottomMenu
.btn-primary{
background:#4593E3 url(/files/images/location_pin.png);
background-repeat: no-repeat;
background-size: 20px 20px;
background-position: 10px 6px;
float:left;
border-color:#2f86e0;
}
.btn-danger span, .btn-warning span, .btn-primary span{
margin:0px 0px 0px 25px
}
/********************************
*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;
}
.career-list-header{
color: #444;
font-size: 21px;
font-weight: bold;
border-bottom: 1px solid #eee;
margin-top: 30px;
padding-bottom: 10px;
padding-left: 5px;
}
.career-list{
margin-left: 0px;
padding-left: 18px;
list-style-type:none;
}
.career-list li:before{
content:'\25AA'
}
.umsl-red-text{
color:#A80B2D;
}
.list-group{
padding:0px;
margin-left:0px;
}
#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;
}
/* ----------------------------------------------------------------2023 TYPOGRAPHY UPDATE -----------------------------------------------------------------*/
.content-subhead{
font-family: 'Lora';
font-weight:bold;
font-size: 1.1rem !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', serif !important;
color: #444;
font-size: 1.30rem;
line-height: 1.6em !important;
margin-bottom: 20px;
}
.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;
}
/***2023 UPDATE*/
.serif{
font-family:'Lora',serif!important;
}
.oswald{
font-family:'Oswald',sans-serif;
}
.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;
}
.double-line {
line-height:20px;
text-align:center
}
/* ---------------------------------------------------------------- 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;
}
/* ---------------------------------------------------------------- ACCORDION -----------------------------------------------------------------*/
#accordion .panel-heading{
cursor: pointer;
width: 100%;
margin-bottom: 0px;
position: relative;
font-size: 16px;
color: #444;
border:0px;
border-radius:0px;
background-color: #fafafa;
background-repeat: repeat;
background-position: left top;
padding:15px;
}
#accordion .active{
color:#A80B2D;
border-left:4px solid #A80B2D
}
#accordion .active a{
color:#A80B2D;
}
#accordion .panel-title .active{
color:#A80B2D!important;
}
#accordion .active a:active, #accordion .active a:active{
color:#fff
}
#accordion .panel-title{
cursor: pointer;
display: block;
font-weight:bold;
}
#accordion .title{
cursor: pointer;
display: block;
font-weight:bold;
font-size:16px;
color: #A80B2D;
}
#accordion .fa{
font-size:12px;
color: #A80B2D;
margin-right:10px;
}
#accordion a:link{
text-decoration:none;
}
#accordion a:focus{
text-decoration:none;
}
a:focus #accordion{
text-decoration:none;
}
#accordion .panel-body{
border-top:0px;
}
#accordion .panel-group .panel{
border:0px;
border-radius:0px
}
#accordion .panel-title a:hover{
text-decoration:none;
color:#A80B2D;
cursor:pointer;
}
#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: 0px;
background-color: #fff;
border: 1px solid #eee;
border-top: none;
border-bottom: none;
}
#accordion .panel-group .panel{
border-radius:0px;
}
/* ---------------------------------------------------------------- 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 {
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;
}
}
/* ---------------------------------------------------------------- SOCIAL BUTTONS -----------------------------------------------------------------*/
.btn-social{
padding: 5px 0px 5px 10px;
border-radius: 5px;
font-size: 0.8125em;
line-height:auto;
}
.btn-social span{
vertical-align: text-top;
}
.btn-social:hover, .btn-social a:hover, .btn-social a:visited{
text-decoration:none;
color:#fff!important
}
.btn-fb{
color:#fff;
background-color:#3b5998;
border-color:rgba(0,0,0,0.2)
}
.btn-fb:hover{
color:#fff;
background-color:#2d4373;
border-color:rgba(0,0,0,0.2);
cursor:pointer
}
.btn-tw{
color:#fff;
background-color:#55acee;
border-color:rgba(0,0,0,0.2)
}
.btn-twi:hover{
color:#fff;
background-color:#2795e9;
border-color:rgba(0,0,0,0.2)
}
.btn-yt{
color:#fff;
background-color:#dd4b39;
border-color:rgba(0,0,0,0.2)
}
.btn-yt:hover{
color:#fff;
background-color:#c23321;
border-color:rgba(0,0,0,0.2)
}
.btn-ins{
color:#fff;
background-color:#3f729b;
border-color:rgba(0,0,0,0.2)
}
.btn-ins:hover{
color:#fff;
background-color:#305777;
border-color:rgba(0,0,0,0.2)
}
.btn-li{
color:#fff;
background-color:#007bb6;
border-color:rgba(0,0,0,0.2)
}
.btn-li:hover{
color:#fff;
background-color:#005983;
border-color:rgba(0,0,0,0.2)
}
/* ---------------------------------------------------------------- SOCIAL ICONS -----------------------------------------------------------------*/
.icons-sm {
font-family:'font-awesome';
padding: .1rem;
margin: .4rem;
font-size: 1.5em;
}
.fb-ic {
color: #3B5998!important;
}
.tw-ic {
color: #55ACEE!important;
}
.li-ic {
color: #0082CA!important;
}
.ins-ic {
color: #3F729B!important;
}
.yt-ic {
color: #CD201F!important;
}
.comm-ic {
color: #30CFC0!important;
}
.email-ic {
color: #4B515D!important;
}
/* ---------------------------------------------------------------- STYLED QUOTE -----------------------------------------------------------------*/
.quote{
border: none !important;
position: relative;
z-index:1;
}
blockquote.quote p{
font-family:'Lora',serif;
font-style:italic;
border-left:0px;
font-size:1.3rem;
}
blockquote a:link{
font-weight:bold;
}
.quote a:link{
font-weight:bold;
}
.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;
}
/* ---------------------------------------------------------------- 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
}
.box-inset {
box-shadow: inset -5px 0 6px -2px rgba( 204, 204 , 204, 1);
}
table td{
padding:5px;
}
.basic-table th, .gray-table th{
font-size: 1rem;
font-weight: bold;
color: #A80B2D;
border-bottom: 3px solid;
padding: 10px;
text-align: left;
}
.red-table th{
font-size: 1rem;
font-weight: bold;
border-bottom: 3px solid;
padding: 10px;
text-align: left;
}
.basic-table td, .gray-table td, .red-table td {
padding: 10px;
vertical-align: top;
border-top: 1px solid #ddd;
}
table.table th, table.table td {
padding-top: 1.1rem;
padding-bottom: 1rem;
}
table a:link{
margin: 0;
font-weight:bold;
}
a:table {
margin: 0;
}
a:visited table{
margin: 0;
}
table.table .label-table {
margin: 0;
padding: 0;
line-height: 15px;
height: 15px;
}
table.table .btn-table {
margin: 0px 1px;
padding: 3px 7px;
}
table.table .btn-table .fa {
font-size: 11px;
}
table.table-hover tbody tr:hover {
background-color: rgba(0, 0, 0, 0.075);
transition: 0.5s;
}
table .th-lg {
min-width: 9rem;
}
table.table-sm th, table.table-sm td {
padding-top: 0.6rem;
padding-bottom: 0.6rem;
}
.no-pad {
padding: 0px;
}
.mb-0{
margin-bottom:0px;
}
#carousel-secondary {
min-height: 150px;
margin-bottom: 40px;
}
#carousel-secondary .slide-caption {
padding: 30px 40px 40px 40px
}
#carousel-secondary .slide-caption .button{
width:auto;
}
#carousel-secondary h3 {
/* font-size: 3rem;
*/
font-family: 'oswald', sans-serif;
color: #444;
font-weight: 600;
}
#carousel-secondary h3 a:hover {
text-decoration:none!important;
}
a:hover #carousel-secondary {
text-decoration:none!important;
}
#carousel-secondary .slide-caption a:hover{
text-decoration:none;
color:#c32640
}
#carousel-secondary .item a.button.button-apply{
font-weight:bold;
}
#carousel-secondary p {
font-size: 1rem;
font-weight:normal;
}
#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-control.right, .carousel-control.left{
display:block!important;
}
.slide-img {
width: 100%
}
.carousel-inner {
border: 1px solid #eee;
box-shadow: 0px 0px 3px #eee;
z-index: 1;
}
.carousel-fade .carousel-inner .item {
opacity: 0;
transition-property: opacity;
}
.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 {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner>.item.prev, .carousel-fade .carousel-inner>.item.active.left {
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-inner>.item.next.left, .carousel-fade .carousel-inner>.item.prev.right, .carousel-fade .carousel-inner>.item.active {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.carousel-indicators {
right: 30px;
left: auto;
width: auto;
bottom: 0px;
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: #000 \9;
background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
background: #A80B2D
}
#carousel-secondary .carousel-control.right, #carousel-secondary .carousel-control.left {
background-image: none;
background: #eab000;
color: #333!important;
text-shadow: none;
opacity: 1;
z-index:2;
height: 40px;
width: 40px;
top:20%;
}
.carousel-control.right:hover, .carousel-control.left:hover {
color: #333;
background: #ffcd35;
}
.carousel-control.right .fa, .carousel-control.left .fa {
margin-top: 10px;
}
@media (max-width:1199px) {
#carousel-secondary h3 {
}
}
@media (min-width:1200px) {
#carousel-secondary h3 {
}
#carousel-secondary p {
font-size: 1.1rem;
margin-bottom: 20px;
}
}
@media screen and (max-width: 991px) {
.tactical-nav-left{
padding:0px;
}
.tactical-nav-left a{
margin-left:5px;
padding: 6px;
}
.footer-logo{
height:auto;
}
}
@media screen and (max-width: 768px) {
.footer-logo{
height: 59px;
}
}
@media (max-width:991px) {
.button {
display: relative;
line-height: 1.5;
}
#carousel-secondary .slide-caption {
margin: 0px;
padding: 30px;
}
#carousel-secondary h3 {
margin-bottom: 15px;
margin-top: 0px;
}
#carousel-secondary .carousel-control.right, #carousel-secondary .carousel-control.left {
top: 30%
}
#carousel-secondary .carousel-control.right {
right: -15px;
z-index: 2;
}
#carousel-secondary .carousel-control.left {
left: -15px;
z-index: 2;
}
#carousel-secondary .carousel-control.left,
#carousel-secondary .carousel-control.right{
color:#000;
text-shadow:none;
background:#eaab00;
}
}
@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
}
}
/* ---------------------------------------------------------------- SEARCH OVERLAY -----------------------------------------------------------------*/
#myOverlay input:focus::placeholder {
color: transparent;
}
#search-box-overlay input[type="text"] {
border-width: 0px 0px 4px;
padding: 0px 120px 0px 0px;
border-bottom:2px solid #fff;
border-radius:0px;
}
#myOverlay .common-search-heading {
margin: 60px 0px 5px 0px;
text-align: left;
}
#myOverlay .content-subhead::after{
background:#fff;
}
#myOverlay .small-heading{
color:#fff;
padding:0px 15px;
text-align:left;
text-transform:uppercase;
}
#myOverlay.list-group-item {
background-color: transparent;
text-align: left;
font-weight:bold;
}
#myOverlay a.list-group-item,
#myOverlay a:visited.list-group-item,
#myOverlay a:active.list-group-item {
color: #fff!important;
background-color: transparent;
font-weight:bold;
}
#myOverlay .list-group-item {
border-width: 0px 0px 1px 0px;
border-radius: 0px;
text-align: left;
border-bottom: 1px solid #b45161;
}
#myOverlay .list-group-item:hover {
background-color: #862031;
text-decoration:underline;
}
#myOverlay .list-group-item.link{
border-bottom:0px;
}
#myOverlay .overlay-content {
top: 10%;
}
#myOverlay .list-group-item:last-child {
border-width: 0;
}
#search-overlay{
background:transparent;
font-size: 30px;
position: absolute;
right: 0;
top: 0px;
line-height: 48px;
width: 48px;
text-align: center;
color: #eeeeee;
}
@media screen and (max-width: 992px) {
#myOverlay .common-search-heading{
margin: 30px 0px 5px 0px;
}
.search-list::--webkit-overflow-scrolling:{
touch;
}
#myOverlay {
top: 0;
bottom: 0;
position: fixed;
overflow-x: scroll;
::--webkit-overflow-scrolling: touch;
}
}
@media screen and (max-width: 600px) {
#myOverlay {
top: 0;
bottom: 0;
position: fixed;
overflow-x: scroll;
::--webkit-overflow-scrolling: touch;
}
#myOverlay .overlay-content {
top: 5%;
}
#search-overlay {
font-size: 20px;
line-height: 5px;
width: 30px;
}
.search-list {
padding: 0px;
}
#myOverlay .common-search-heading {
margin: 25px 0px 5px 0px;
text-align: left;
}
#myOverlay .content-subhead {
padding-bottom: 0px;
padding-left:10px;
}
#myOverlay .content-subhead::after{
bottom:-8px;
left:10px;
height:2px;
}
.overlay-content {
padding: 10px;
width: 100%;
}
#search-overlay {
top: 15px;
right:10px;
}
#myOverlay .list-group-item:last-child {
border-width: 0px 0px 1px 0px;
}
#search-box-overlay input[type="text"]{
font-size:27px;
width:100%;
}
#search-box-overlay{
padding-left:0px;
}
.overlay .closebtn {
font-size: 35px;
right: 20px;
top: 10px;
line-height: 1;
}
}
/* ---------------------------------------------------------------- NAV UPDATE -----------------------------------------------------------------*/
.dba-nav .nav .dropdown li a{
padding: 15px 15px 15px 15px
}
.dba-nav .navbar-nav>li>a{
line-height:1.2;
}
.dba-nav .navbar-nav{
display: flex;
align-items: center;
}
.dba-nav nav.navbar ul.nav>li>a{
min-height:55px;
}
.dba-nav .navbar-nav .dropdown-toggle{
min-height:55px;
}
.dba-nav nav.navbar ul.nav>li>a{
display: flex;
align-items: center;
justify-content: center;
}
/* ---------------------------------------------------------------- BACK TO TOP -----------------------------------------------------------------*/
#back2Top {
width: 40px;
height: 38px;
border-radius: 0.25rem;
line-height: 1.5rem;
overflow: hidden;
z-index: 999;
padding: 0.5rem 0.5rem;
display: none;
cursor: pointer;
position: fixed;
text-align: center;
bottom: 80px;
right: 10px;
background-color: #b11931;
color: #fff;
font-size: .8rem;
text-decoration: none;
}
#back2Top:hover {
background-color: #d20e35;
color: #fff;
}
#back2Top .fa .fa-chevron-up{
font-size: 20px;
position: relative;
bottom: 5px;
}
/* --------- RSS Feed --------*/
.news-feed-header h3 {
/*font-family: 'oswald',helvetica,arial,sans-serif;*/
/*font-weight: 700;*/
/*text-align: left;*/
/*display: block;*/
/*text-transform: uppercase;*/
/*color: #444;*/
position: relative;
/*font-size: 1.6rem;*/
}
.news-feed-header:after {
background: #A80B2D;
content: "";
height: 4px;
width: 70px;
z-index: 9;
position: absolute;
top: 70px;
margin: 0px auto;
}
.news-feed-header.full {
position: relative;
top: 0px;
}
.news-feed-header.full:after {
top: 50px;
}
.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 {
/*color: #8C1515;*/
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;
}
.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{
/*min-width: 123px;*/
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;
}
/* -------------------------------------------------------------- Button OVERRIDE -------------------------------------------------------------------*/
.columns-container .button{
width:auto;
}
a:hover.button{
text-decoration:none;
}
/* -------------------------------------------------------------- STEPS -------------------------------------------------------------------*/
.list-steps ol {
padding-left: 0px;
}
.list-bullet-number {
border-radius: 50%;
font-family: "Roboto Condensed";
font-weight: 700;
line-height: 0.9;
margin-left: 0px;
margin-right: 16px;
text-align: center;
background-color: #A80B2D;
font-size: 25px;
padding: 10px;
display: inline-block;
width: 40px;
height: 40px;
color: #fff;
}
.list-bullet-item {
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.list-item-heading {
font-size: 23px;
padding-top: calc((2rem - (1em * 1.1)) / 2);
margin-bottom: 1rem;
}
.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;
}
}
/*------------ Breadcrumb styles -----------*/
.breadcrumb{
background:#fff!important;
font-size:12px;
padding: 20px 0px 15px 0px;
margin-bottom: 20px;
list-style: none;
}
.breadcrumb>.active{
color:#000;
}
.breadcrumb {
padding-top:10px;
}
.breadcrumb>.default a{
color:#000!important;
font-weight:normal;
text-decoration:underline;
}
.breadcrumb>.a:visited{
color:#000!important;
}
.breadcrumb>.default a:hover{
color:#2a6496!important;
text-decoration:underline;
}
.breadcrumb .separator{
padding:0px;
}
.breadcrumb>li{
font-weight:bold;
}
.breadcrumb>li+li:before {
content: "\00BB"!important;
padding: 0 5px;
color: #ccc;
}
#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;
}
}
/**DIRECTORY**/
.hh-directory.section{
padding:30px 0;
}
.hh-directory .input{
width:100%;
height:40px;
padding:0 15px;
background-color:#fff;
border-radius:0px;
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.section a{
font-weight:bold;
}
.hh-directory .dirItem .panel .panel-title > a {
font-weight:bold;
}
.hh-directory .dirItem .panel .panel-title > a:hover,.hh-directory .dirItem .panel .panel-title > a:focus {
}
.hh-directory .dirItem .panel{
border-radius:0px;
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:0px;
}
.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 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:0px;
margin-left:0px;
height:100%;
}
.hh-directory .form-control{
border-radius:0px;
}
.hh-directory select, .hh-directory select.form-control{
border-radius:0px;
-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-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-width: 0px 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);
/* core styles should not be changed */
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:0px;
}
}
@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;
}
.hh-directory .dirItem.bgImage .panel-body .panel-image{
background-size:contain;
}
}
@media only screen and (max-width:767px){
.hh-directory .dirItem.bgImage .panel-body .panel-image {
/*height: 500px!important;*/
}
.hh-directory .dirItem.bgImage .panel-body .panel-image{
background-position:top;
background-size:contain;
}
}
.hh-directory .dirItem .left-image .panel-body .panel-title {
margin-top:15px;
}
.hh-directory .dirItem .right-image .panel-body .panel-text {
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 PAGE**/
#directory-profile a{
font-weight:bold;
}
#directory-profile .secondary-button{
font-weight:bold;
}
#directory-profile .hh-profile h1{
margin-top:0px;
}
#directory-profile blockquote{
border-left:0px;
}
#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:0px;
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-top:0px;
margin-bottom:30px;
font-size:18px;
}
#directory-profile .contact-title{
font-size:25px;
margin-bottom:5px;
font-weight:bold;
}
/***STATS***/
#stats .row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
#stats .container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
#stats .bg-red p{
color:#fff!important;
}
#stats {
padding: 40px 0px 40px 0px;
float: left;
width: 100%;
}
#stats .col {
padding: 20px;
margin: 10px 0px 0px 10px;
flex-basis: 200px;
border-radius: 0.25rem;
}
#stats .bg-water small, #stats .bg-water p{
color:#fff!important;
}
#stats .bg-red small, #stats .red p{
color:#fff!important;
}
ul.social-icons {
padding-left:0px;
}
ul.social-icons li{
list-style-type:none;
display:inline-block;
}
.sidenav{
height: 100%;
width: 0;
position: fixed;
z-index: 99999 !important;
top: 0;
left: 0;
background-color: #fff;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
list-style: none;
}
.sidenav .closebtn{
position: absolute;
right: 2px;
top: 10px;
padding: 0px;
width: 30px;
height: 30px;
font-size: 2rem;
display: flex;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
background: transparent;
}
.sidenav a{
text-decoration: none;
transition: 0.3s;
font-weight: 400 !important;
}
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;
}
.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 button.dropdown-btn:nth-of-type(1) .caret{
display:none;
}
#subnav li#nav-drop.dropdown.sub{
padding:0px 5px 0px 5px
}
#subnav li#nav-drop.dropdown.sub:hover{
background:#fff;
}
#subnav .navbar-nav>li>a{
color:#000;
min-height:45px;
}
#subnav .navbar-nav>li>a:hover{
color:#A80B2D;
}
#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 .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 .top-nav-page{
width: 95%;
text-align: left;
}
#subnav .dropdown a {
padding: 0px;
font-size: 15px;
color: #000;
}
#subnav .dropdown a:hover {
color: #e7e9eb;
font-weight: 400;
text-decoration:none;
cursor:pointer;
}
#subnav .dropdown.sub a{
font-size: 0.89rem;
font-weight: 400;
width: 100%;
cursor:pointer;
}
#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;
/*animation: fade .3s;*/
}
#subnav .dropdown-menu li{
/* background-color:pink;*/
width:100%!important;
display: flex;
align-items: center;
align-content: center;
}
#subnav .dropdown-menu {
background-color: #fff;
opacity: 0;
visibility: hidden;
/* transition: opacity 500ms, visibility 500ms;*/
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#subnav a.dropdown-toggle{
display:flex;
justify-content:center
}
/***** Mobile*******/
#nav-bar-update{
background: #f4f4f4;
padding:10px 5px 10px 10px;
border:1px solid #ccc;
overflow:hidden;
}
#nav-bar-update .nav-name {
text-align: left;
color: #000;
padding-top: 10px;
font-weight: 400;
margin-bottom: 10px;
}
#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: 44px;
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-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: .9rem;
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{
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
min-width:270px;
padding-left:5px;
cursor:pointer;
margin-right:5px;
}
#picker-highlight-menu li.drop-item-box{
width:100%!important;
cursor:pointer;
}
#subnav li.drop-item-box:hover{
background:#f8f9fa;
color:#A80B2D;
cursor:pointer;
}
#subnav .fa {
font-size:10px;
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 {
width: auto;
padding-left:8px;
}
#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;
}
h1 {
font-size: 1.6em;
font-family:'oswald';
}
.h1 {
font-size: 1.6em;
font-family:'oswald';
}
@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;
}
}
@media (max-width: 1200px) {
.lead-paragraph {
font-size:calc(1rem + 0.2vw)
}
}
h1 a:link, h2 a:link, h3 a:link, h4 a:link, h5 a:link, h6 a:link{
text-decoration:underline;
}
/*FONT FAMILY OSWALD USED WITH HEADING CLASSES*/
.ff-primary{
font-family:'oswald',helvetica,arial,sans-serif;
}
/***** RECD Icons*******/
.icon-recd{
float: left; margin-right: 20px;}
.icon-no-wrap {overflow: hidden;}
#small-logo-bar {
margin: 0px;
width: 100%;
display: flex;
flex-direction: row;
align-content: center;
align-items: center;
justify-content: space-evenly;
text-decoration: none;
font-family: "Roboto Condensed", sans-serif;
padding: 10px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
#small-logo-bar a:link {
color: #000;
}
#small-logo-bar a{
color:#000;
}
#small-logo-bar a:hover{
color:#000;
}
#small-logo-bar a:visited{
color:#000;
}
.small-site-name-container{
border-left: 2px solid;
padding-left: 5px;
line-height:1;
min-height: 25px;
display: flex;
align-content: center;
align-items: center;
}
.small-site-name{
font-size:15px;
color:#000;
}
.mobile-logo-container{
float:left;
padding-right:5px;
}
.mobile-buttons-container{
float:right;
display:flex;
margin-left:auto;
}
#small-search{
padding:4px;
font-size:17px!important;
float:right;
color:#eaab00;
}
#small-logo-bar .mobile-search{
float:right;
font-size:17px;
}
#small-logo-bar .mobile-menu-small{
position:initial;
color:#333;
padding:0;
float:right;
}
#small-logo-bar .fa-bars{
padding: 8px;
font-size: 18px;
}
#small-logo-bar .mobile-logo{
width:55px;
}
#mobile-nav #site-name{
margin-top:-33px;
}