/* UTSA Enrollment Services Marketing & Systems specific styles */ #header {z-index: 10;} .search-bar-active #header.main-header-search-alert {padding-top: 102px !important;} #top-header .search .dropdown-menu.search-dropdown-alert {top: 54px !important;} /*set anchor space on scroll*/ [id], [name], html {scroll-margin-top: 200px !important;} :target { animation: highlight 20s ease; } @keyframes highlight { 0% { background-color: #eee; } 100% { background-color: transparent; } } /*google translate*/ .goog-logo-link { display:none !important; } .goog-te-gadget{ color: transparent !important; } a.VIpgJd-ZVi9od-l4eHX-hSRGPd {display: none !important;} .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; } /*global font set*/ body {font-family: open-sans, sans-serif !important;} .orange {color: #d3430d !important;} /* Sitewide Alert */ .message-alert-col {margin-top: 20px;} .message-alert {background: #F0F0F0; color: #0c2340; width: 100%; padding: 30px 50px; position: relative;} .message-alert p {margin: 0; color:#0c2340; font-size: 18px; } .message-alert a {color: #0c2340;} .message-alert a:hover {color: #d3430d;} /*.exclamation-icon {position: absolute; left: -6px; top: 50%; transform: translateY(-50%);}*/ .exclamation-icon {position: absolute; top: 50%; left: 2px; transform: translate(-50%, -50%);} .home .message-alert {background: #f59b7b; } .home .message-alert-col {margin-top: 10px; margin-bottom: 10px;} .fixed .container-message-alert {display: none;} .page-template-page-landing .message-alert {margin-bottom: 40px;} .page-template-page-landing .exclamation-icon {top: auto; transform: none;} /* Iinstitutional Alert */ .message-alert-alt{background: #FFFF99;} .message-alert-alt p {margin: 0 !important; padding: 0px; color:#000; font-size: 14px; } .message-alert-alt p a {color: #000 !important; text-decoration: underline;} /* anchor tag space - add more classes here if needed*/ .accordion .accordion-item{ position: relative; scroll-margin-top: 135px; } .accordion .accordion-body-content {display: block; } .blue-bg .accordion .accordion-body-content p, .blue-bg .accordion .accordion-body-content li {color: #000 !important;} /*Temporary Angled button hover fix until DLS gets updated*/ .blue-bg .orange-action-btn>.action-btn:focus, .blue-bg .orange-action-btn>.action-btn:hover { background-color: #949494; } .orange-a11y-bg .blue-action-btn .action-btn:focus, .orange-a11y-bg .blue-action-btn .action-btn:hover { background-color: #949494; } .blue-bg a {color: #fff;} .blue-bg a:hover {#eee;} .blue-bg ul li {color: #fff !important;} /*Home Page*/ .news-card-col:nth-child(odd) .news-card.white-bg {background-color: #fff;} .news-card-col:nth-child(odd) .news-card.white-bg .published-status a {color: #000;} .news-card-col:nth-child(even) .news-card.white-bg {background-color: #0c2340;} .news-card-col:nth-child(even) .news-card.white-bg p {color:#fff;} .news-card-col:nth-child(even) .news-card.white-bg .published-status a {color:#fff;} .find-your-program {margin-top: 0px !important;} .find-your-program .find-program-header .h5 {color: #fff !important;} .hero-banner-wrapper {background-position: center; z-index: -3; } .banner-cta:after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-image: linear-gradient(to left, transparent, #030c22e0); } .banner {position: relative;} .banner .hero-banner-wrapper { padding: 8% 15px 3% !important; min-height: 27rem;} #banner-video .hero-banner-wrapper::after { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background-image: linear-gradient(transparent, #0c2340); ); } #banner-video { height: auto !important; min-height: 25rem !important; } #banner-video >.container {min-height: 17rem;} /*Home Hero Video*/ video#bgvideo { position: fixed; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -100; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover; } #banner-video {z-index: 0; background-color: #0c2340; background-image: url('/wp-content/uploads/Visit-Hero-UTSADay.jpg'); background-size: cover; background-position: center center; min-height: 20rem !important;} /*Twitter section*/ .home-tweets {background: #0c2340; color: #fff; padding: 50px 0; text-align: center; border-top: solid 3px #d3430d; } .tweetSlideOverlay {background: #0c2340 !important; } .bx-wrapper {float: left; width: 100%;} .bx-viewport {margin-bottom: 50px;} .twittMeta a {border-top: solid 1px #d3430d; padding: 20px;} /*RowdyZine Home*/ .rowdyzine {padding: 100px 0px;} .rowdyzine h2 {margin-bottom: 30px; border-bottom: solid #d3430d 1px; color: #d3430d;} .rowdyzine h3 {margin-bottom: 3px; text-transform: uppercase; font-size: 22px; font-weight: bold; color: #0c2340; } .rowdyzine p {margin-bottom: 30px; font-size: 20px;} /*Content Sections*/ .orange-info-section {background: #d3430d; padding: 50px 10px; color: #fff; float: left; width: 100%;} .orange-info-section h2, .orange-info-section h1, .orange-info-section h3, .orange-info-section h4 {font-weight: 300; color: #fff !important;} .orange-info-section h2 a {color: #e3e3e3 !important; border-bottom: #e3e3e3 !important;} .orange-info-section h2 a:hover {color: #0c2340 !important;} .orange-info-section a.btn-blue:hover {color: #0c2340 !important; background: #fff !important;} .blue-info-section .btn-orange:hover, .blue-info-section .btn-orange:active, .blue-info-section .btn-orange:focus {background: #fff !important; color: #d3430d !important; border: solid 1px #fff; } .blue-info-section {background: #0c2340; padding: 50px 10px; color: #fff; float: left; width: 100%;} .blue-info-section h2, .blue-info-section h1, .blue-info-section h3, .blue-info-section h4 {font-weight: 300; color: #fff !important;} .gray-info-section {background: #f2f2f2; padding: 50px 10px; color: #0c2340; float: left; width: 100%;} .gray-info-section h2 {font-weight: 300; color: #0c2340;} .white-info-section {background: #fff; padding: 50px 10px; color: #0c2340; float: left; width: 100%;} .white-info-section h2 {font-weight: 300; color: #0c2340;} /*Event Card fixes*/ .col-event {margin-top: 15px;} .blue-bg .event-horizontal .row, .grey-bg .event-horizontal .row {background: #fff;} .blue-bg .events-listing-content .h5, .blue-bg .events-listing-content h5 { color: #d3430d !important; font-size: 28px; font-weight: 700; margin-bottom: 35px; } .blue-bg .events-listing-content p { color: #0c2340; } .blue-bg .event-text-design .months, .blue-bg .event-text-design .year { color: #0c2340 !important; } .blue-bg .event-text-design .months-date {color: #d3430d !important;} .deadline-card.blue-bg .card-date { color: #fff !important;} .deadline-card.orange-a11y-bg {border-top: 6px solid #dadee3 !important;} .deadline-card.orange-a11y-bg .card-date {color: #032044 !important;} a.event-card-link {text-decoration: none;} @media (max-width: 767.98px) { .event-horizontal .event-text-design {padding-top: 20px;} } /*Navigation Fixes*/ #main-header .navbar-nav > .nav-item .dropdown-menu {width: auto !important;} @media only screen and (min-width: 992px) { .navbar { flex-direction: column; } .navbar .navbar-brand { margin: 1rem auto 0 1rem; width: 300px; } .navbar-expand-md .navbar-collapse { margin-right: auto; } .sticky-header.is-sticky .navbar .navbar-brand { display: none; } #main-header .navbar-nav > .nav-item { height: 60px; } } .sticky-header.is-sticky { animation: heightanimate; animation-duration: 1s; left: 0; position: fixed; right: 0; top: 0; z-index: 999 } .mobile-only {display: none !important;} /**Landing Pages */ .container-hero-landing {border-bottom: 6px solid #d3430d;} .landing-hero-box {width: 100%; min-height: 600px;} .hero-landing-content {min-height: 600px; display: flex; flex-direction: column; justify-content: center;} .hero-landing-content .btn-orange:hover {border: solid 1px #fff !important;} .landing-inner-hero {color: #fff !important; } .landing-inner-hero h1 { color:#fff; font-size: 54px; } .orange-info-section {background: #d3430d; padding: 50px 10px; color: #fff; float: left; width: 100%;} .orange-info-section h2, .orange-info-section h1, .orange-info-section h3, .orange-info-section h4 {font-weight: 300; color: #fff !important;} .orange-info-section h2 a {color: #e3e3e3 !important; border-bottom: #e3e3e3 !important;} .orange-info-section h2 a:hover {color: #0c2340 !important;} .orange-info-section .intro {color: #fff !important;} .orange-info-section .row-icon-text h1, .orange-info-section .row-icon-text h2, .orange-info-section .row-icon-text h3, .orange-info-section .row-icon-text h4, .orange-info-section .row-icon-text h5, .orange-info-section .row-icon-text h6, .orange-info-section .row-icon-text p, .orange-info-section ul {color: #fff !important;} .blue-info-section .btn-orange:hover, .blue-info-section .btn-orange:active, .blue-info-section .btn-orange:focus {background: #fff !important; color: #d3430d !important; border: solid 1px #fff; } .blue-info-section {background: #0c2340; padding: 50px 10px; color: #fff; float: left; width: 100%;} .blue-info-section h2, .blue-info-section h1, .blue-info-section h3, .blue-info-section h4, .blue-info-section h5 {font-weight: 300; color: #fff !important;} .blue-info-section p, .blue-info-section li {color: #fff !important; } .gray-info-section {background: #f2f2f2; padding: 50px 10px; color: #0c2340; float: left; width: 100%;} .gray-info-section h2 {font-weight: 300; color: #0c2340;} .white-info-section {background: #fff; padding: 50px 10px; color: #0c2340; float: left; width: 100%;} .white-info-section h1, .white-info-section h2, .white-info-section h3, .white-info-section h4, .white-info-section h5, .white-info-section h6 {color: #0c2340;} .image-backrgound-info-section {padding: 50px 10px; float: left; width: 100%; } .image-backgound-info-section-custom, .custom-section {float: left; width: 100%;} .blue-custom-section {background: #0c2340; color: #fff;} .blue-custom-section h1, .blue-custom-section h2, .blue-custom-section h3, .blue-custom-section h4, .blue-custom-section h5, .blue-custom-section h6 {color: #fff !important;} .orange-custom-section {background: #d3430d; color: #fff;} .gray-custom-section {background: #f2f2f2; color: #0c2340;} .white-custom-section {background: #fff; color: #0c2340; float: left; width: 100%;} /*DLS bg color fixes*/ .blue-bg .paragraph-text, .blue-bg p, .blue-bg h1, .blue-bg h2, .blue-bg h3, .blue-bg h4, .blue-bg h5 {color: #fff;} .orange-a11y-bg .paragraph-text, .orange-a11y-bg p, .orange-a11y-bg h1, .orange-a11y-bg h2, .orange-a11y-bg h3, .orange-a11y-bg h4, .orange-a11y-bg h5 {color: #fff !important;} .blue-bg .h1.orange, .blue-bg .h2.organe, .blue-bg .h3.orange, .blue-bg .h4.orange, .blue-bg .h5.orange, .blue-bg .h6.orange, .blue-bg p.orange, .blue-bg h1.orange, .blue-bg h2.orange, .blue-bg h3.orange, .blue-bg h4.orange, .blue-bg h5.orange {color: #f15a22 !important;} .talavera-blue-bg {background: #345aee;} .talavera-blue-bg .paragraph-text, .talavera-blue-bg p, .talavera-blue-bg h1, .talavera-blue-bg h2, .talavera-blue-bg h3, .talavera-blue-bg h4, .talavera-blue-bg h5, .talavera-blue-bg [class^="fa"] {color: #fff;} /*adding a default bg color to sections because there is none!*/ section {background-color: #fff;} /*Headline with Image*/ .heading-paragraph-design h2.h3{font-weight: 700 !important; font-size: 38px !important; margin-bottom: 20px !important;} /*Main menu fixes*/ #orange-bg-header :after { max-width: 45% !important;} /*Button on Background Fixes*/ .content-img-design.blue-offset-bg .blue-action-btn > .action-btn { background: #d3430d !important; } .content-img-design.blue-offset-bg .blue-action-btn > .action-btn:hover { background-color: #949494 !important; } /*.orange-a11y-bg .orange-action-btn > .action-btn {background: #0c2340 !important; } .orange-a11y-bg .orange-action-btn > .action-btn:hover {background: #949494 !important; }*/ /*Program List*/ .list-group-program .list-group-item { border: none; border-bottom: 1px solid #eee; padding: 1rem; color: #545454; } .list-group-program .list-group-item strong { color: var(--bs-primary); } .list-group-program .list-group-item:last-child { border-bottom: none; } /*Program Single*/ .hero-rfi {padding: 5% 0 !important;} .hero-rfi h1 {color: #fff;} .program-banner-text, .program-banner-text p {font-size: 20px; line-height:1.4; color:#ffffff; padding-right:10%;} .program-intro-container p {font-size: 145% !important; line-height: 1.5; font-weight: 400; color: #0c2340;} /*RFI Forms*/ .rfi-content h1, .rfi-content h2, .rfi-content h3, .rfi-content h4, .rfi-content h5, .rfi-content p {color: #fff !important;} .rfi-embed-container iframe { width: 100% !important; } .rfi-embed-container {background: #eee; padding: 20px; float: left; width: 100%;} .rfi-embed-container iframe {min-height: 280px;} .rfi-embed-container h2 {font-size: 1.5rem; font-weight: bold; color: #0c2340 !important; } .hero-program-type {text-transform:uppercase; font-weight:bold; color:#f15a22 !important;} /*Popup Cards*/ .popup-card-trigger {display: block; background: #fff; padding: 0px; font-size: 22px; border: solid 1px #eee; margin: 10px 0; width: 100%; color: #0c2340 ;} -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .popup-card-trigger h2, .popup-card-trigger h3, .popup-card-trigger h4, .popup-card-trigger h5, .popup-card-trigger p { margin-bottom: 0px; color: #0c2340 !important;} .popup-card-trigger:hover {background: #d3430d; color: #fff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .popup-card-trigger:hover .orange {color: #0c2340 !important; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .popup-image {width: 100%; text-align: center; margin-bottom: 0px;} .modal-header {border-bottom: none;} .modal-title {color: #0c2340; margin-top: 20px; width: 100%;} .modal-body p {color: #000;} .container-popup a[type=button]:hover, .container-popup a[type=button]:active, .container-popup a[type=button]:focus {background-color: transparent;} .container-popup a {text-decoration: none !important;} .popup-no-border {border: none !important;} /*Accordion*/ .accordion-button:not(.collapsed)::after {background-image: none !important;} /*Single*/ .entry-meta {color: #fff;} .entry-meta a {color: #fff;} .entry-meta a:hover {color: #eee;} /*Action Cards*/ .highlight-card {border-top: none !important; } .highlight-card .highlight-card-link { display: inline-block; } /*Return to Top*/ #return-to-top { position: fixed; bottom: 20px; left: 20px; background: rgb(241, 90, 34); background: rgba(211, 67, 13, 0.7); width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; border: solid #fff 2px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 9999; } #return-to-top i { color: #fff; margin: 0; position: relative; left: 10.5px; top: 12px; font-size: 19px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #return-to-top:hover { background: rgba(211, 67, 13, 0.9); } #return-to-top:hover i { color: #fff; top: 10px; } /*Quick Facts*/ .quick-fact-wrapper :after {background-image: none !important;} /*Header video pause play*/ .jquery-background-video-wrapper { position: relative; overflow: hidden; background-position: 50%; background-repeat: no-repeat; background-size: cover; } .jquery-background-video { position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; -o-object-fit: cover; object-fit: cover; transform: translate(-50%, -50%); opacity: 0; } .js .jquery-background-video { opacity: 0; transition: opacity 0.3s linear; } .js .jquery-background-video.is-visible { opacity: 1; } .jquery-background-video-pauseplay { position: absolute; background: transparent !important; border: none !important; box-shadow: none !important; width: 20px; height: 20px; top: 15px; right: 15px; padding: 0 !important; cursor: pointer; outline: none !important; z-index: 999; } .jquery-background-video-pauseplay span { display: none; } .jquery-background-video-pauseplay:after, .jquery-background-video-pauseplay:before { content: ""; position: absolute; left: 0; top: 0; transition: all 0.3s ease; } .jquery-background-video-pauseplay.play:before { border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 15px solid #fff; } .jquery-background-video-pauseplay.pause:after, .jquery-background-video-pauseplay.pause:before { border-top: 10px solid #fff; border-bottom: 10px solid #fff; border-left: 5px solid #fff; } .jquery-background-video-pauseplay.pause:after { left: 10px; } .jquery-background-video-wrapper.home-video-container { /* min-height: 65vh; position: relative; background-color: #0c2340; background-image: url(/_files/global/images/photos/home-video-poster-o.jpg);*/ } @media (max-width: 575.98px) { .jquery-background-video-wrapper.home-video-container .jquery-background-video-pauseplay, .jquery-background-video-wrapper.home-video-container video { display: none; } } .jquery-background-video-wrapper.home-video-container video { z-index: 0; } .jquery-background-video-wrapper.home-video-container:before { content: ""; background-color: rgba(0, 0, 0, 0.25); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .jquery-background-video-wrapper .video-text-wrapper { z-index: 2; display: flex; position: relative; -ms-min-height: 40.625rem; min-height: 65vh; } .jquery-background-video-wrapper .video-text-wrapper .video-text-container { margin: auto; text-align: center; } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .jquery-background-video-wrapper .video-text-wrapper .video-text-container { margin-top: 5rem; } } .jquery-background-video-wrapper .video-text-wrapper .video-text-container .button--primary { font-size: 1rem; } .jquery-background-video-wrapper .video-text-wrapper .video-text-container .h1, .jquery-background-video-wrapper .video-text-wrapper .video-text-container h1 { color: #fff; text-transform: uppercase; filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.65)); font-size: 3.815rem; font-family: bree, sans-serif; font-weight: 700; line-height: 1; margin-bottom: 2rem; } @media (max-width: 575.98px) { .jquery-background-video-wrapper .video-text-wrapper .video-text-container .h1, .jquery-background-video-wrapper .video-text-wrapper .video-text-container h1 { font-size: 3.25rem; } } .jquery-background-video-wrapper .video-text-wrapper .video-text-container .h1 sub, .jquery-background-video-wrapper .video-text-wrapper .video-text-container h1 sub { bottom: -1rem; font-size: 2.5rem; left: -0.5rem; } .jquery-background-video-wrapper .video-text-wrapper .video-text-container .h1 em, .jquery-background-video-wrapper .video-text-wrapper .video-text-container h1 em { color: #f15a22; font-style: normal; } .jquery-background-video-wrapper .jquery-background-video-pauseplay { z-index: 3; height: 2.5rem; width: 2.5rem; } .jquery-background-video-wrapper .jquery-background-video-pauseplay.pause:hover:before, .jquery-background-video-wrapper .jquery-background-video-pauseplay.play:hover:before { color: #d3430d; } .jquery-background-video-wrapper .jquery-background-video-pauseplay.pause:before, .jquery-background-video-wrapper .jquery-background-video-pauseplay.play:before { border-bottom: 0; border-top: 0; border-left: 0; color: #fff; font-family: 'Font Awesome 5 Solid'; font-weight: 600; font-size: 2rem; } .jquery-background-video-wrapper .jquery-background-video-pauseplay.pause:after, .jquery-background-video-wrapper .jquery-background-video-pauseplay.play:after { border-bottom: 0; border-top: 0; border-left: 0; } .jquery-background-video-wrapper .jquery-background-video-pauseplay.play:before { content: "\f144"; } .jquery-background-video-wrapper .jquery-background-video-pauseplay.pause:before { content: "\f28b"; } .jquery-background-video-wrapper.hero-video-container { min-height: 65vh; position: relative; background-color: #0c2340; } @media (max-width: 575.98px) { .jquery-background-video-wrapper.hero-video-container .jquery-background-video-pauseplay, .jquery-background-video-wrapper.hero-video-container video { display: none; } } .jquery-background-video-wrapper.hero-video-container video { z-index: 0; } .jquery-background-video-wrapper.hero-video-container:before { content: ""; background-color: rgba(0, 0, 0, 0.25); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .jquery-background-video-wrapper.hero-video-container .video-text-wrapper { z-index: 2; display: flex; position: relative; -ms-min-height: 40.625rem; min-height: 65vh; } .jquery-background-video-wrapper.hero-video-container .video-text-wrapper a.btn, .jquery-background-video-wrapper.hero-video-container .video-text-wrapper a.button { white-space: normal; } .jquery-background-video-wrapper.hero-video-container .video-text-wrapper .video-text-container { margin: auto; text-align: center; } @media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) { .jquery-background-video-wrapper.hero-video-container .video-text-wrapper .video-text-container { margin-top: 5rem; } } .jquery-background-video-wrapper.hero-video-container .video-text-wrapper .video-text-container .button--primary { font-size: 1rem; } .jquery-background-video-wrapper.hero-video-container .video-text-wrapper .video-text-container p { color: #fff; font-size: 1.563rem; filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.65)); font-weight: 700; } .jquery-background-video-wrapper.hero-video-container .video-text-wrapper .video-text-container .h1, .jquery-background-video-wrapper.hero-video-container .video-text-wrapper .video-text-container h1 { color: #fff; text-transform: uppercase; filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.65)); font-size: 3.815rem; font-family: bree, sans-serif; font-weight: 700; line-height: 1; margin-bottom: 1rem; } @media (max-width: 575.98px) { .jquery-background-video-wrapper.hero-video-container .video-text-wrapper .video-text-container .h1, .jquery-background-video-wrapper.hero-video-container .video-text-wrapper .video-text-container h1 { font-size: 3.25rem; } } @media screen and (max-width: 600px) { .jquery-background-video-wrapper.hero-video-container .video-text-wrapper .video-text-container .h1, .jquery-background-video-wrapper.hero-video-container .video-text-wrapper .video-text-container h1 { font-size: 2.25rem; } } .jquery-background-video-wrapper.hero-video-container .video-text-wrapper .video-text-container .h1 sub, .jquery-background-video-wrapper.hero-video-container .video-text-wrapper .video-text-container h1 sub { bottom: -1rem; font-size: 2.5rem; left: -0.5rem; } .jquery-background-video-wrapper.hero-video-container .video-text-wrapper .video-text-container .h1 em, .jquery-background-video-wrapper.hero-video-container .video-text-wrapper .video-text-container h1 em { color: #f15a22; font-style: normal; } .jquery-background-video-wrapper.football-2021-video { background-image: url(/_files/home/images/video/football-video-poster.jpg); } .jquery-background-video-wrapper.football-2021-video:after { content: ""; background-image: url(/_files/global/images/elements/60-20-bg.png); background-position: 50%; background-size: auto; background-repeat: repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; } .jquery-background-video-wrapper.football-2021-video:before { display: none; } /*counselors*/ .like-table {display: inline-table; border-collapse: separate; width: 100%;} .row.like-table-row { display: table-row; } .row.like-table-row > div { display: table-cell; vertical-align: top; float: none; } .profile-card-img img {height: auto !important;} /*tables*/ .table-borderless tr, .table-borderless td {border: none;} /* Tab adjustment for EMCS ONLY*/ .tab-wrapper .tab-header .nav-tabs > li > a {background: #e9e9e9;} .tab-wrapper .tab-header .nav-tabs > li:last-child {margin-right: 0px;} /*BANNER ADJUSTMENTS FOR LONG TITLES - SHOULD BE MOVED TO DLS*/ .hero-banner-content-block { padding-left: 40px; } /*Animations*/ .bounce-right { animation: bounce 2s infinite; } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateX(0); } 40% { transform: translateX(-30px); } 60% { transform: translateX(-15px); } } /*Find Program Home*/ .find-your-program-home { padding-bottom: 40px; padding-top: 0px; position: relative; z-index: 5 } .find-your-program-home .form-wrapper { background-color: #d3430d !important; padding: 20px 20px 5px } .find-your-program-home .form-design .form-group { margin-bottom: 0px; } /*Noscript*/ .noscript { width: 100%; float: left; display: block; margin: 10px 0; } /*Additional Utilities for spacing*/ @media (min-width: 768px) .px-md-6 { padding-left: 4rem!important; padding-right: 4rem!important; } .px-md-7 { padding-left: 5rem!important; padding-right: 5rem!important; } .px-md-8 { padding-left: 6rem!important; padding-right: 6rem!important; } /* Responisve Nav -------------------------------------------------------------- */ #nav-trigger {display:none; text-align:center;} #nav-trigger span {display: inline-block; padding: 10px 30px; background-color:#0b1c3a; color:#d3430d; cursor:pointer; text-transform:uppercase;width:100%; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } #nav-trigger span:after {display: inline-block; margin-left: 10px; width:20px; height:10px; content:""; border-left: solid 10px transparent; border-top:solid 10px #fff; border-right:solid 10px transparent;} #nav-trigger span:hover {background-color: #0C2340; color: #fff; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } #nav-trigger span.open:after {border-left: solid 10px transparent; border-top: none; border-bottom: solid 10px #fff; border-right: solid 10px transparent;} #nav-mobile {position: relative; display: none; margin-bottom: 5px;} #nav-mobile ul {display: none; list-style-type:none; text-align:center;} #nav-mobile li {display: block; margin: 0; float: left; width: 100%; text-align: left;} *,:before,:after{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /*Media Quieries*/ /* X-Small devices (portrait phones, less than 576px)*/ @media (max-width: 575.98px) { .hero-banner-wrapper {z-index: 1;} .hero-banner-content-block .h1, .hero-banner-content-block h1 {font-size: 50px;} .hero-banner-content-block .h1, .hero-banner-content-block h1 {padding-top: 50px;} .hero-banner-content-block {padding-bottom: 0px; padding-top: 10px;} .banner .hero-banner-wrapper {min-height: 11rem !important;} /*BANNER ADJUSTMENTS FOR LONG TITLES - SHOULD BE MOVED TO DLS*/ .hero-banner-content-block { padding-left: 0px !important; } } /* Small devices (landscape phones, less than 768px)*/ @media (max-width: 767.98px) { #nav-trigger { display: block; } #nav-main {display: none !important;} #nav-mobile { display: block; float: left; width: 100%; } #nav-mobile ul {margin: 0; width: 100%; } .department-menu-bar .sidebar {padding: 0px;} } /* Medium devices (tablets, less than 992px)*/ @media (max-width: 991.98px) { .rfi-embed-container {margin-top: 30px;} .program-banner-text, .program-banner-text p {font-size: 16px;} .hero-rfi h1 {line-height: 1em; margin-bottom: 15px;} .mobile-only {display: block !important;} .mobile-only a {background: #d3430d; color: #fff !important; padding-right: 20px !important; padding-left: 20px !important; margin-bottom: 5px; border-top: none !important;} .mobile-only a:hover {background: #dbdee3 !important; color: #0c2340 !important;} .banner .hero-banner-wrapper {min-height: 15rem;} #banner-video {min-height: 17rem !important;} } /* Large devices (desktops, less than 1200px)*/ @media (max-width: 1199.98px) { ... } /* X-Large devices (large desktops, less than 1400px)*/ @media (max-width: 1399.98px) { ... } .color-orange strong { color: var(--bs-orange); } .color-orange .blue-btn { padding: 0 10px; min-width: unset; margin-left: 20px; border-radius: 5px; } .search-filter-form ul { list-style: none; margin: 0; padding: 0; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 15px; margin-bottom: 10px; } .search-filter-form ul li { flex: 1; padding: 0; } .search-filter-form ul li:first-child { width: 100%; flex: unset; } .search-filter-form ul li label { width: 100%; } .search-filter-form ul li:not(.sf-field-submit) input, select { background-color: #fff; border: none; color: #0c2340; font-size: 15px; font-weight: 500; padding: 14px 15px; width: 100%; height: 49px; } .search-filter-form ul li:not(.sf-field-submit) .ts-control input { height: unset; min-height: 26px; } .search-filter-form ul li.sf-field-submit input, .pagination a, .pagination .page-numbers { background-color: #0c2340; color: #fff; display: inline-block; font-size: 16px; font-weight: 600; margin-bottom: 15px; min-width: 168px; border: none; min-width: 167px; padding: 12px 15px; text-align: center; text-decoration: none; } .search-filter-form ul li.sf-field-submit input:hover, .pagination a:hover { background-color: #949494; color: #fff; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .search-filter-form ul li.sf-field-reset .search-filter-reset, .search-filter-form ul li.sf-field-toggle .search-filter-toggle { background-color: transparent; color: #fff; display: inline-block; font-size: 16px; font-weight: 600; margin-bottom: 15px; min-width: 168px; border: 1px solid white; min-width: 167px; padding: 12px 15px; text-align: center; text-decoration: none; } .search-results-copy { font-size: 20px; } .pagination .nav-prev a { margin-right: 1rem; } .find-your-program-home .search-filter-form ul li.sf-field-search { width: 50%; } .find-your-program-home .search-filter-form ul li.sf-field-post_type { width: 40%; } .find-your-program-home .search-filter-form ul li.sf-field-submit { width: 10%; } .find-your-program-home .search-filter-form ul li.sf-field-submit input { width: 100%; } .find-your-program-home .sf-field-taxonomy-program_college, .find-your-program-home .sf-field-taxonomy-industry, .find-your-program-home .sf-field-taxonomy-interest, .find-your-program-home .sf-field-taxonomy-modality, .find-your-program-home .sf-field-reset, .find-your-program-home .sf-field-toggle { display: none; } .row-form-search-columns .search-filter-form ul { flex-direction: column; } .row-form-search-columns .search-filter-form .sf-field-toggle { display: none; } @media (max-width: 768px) { .find-your-program-home .search-filter-form ul li.sf-field-post_type { display: none; } .row-form-search-columns .search-filter-form .sf-field-toggle { display: block; } .row-form-search-columns .search-filter-form li:not(.sf-field-search):not(.sf-field-toggle) { display: none; } .row-form-search-columns .search-filter-form.options-visible li:not(.sf-field-search):not(.sf-field-toggle) { display: block; } } .row-form-search-columns .search-filter-form li > ul li { display: flex; align-items: start; } .row-form-search-columns .search-filter-form li > ul { gap: 0; } .row-form-search-columns .search-filter-form li > ul li .sf-input-checkbox, .row-form-search-columns .search-filter-form li > ul li .sf-input-radio { width: 20px; height: 20px; margin-top: 2px; accent-color: var(--bs-orange); padding: 0; } .row-form-search-columns .search-filter-form li > ul li label { width: calc(100% - 20px); } .row-form-search-columns .search-filter-form ul li.sf-field-submit input { width: 100%; margin-bottom: 0; } .row-form-search-columns .search-filter-form ul li.sf-field-reset .search-filter-reset, .row-form-search-columns .search-filter-form ul li.sf-field-toggle .search-filter-toggle { width: 100%; color: #0c2340; border: 1px solid #0c2340; margin-bottom: 25px; } @media (max-width: 687px) { .find-your-program-home .search-filter-form ul li.sf-field-search {width: 100%;} } /*highlight boxes*/ .highlight-box {padding: 15px; margin: 5px 0 15px ; width: 100%;} .highlight-box .fa {color: #fff;} .highlight-box h1, .highlight-box h2, .highlight-box h3, .highlight-box h4, .highlight-box h5, .highlight-box h6, .highlight-box p { margin:0px;} .highlight-box h1 span, .highlight-box h2 span, .highlight-box h3 span, .highlight-box h4 span, .highlight-box h5 span, .highlight-box h6 span .highlight-box .h1 span, .highlight-box .h2 span, .highlight-box .h3 span, .highlight-box .h4 span, .highlight-box .h5 span, .highlight-box .h6 span { font-size: 1rem !important; font-weight: normal !important;} a .highlight-box {opacity: 1; transition: all 0.5s ease; } a:hover .highlight-box {opacity: .92; } a:has(.highlight-box) { text-decoration: none; } .row-highlight-box .fa-regular, .row-highlight-box [class^="fa"], .row-highlight-box [class*=" fa-"] {font-size: 2.5em !important;} /*archive page*/ .pagination .page-numbers {min-width: auto !important;} body.archive .pagination {display: block; text-align: center;} /*video aspect ratio for vertial video*/ .ratio-9x16 { --bs-aspect-ratio: calc(16 / 9 * 100%); } /*google translate select fix*/ #google_translate_element select {padding: 0px;} /*RFI fix for scroll*/ iframe#rfiform html {width: 100%; overflow: hidden;} .searchandfilter select.sf-input-select { /* core look */ background-color: #fff; width: 100%; /* reset native chrome */ -webkit-appearance: none; -moz-appearance: none; appearance: none; /* extras */ border: 1px solid #ccc; border-radius: 0px; font-size: 16px; cursor: pointer; } /* optional: custom arrow */ .sf-field-taxonomy-program_college label { position: relative; /* anchor ::after */ display: block; } .sf-field-taxonomy-program_college label::after { content: '▼'; /* arrow glyph; swap for img if desired */ position: absolute; right: 16px; /* aligns arrow inside padding gap */ top: 50%; transform: translateY(-50%); pointer-events: none; /* keeps click/tap on