/* Color Pallette Blue: #00396a Red: #ad132a */ /* HTML5 Normalize -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } html { scroll-behavior: smooth; } body { font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 1; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } :focus { outline: 0; } /* Main container -------------------------------------------------------------- */ .wrapper { margin: 0 auto; max-width: 1220px; padding: 0; } .full-wrapper { margin: 0 auto; width: 100%; padding: 0; } .one-row { clear: both; padding: 0 10px; } #mainWrapper { padding-top: 105px; } #mainWrapper.alert-on { padding-top: 165px; } #mainWrapper.alert-active.alert-on { padding-top: 172px; } #mainWrapper.alert-active-banner.alert-on { padding-top: 210px; } .mobileOn-search #mainWrapper { padding-top: 180px; } .mobileOn-search #mainWrapper.alert-on { padding-top: 220px; } .mobileOn-search #mainWrapper.alert-active.alert-on { padding-top: 248px; } .overlay { opacity: 0; z-index: -100; } .push .overlay, .right-push .overlay { background: rgba(0,0,0,.8); position: absolute; top:0; bottom:0; left:0; right: 0; width: 100%; height: 100%; z-index: 100; opacity: 1; } /* Common Columns */ .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; margin: 0 3% 0 0; display: inline-block; } .col1:last-child, .col2:last-child, .col3:last-child, .col4:last-child, .col5:last-child, .col6:last-child, .col7:last-child, .col8:last-child, .col9:last-child, .col10:last-child, .col11:last-child, .col12 { margin: 0; } .col1 { width: 5.5%; } .col2 { width: 14%; } .col3 { width: 22.5%; } .col4 { width: 31%; } .col5 { width: 39.5%; } .col6 { width: 48%; } .col7 { width: 56.5%; } .col8 { width: 65%; } .col9 { width: 73.5%; } .col10 { width: 82%; } .col11 { width: 90.5%; } .col12 { width: 100%; margin: 0; } a { cursor: pointer; } img { border: none; height: auto; max-width: 100%; } a img { border: none; } .youtube a img { width: 100%; } p strong, .col12 strong { font-weight: bold; } p em, .col12 em { font-style: italic; } .clear { clear: both; } * { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* .screenreader { left: -10000px; position: absolute; } */ .mob-only { display: none; } .mobile { display: none; } section.widget.mobile { display: none; } .hide-utility { display: none; } .col-hide { display: none; } .col-show.col3 + .col-show:nth-child(2).col9 { margin: 0; } .col-show:nth-child(1).col9 { margin: 0 3% 0 0; } .col-show:nth-child(1).col9 + .col-show.col3 { margin: 0; } .zero-height { height: 0; opacity: 0; visibility: hidden; margin: 0 !important; padding: 0; } .float-right { float: right; } .float-left { float: left; } .anchor { position: absolute; margin-top: -130px; } .visuallyhidden { position: absolute; left: -99999px; } @media all and (max-width: 960px) { .anchor { position: absolute; margin-top: -50px; } } /* Head Tags -------------------------------------------------------------- */ h1 { color: #00396a; font-family: 'Roboto', sans-serif; font-size: 2.05em; font-weight: 700; margin: 0 0 28px; } h2 { color: #58595b; font-size: 1.625em; font-weight: 600; margin: 0 0 18px 0; } h3 { color: #ad132a; font-size: 1.15rem; margin: 0 0 18px 0; font-weight: 600; } h4 { color: #58595b; font-size: 1rem; font-weight: 600; margin: 0 0 18px 0; } /* Back to Top Link -------------------------------------------------------------- */ #top { display: none; } #top-link { background-color: rgba(173, 19, 42, .4); bottom: 50px; color: #FFFFFF; max-width: 45px; padding: 0 3px; position: fixed; right: -3px; text-align: center; text-decoration: none; width: 100%; z-index: 999999; } #top-link:before { display: block; font-family: 'FontAwesome'; content: '\f102'; font-size: 3.0em; } #top-link:hover { background-color: rgba(173, 19, 42, 1); } #top-link span { display: none; } /* Header CSU Pueblo -------------------------------------------------------------- */ .header { background: #ffffff; position: fixed; top: 0px; right: 0; z-index: 4; } .header.push-down { top: 55px; } .header .menu-bar { background: #00205b; } .logo { max-width: 321px; position: relative; width: 100%; z-index: 2; margin: 9px 0 2px 3px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .push header { position: absolute; } /* Sticky Header */ .header.scroll-on { height: auto; } .header.scroll-on .logo-wrap { width: 20%; } .header.scroll-on .toolbar { float: right; } .header.scroll-on .utility-bar { background: #00205b; } .header.scroll-on .utility-nav { display: none; } .header.scroll-on .apply:after, .header.scroll-on .visit:after, .header.scroll-on .search:after, .header.scroll-on .give:after, .header.scroll-on .toolbar ul li a, .header.scroll-on .toolbar ul li span, .header.scroll-on .toolbar ul li a:hover, .header.scroll-on .toolbar ul li a:hover.apply:after, .header.scroll-on .toolbar ul li a:hover.visit:after, .header.scroll-on .toolbar ul li a:hover.give:after, .header.scroll-on .toolbar ul li span:hover, .header.scroll-on .toolbar ul li span:hover.search:after { color: #FFFFFF; } .header.scroll-on .toolbar ul li a:hover, .header.scroll-on .toolbar ul li .search:hover { background: #002A53; } .header.scroll-on .toolbar ul li a.az:hover { background: #FFFFFF; color: #ad132a; } .header.scroll-on .logo-wrap { position: absolute; top: auto; bottom: 0; } .header.scroll-on .main-nav ul { margin: 15px 0; min-height: 0; } .header.scroll-on .main-nav li a { padding: 13px 15px; } .header.scroll-on .main-nav ul li .subnav { top: 18px; } .header.scroll-on .main-nav ul li .subnav li ul { margin: 0; } .header.scroll-on .main-nav ul li .subnav li ul li a { padding: 0; } .header.scroll-on nav.col8 { float: right; min-height: 0; } .header.scroll-on .toolbar { max-width: 670px; width: 100%; font-weight: normal; } .header.scroll-on .toolbar ul { width: 100%; } .header.scroll-on .toolbar ul .utility-drop { display: block; max-width: 125px; width: 100%; padding: 12px 0; margin-top: -12px; position: relative; color: #FFFFFF; } .header.scroll-on .toolbar ul .utility-drop:hover { background: #002A53; } .header.scroll-on .toolbar ul .utility-drop ul { margin-top: 0; padding-left: 10px; } .header.scroll-on .toolbar ul .utility-drop ul li { float: none; } .header.scroll-on .toolbar ul .utility-drop ul li .mobileUtility li a { color: #000000; font-size: .875em; line-height: 2em; padding: 7px 20.25px; } .header.scroll-on .toolbar ul .utility-drop ul li .mobileUtility li a:hover { text-decoration: underline; background: none; } .header.scroll-on .toolbar ul .utility-drop ul li i:after { content: '\f107'; font-family: 'FontAwesome'; color: #FFFFFF; margin-left: 9px; } .header.scroll-on .toolbar ul .utility-drop ul li input[type=checkbox] { cursor: pointer; height: 100%; opacity: 0; position: absolute; margin: -12px 0 0 -10px; width: 100%; z-index: 0; } .header.scroll-on .toolbar ul .utility-drop ul li input[type=checkbox] ~ ul, .header.scroll-on .toolbar ul .utility-drop ul li input[type=checkbox]:checked ~ ul { display: none; } .header.scroll-on .toolbar ul .utility-drop ul li .mobileUtility, .header.scroll-on .toolbar ul .utility-drop ul li input[type=checkbox]:hover ~ ul , .header.scroll-on .toolbar ul .utility-drop ul li input[type=checkbox] ~ ul:hover{ display: block; z-index: 1; max-height: 165px; position: absolute; top: 40px; left: 0; right: 0; padding: 15px 0 10px; background: #FFFFFF; width: 175px; box-shadow: 2px 2px 2px 0px black; } .header.scroll-on .toolbar ul .utility-drop ul li input[type=checkbox] ~ i:after { content: '\f107'; font-family: 'FontAwesome'; color: #FFFFFF; margin-left: 9px; } .header.scroll-on .toolbar ul li:last-child a.cta-tools, .header.scroll-on .toolbar ul li:last-child span.cta-tools { border-left: none; } .header.scroll-on .toolbar ul li a.az:hover { border-left: 2px solid #ad132a; } /* Main Nav -------------------------------------------------------------- */ .utility-nav { } .utility-nav ul { margin: 8px 0 3px; float: left; } .utility-nav ul li { float: left; font-size: .875em; list-style: none; padding: 5px 15px; } .utility-nav ul li:first-child{ padding-left: 0; } .utility-nav ul li:nth-child(2) { padding: 5px 15px 5px 0; } .utility-nav ul li a { color: #000000; text-decoration: none; } .utility-nav ul li a:hover, .utility-nav ul li a:active, .utility-nav ul li a:focus { text-decoration: underline; } /* Call to Action Toolbar -------------------------------------------------------------- */ .toolbar { } .toolbar ul { margin-top: 12px; float: right; } .toolbar ul li ul { margin-top: 0; } .toolbar ul li { float: left; list-style: none; } .toolbar ul li span { padding: 12px 20.25px; } .toolbar ul li a { color: #000000; padding: 12px 20.25px; text-decoration: none; } .toolbar ul li a:hover, .toolbar ul li a:active, .toolbar ul li a:focus, .toolbar ul li a:hover.apply:after, .toolbar ul li a:hover.visit:after, .toolbar ul li a:hover.give:after, .toolbar ul li span:hover, .toolbar ul li span:hover.search:after { color: #ad132a; } .toolbar ul li a.cta-tools, .toolbar ul li span.cta-tools { border-left: 1px solid #eae7e7; } .cta-tools.search a label { cursor: pointer; } .toolbar ul li a.az { background: #ad132a; color: #ffffff; font-size: .875em; padding: 12px; } .toolbar ul li a.az:hover,.toolbar ul li a.az:active,.toolbar ul li a.az:focus { background: #FFFFFF; color: #ad132a; border: 2px solid #ad132a; padding: 10px 10.5px; } .toolbar ul .utility-drop { display: none; } .apply:after { content: '\f044'; font-family: 'FontAwesome'; color: #000; margin-left: 9px; } .visit:after { content: '\f278'; font-family: 'FontAwesome'; color: #000; margin-left: 12px; } .search:after { content: '\f002'; font-family: 'FontAwesome'; color: #000; margin-left: 11px; } .give:after { content: '\f06b'; font-family: 'FontAwesome'; color: #000; margin-left: 9px; } .gsc-thumbnail-left { display: inline !important; } /* Main Nav -------------------------------------------------------------- */ .menuIcon { display: none; } .main-nav nav { min-height: 96px; } .main-nav input, .main-nav i { display: none; } .main-nav ul, .main-nav li { list-style: none; } .main-nav ul { float: right; margin: 40px 0 0 0; min-height: 56px ;} .header.scrolled .main-nav ul { margin: 3.75% 7px 0 0; } .main-nav li { float: left; font-size: 1.15em; position: relative; } .main-nav li a { color: #ffffff; padding: 38px 15px; text-decoration: none; } .main-nav li a.mega, .main-nav li a.open { color: #ffffff; background-color: #002A53; } .main-nav ul .navtitle { display: none; } .main-nav ul li .subnav { position: absolute; top: 16px; background: #ffffff; display: none; min-width: 773px; width: 100%; padding: 0 20px 15px; transition: all .3s ease .15s; left: 0; right: auto;} .main-nav ul li:nth-child(2) .subnav { left:-64%; } .main-nav ul li:nth-child(3) .subnav { left:-172%; } .main-nav ul li:nth-child(4) .subnav { left:auto; right: -175%;} .main-nav ul li:nth-child(5) .subnav { left:auto; right: -111.5%; } .main-nav ul li:nth-child(6) .subnav { left:auto; right: 1px; } .main-nav ul li .subnav { box-shadow: 0px 1px 7px 1px #000; } .main-nav ul li .subnav li { border-right: 1px solid #eae7e7; } .main-nav ul li .subnav li.col4 { width: 31%; } .main-nav ul li .subnav li:nth-child(3n), .main-nav ul li .subnav li.mega-button { border-right: none; } .main-nav ul li .subnav li ul { float: left; margin: 0; } .main-nav ul li .subnav > li > ul li { border: none; color: #636363; width: 100%; padding: 22px 0 0; } .main-nav ul li .subnav li ul li a { color: #636363; background-color: #FFF; padding: 0; line-height: 1.125rem; } .main-nav ul li .subnav li ul li a:hover { background: none; color: #ad132a; } .main-nav ul li .subnav li ul li input { display: none; } .main-nav ul li .subnav li ul li label { font-weight: bold; font-size: 1rem; display: block; padding-bottom: 6px; } .main-nav ul li .subnav > li > ul li .colnav li { font-weight: normal; font-size: .875rem; padding: 8px 0;} .main-nav ul li a.mega ~ .subnav { display: flex; } .main-nav ul li a.mega { background: #002A53; } nav.topNav, nav.topNav2 { margin: 0; text-align: left; width: 103%; } .desktop.main-nav .mobileUtility { display: none; } .push i.fa.fa-bars:before { content: "\f00d"; font-family: 'FontAwesome'; } .mega-close { display: none; } .mega-button { border-right: none; } .touch-enabled .mega-close { display: block; background: #00396a; color: #FFF; padding: 7px 11px; position: absolute; bottom: 0; right: 0; cursor:pointer; } .main-nav .sub-nav.open {display: block !important;} .main-nav ul li .subnav li ul li a:focus { border: 1px solid #ad132a; padding: 2px 3px; display: inline-block;} .main-nav li.col4:nth-of-type(3){ margin-right: 0; } /* Search -------------------------------------------------------------- */ .searchMobilecontent, #searchtoggle + label { display: block; } input#searchbar:focus, input#q:focus, input#query:focus { outline: 1px dotted #212121; outline: 1px auto -webkit-focus-ring-color; } /* TOOLBAR MENU OPEN */ #searchMobiletoggle { display: none; } #searchtoggle + label span { position: absolute; overflow: hidden; z-index: -1000; font-size: 0; height: 1px; } /* OPENS CHANGES ICONS */ #searchtoggle { display: none; } #searchtoggle + label:before { content: '\f002'; font-family: 'FontAwesome'; font-size: 1.2em; } /* OPENS DIV */ .searchTrigger { cursor: pointer; } #searchtoggle ~ label { width: 32px; display: block; width: initial; float: right; padding-left: 5px; cursor: pointer; } #searchtoggle:checked ~ .searchMobilecontent { opacity: 0; height: 0; display: none; position: absolute; overflow-x: hidden; z-index: 9999999999; } #mainWrapper.push-down { transform: translateY(54px); } .searchMobilecontent.active { display: block; } /* DIV */ .searchMobilecontent { display: none; background: #f4f4f4; width: 100%; transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); z-index: 9999999; position: fixed; left: 0; right: 0px; top: 0px; } .content-main .searchMobilecontent { display: block; position: relative; float: left; margin-bottom: 15px;z-index: 1;} .searchMobilecontent ul.toolbar { list-style: none; padding-left: 0; display: block; } .searchMobilecontent li { display: block; } .searchMobilecontent li a { text-decoration: none; line-height: 2.5em; display: block; font-size: 0.875em; text-transform: initial; } /* SEARCH INPUT */ .searchMobilecontent input[type=text] { text-align: center; border: none; background: none; padding: 16px 0 8px 100px; width: 88%; float: left; font-size: 1.7em; } .content-main .searchMobilecontent input[type=text] { width: 84%; } .searchMobilecontent button[type=submit] { background: #a4a4a4; padding: 6px 23px; color: #FFFFFF; float: right; position: relative; border: 3px solid #a4a4a4; cursor: pointer; font-size: .875em; right: initial; top: initial; margin-top: 10px; margin-right: 7px; } .searchMobilecontent button[type=submit]:hover { background: none; padding: 6px 23px; color: #a4a4a4; float: right; position: relative; border: 3px solid #a4a4a4; cursor: pointer; font-size: .875em; right: initial; top: initial; margin-top: 10px; margin-right: 7px; } .searchMobilecontent input[type=text]::-webkit-input-placeholder { color: #a4a4a4; padding-left: 0px; } .searchMobilecontent input[type=text]:-moz-placeholder { color: #a4a4a4; padding-left: 0px; } .searchMobilecontent input[type=text]::-moz-placeholder { color: #a4a4a4; padding-left: 0px; } .searchMobilecontent input[type=text]:-ms-input-placeholder { color: #a4a4a4; padding-left: 0px; } .searchMobilecontent label { display: none; } .gsc-control-cse { border: none !important; } /* Alert Banner -------------------------------------------------------------- */ .alert-on .header { top: 67px; } .alert-on .header.alert-collapsed { top: 41px; } .alert-on .header.push-down { top: 46px; } .alert-on .push-down { transform: translateY(50px); } .alert-on .searchMobilecontent { top: 41px; } .alert-on.alert-active .header.push-down { top: 73px; } .alert-on.alert-active .searchMobilecontent { top: 67px; } #mainWrapper.alert-on .alert-wrapper { height:75px; } #mainWrapper.alert-active.alert-on .alert-wrapper { height: 125px; } .alert-wrapper {position:absolute; top:0; display:block; background-color:#FFBE5D;z-index:4; width:100%;-webkit-transition: height 0.3s linear; -moz-transition: height 0.3s linear; -ms-transition: height 0.3s linear; -o-transition: height 0.3s linear; transition: height 0.3s linear;} .alert-wrap { min-height: 50px; color: #00396A; width: 100%; background: #FFBE5D; position: fixed; left: 0; right: 0; top: 0; z-index: 4; padding: 13px 0 35px; } .alert-wrap h2 { color: #00396A; font-size: 1rem; margin-bottom: 10px; width: 90%; float: left; } .alert-wrap h2:before { color: #00396A; content: '\f071'; font-family: 'FontAwesome'; font-size: 1.125rem; margin-right: 10px; } .alert-wrap p { float: left; width: 100%; margin-bottom: 10px; } .alert-wrap ul li { list-style: none; } .alert-wrap ul li .alert-trigger + i:before { color: #00396A; content: '\f00d'; font-family: 'FontAwesome'; font-size: 1.5rem; position: relative; right: 15px; top: -5px; float: right; } .alert-wrap ul li input[type=checkbox] { cursor: pointer; opacity: 0; position: absolute; z-index: 1; float: right; width: 100%; height: 100%; right: 0; top: 0; } .alert-wrap ul li input[type=checkbox]:checked { float: left; right: 0; } .alert-wrap ul li input[type=checkbox]:checked ~ div { display: none; margin-top: 0; max-height: 0; opacity: 0; } .alert-wrap ul li input[type=checkbox]:checked ~ i:before { color: #00396A; content: '\f0dd'; font-family: 'FontAwesome'; font-size: 1.5rem; margin: 0; position: relative; right: 15px; top: -10px; } @media all and (max-width: 960px) { .alert-wrap { padding: 4px 0 35px; } .alert-wrap h2 { width: 92%; font-size: 0.9rem; margin-bottom: 4px; } .alert-wrap p { font-size: .9rem; } } /* ============================ Alert Banner Above Blue Header * ============================*/ /* Alert */ .alert { position: relative; color: #fff; width: 100%; padding: 0; z-index: 99999; } /* Alert Message Area */ .alert { padding: 0; color: #fff !important; } .alert .wrapper:after { content: ""; clear: both; display:block; } .alert .titleWrapper { float: left; width: 90%; font-weight: bold; font-size: 1rem; color: #fff; line-height: 1.2; } .alert .title { display: table; } .alert .title > .read { display: table-cell; height: 100%; font-weight: normal; text-align: center; padding: 6px 2%; background-color: #59CBE8; } .alert .title > .note { display: table-cell; height: 100%; padding: 6px 2%; font-weight: normal; } .alert .summary { float: left; width: 100%; line-height: 2; font-size: .9rem; padding: 0; line-height: 1.4; } .alert .container:after { content: ''; clear: both; display: block; } .alert .redBg { background-color: #ad132a; } .alert .blueBg { background-color: #00AFD7; } .note, .note p { color: #fff; } .note a { color: #fff !important; text-decoration: none; } .note a:hover, .note a:focus { text-decoration: underline; } @media all and (min-width: 961px) { /* Alert */ .alert .title { width: 100%; } .alert .title > .read { width: auto; padding-left: 1%; padding-right: 1%; white-space: nowrap; } .alert .title > .note { width: auto; } } @media all and (max-width: 960px) { .alert { padding: 0; } .alert .titleWrapper { font-size: .9rem; } .alert .title { width: 100%; } .alert .title > .read { width: 20%; } .alert .title > .note { width: 80%; } } /* Left Navigation Area -------------------------------------------------------------- */ .content .left-nav ul { margin: 0; display: block; } .left-nav ul li { font-size: .875rem; list-style: none; border-bottom: 1px solid #c2c2c2; line-height: 1.125rem; } .left-nav ul li a { color: #58595b; background: #f7f7f7; font-weight: bold; display: block; width: 100%; padding: 8.5px 0; text-decoration: none; padding-left: 32px; } .left-nav ul li a:hover, .left-nav ul li a:focus { background: #eaeaea; color: #47484a; } .left-nav ul li a:active { color: #00396a; font-weight: bold !important; } .left-nav ul li h3 a { background: none; padding-left: 0; } .left-nav ul li a:hover { background: none; text-decoration: underline; } .left-nav ul li .active-nav { color: #00396a; font-weight: bold !important; } .left-nav ul li ul { display: none; } .left-nav ul li ul li { border-bottom: none; margin: 0; padding: 0; } .left-nav ul li ul li a { display:block; padding: 4.5px 36px; } .left-nav ul li ul li a:before { content: ''; } .left-nav ul .navtitle { font-size: 1em; } .left-nav ul .navtitle h3 { color: #47484a; margin-bottom: 10px; } .left-nav ul ul ul.subnav > li a { margin-left: 13px !important; } .left-nav ul ul ul ul.subnav > li a { margin-left: 32px !important; } .left-nav ul.subnav { border-top: 1px solid #c2c2c2; } .left-nav ul li .subnav { margin-top: 2px !important; } .left-nav ul li .subnav li a { background: none; font-weight: normal; font-size: .875em; } .left-nav ul li .subnav li a:hover { color: #00396a; font-weight: bold !important; } .left-nav ul li .subnav li input { left: 12px; } .left-nav ul li ul li .subnav li input { left: 21px; } .left-nav ul li i { float: left; margin-top: 8px; } .left-nav ul li i:before { display: block; float: left; color: #dcddde; content: '\f105'; font-family: "FontAwesome"; font-size: 1.1rem; margin-right: 7px; padding-left: 15px; } .left-nav ul li ul li i { margin-top: 4px; } /* Impact Slider -------------------------------------------------------------- */ .impact.flexslider { border: none; margin-bottom: 20px; min-height: inherit; max-width: 100%; } .flexslider .slides img { height: 380px !important; object-fit: cover; } .overlayWrapper { position: absolute; } .overlayContent { z-index: 10; position: relative; max-width: 700px; width: 100%; height: 100%; margin: 0; } .overlayContentWrapper { padding: 0; } .overlayContentWrapper h5 { font-size: 2em; color: #FFFFFF; line-height: 1em; margin-bottom: 15px; } .overlayContentWrapper p { color: #FFFFFF; font-weight: bold; font-size: 3em; line-height: 1em; text-shadow: 1px 1px #000000; margin-bottom: 17px; } .dark .overlayContentWrapper p { color: #363636; } .overlayContentWrapper a { text-decoration: none; background: #00548b; padding: 15px 45px; color: #FFFFFF; text-transform: uppercase; } .landing-impact ~ .content, .impact ~ .content { padding-top: 0; } .home-impact .flexslider { margin-bottom: 5px; } .home-impact .flexslider .slides img { height: 774px !important; } /* Overlay Position */ .overlayWrapper.bottom { bottom: 0; } .overlayWrapper.top { top: 0; } .overlayWrapper.left { left: 18.75%; } .overlayWrapper.right { right: calc(16% - 88px); } /* Landing Page - Info Graphic (Slider Mobile Only) -------------------------------------------------------------- */ .icon-wrap { position: relative; float: left; max-width: 115px; } .infoGraphic { height: 155px; width: 100%; } .infoGraphic.flexslider { background: transparent; border: none; margin: 0; } .infoGraphic .infoWrapper { position: relative; } .infoGraphic .infoWrapper img { width: initial !important; margin: 0 auto; } .infoGraphic.flexslider .slides { margin: 0 auto; padding: 40px 0; } .infoGraphic.flexslider .slides .infobase { text-align: center; } .infoGraphic .infoText { font-family: 'Lusitana', serif; font-size: 3.5em; font-weight: 700; color: #FFFFFF; z-index: 2; width: 100%; text-align: center; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; line-height: 80px; } .infoGraphic .infoCaption { margin-top: -5px; float: left; color: #FFFFFF; max-width: 150px; width: 100%; margin-left: 3.5%; padding-top: 0; } .infoGraphic .infoCaption p { font-size: 1.125em; font-weight: normal; line-height: 1.3em; } .infoGraphic .infoWrapper i { font-size: 5.2em; color: #e2e1e7; left: 12px; top: -3px; position: relative; opacity: .3; } .infoGraphic-wrap { float: left; width: 100%; margin-bottom: 55px; background: url(../images/infographic-bg.jpg); } .infoGraphic-wrap .col3 { border-right: 1px solid #FFFFFF; max-height: 83px; } .infoGraphic-wrap .col3:last-child { border-right: none; } .infoGraphic-wrap .flex-control-nav { bottom: 5px; } .infoGraphic-wrap .flex-control-nav li { margin: 0 2.5px; } .infoGraphic-wrap .flex-control-paging li a { background: #FFFFFF; width: 10px; height: 10px; } .infoGraphic-wrap .flex-control-paging li a.flex-active { background: rgba(0, 0, 0, 0.5); } .infoGraphic.flexslider .slides li:nth-child(n+5) { display: none !important; } .infoGraphic-wrap .flex-control-nav { display: none; } /* Colleges Full Width CTA -------------------------------------------------------------- */ .colleges-wrap { background:#f4f4f4; margin: 0 0 30px; padding: 65px 0 45px; height: 100%; display: inline-block; width: 100%; } .colleges-wrap.red { background:#f5e4e6; } .colleges-wrap.blue { background:#b2c3d2; } .colleges-wrap.green { background:#b8e1c6; } .colleges-wrap a { text-decoration: none; } .colleges-wrap a img{ width: 100%; } .colleges-wrap .col12 { margin-bottom: 20px; } .colleges-wrap .college { position: relative; } .colleges-wrap .college .college-caption { padding: 10px; position: absolute; bottom: 3px; left: 0; right: 0; background: #00afd7; opacity: .9; } .colleges-wrap .college .college-caption p { color: #FFFFFF; line-height: 1.25em; text-decoration: none; text-transform: uppercase; } .colleges-wrap .college a:hover .college-caption p { text-decoration: underline; } /* Full Width Accent Content -------------------------------------------------------------- */ .fw-accent-wrap .accent { background: #f4f4f4; margin: 0 0 30px; padding: 40px 30px; text-align: center; } .fw-accent-wrap .accent.red { background:#F9EBDB; } .fw-accent-wrap .accent.blue { background:#b2c3d2; } .fw-accent-wrap .accent.green { background:#b8e1c6; } .fw-accent-wrap .accent h2 { color: #47484a; } .fw-accent-wrap .accent .wysiwyg-content { color: #47484a; font-size: 1.125rem; font-weight: 600; line-height: 1.6em; } /* Full Width Accent Content -------------------------------------------------------------- */ .fw-impact-wrap { width: 100%; min-height: 522px; margin: 30px 0 50px; } .fw-impact-wrap .fw-caption { padding: 140px 140px 30px; } .fw-impact-wrap .fw-caption h2 { color: #FFFFFF; font-size: 3em; margin-bottom: 32px; text-align: center; text-transform: uppercase; } .fw-impact-wrap .fw-caption .wysiwyg-content { color: #FFFFFF; font-size: 1rem; line-height: 1.45em; text-align: center; } .fw-impact-wrap .fw-caption a, .fw-impact-wrap .fw-caption a:hover { color: #FFFFFF; } .fw-impact-wrap .fw-cta { padding: 0; text-align: center; } .fw-impact-wrap .fw-cta .btn { margin: 0 .75%; width: 265px; display: inline-block; } /* News and Announcements -------------------------------------------------------------- */ .news-wrap .content { padding-top: 0; } .news-wrap .news-title h2 { text-transform: uppercase; font-size: 1.875em; margin-bottom: 25px;} .news-wrap .news-feed { clear: both; } .news-wrap .news-feed a { text-decoration: none; } .news-wrap .news-feed a:hover h3 { text-decoration: underline; } .news-wrap .news-feed .wysiwyg-content { font-size: .875em; line-height: 1.45rem; } .news-wrap .news-feed h3 { line-height: 1.4; margin-bottom: 10px; margin-top: 10px !important; } .news-wrap .news-feed .featured-img { overflow: hidden; max-width: 372px; width: 100%; height: 0; padding-bottom: 62%; position:relative; } .news-wrap .news-feed .featured-img img { width: 100%; height: auto; top: 0; } .news-wrap .news-title p { float: right; } .news-wrap .news-title p a { color: #58595b; font-size: 1rem; } .news-wrap .news-title p a:hover { color: #ad132a; } /* Content Area -------------------------------------------------------------- */ .content { padding-top: 20px; position: relative; } .content .wysiwyg-content { font-size: .875rem; line-height: 1.5em; margin: 0 0 27px 0; } .content .wysiwyg-content p { margin: 0 0 27px 0; } .content .wysiwyg-content p:last-child { margin: 0; } .content a { color: #000000; text-decoration: underline; } .content a:hover { color: #ad132a; } .content a.readmore { text-decoration: none; } .content ul { line-height: 1.8rem; margin: 0 0 30px 15px; } .content ol { line-height: 1.8rem; font-size: .875rem; margin: 0 0 18px 29px; } .content .content-main ul li { list-style: none; font-size: .875rem; list-style-position: inside; padding-left: 15px; text-indent: -1.125em; } .content .content-main ul li:before { content: '\f105'; font-size: 1.3rem; color: #eaeaea; font-family: "FontAwesome"; margin-right: 6px; } .content .content-main ol li { padding-left: 0; text-indent: 0; } .impact-image { margin-bottom: 15px; width: 100%; } .content-main.col12 a img, .content-main.col12 .wrapper > img { margin-bottom: 15px; } .content .contentEventDetail .wysiwyg-content { margin-bottom: 15px; } .contentEventDetail img { margin-bottom: 20px; max-width: 770px; } /* Document Download -------------------------------------------------------------- */ .doc-download { margin-bottom: 15px; } .doc-download h3 { margin-bottom: 11px; } /* Breadcrumbs -------------------------------------------------------------- */ .breadcrumbs { color: #58595b; margin: 4px 0 28px; font-size: .81em; font-weight: 400; } .breadcrumbs a { color: #58595b; text-decoration: none; } .breadcrumbs a:after { content: '/'; padding: 0 9px; color: #e1e1e1; font-size: 1em; } /* Link Callout -------------------------------------------------------------- */ .link-callout { margin: 29px 0; } .link-callout a { font-weight: bold; text-decoration: none; } .link-callout a:after { content: '\f18e'; font-family: "FontAwesome"; font-weight: normal; font-size: 1.3em; margin-left: 10px; vertical-align: text-top; } .readmore { color: #47484a; display: block; margin: 12px 0 0; font-size: 1rem; font-weight: 700; text-decoration: none; } .readmore:hover { color: #ad132a; } .readmore:after { content: '\f18e'; font-family: 'FontAwesome'; font-size: 1.3em; font-weight: normal; margin-left: 10px; position: relative; top: 2px; } /* Buttons and Color Classes -------------------------------------------------------------- */ .btn { background: #000000; text-align: center; display: block; margin-top:30px !important; margin-bottom: 30px !important; } .btn a { color: #FFFFFF; text-decoration: none; text-transform: uppercase; display: block; padding: 15px 10px; } .btn a:hover { background: #FFFFFF; border: solid #000000 2px; color: #000000; padding: 13px 10px; text-decoration: none; } .blue { background: #00396a; } .blue a:hover { border: solid #00396a 2px; color: #00396a; } .blue-slider { background: rgba(0,32,92,.9); } .red { background: #ad132a; } .red a:hover { border: solid #ad132a 2px; color: #ad132a; } .btn.white a { padding: 12px 10px; } .white { background: none; border: 2px solid #FFFFFF; font-size: 1.3em; font-weight: bold; } .white a:hover { color: #00396a; background: #FFFFFF; border: none; font-weight: bold; } /* Columns -------------------------------------------------------------- */ .columns { margin: 10px 0 30px; padding-bottom: 0; } .columns h2 { margin-bottom: 28px; } .columns h3 { margin: 18px 0; display:inline-block;} .columns .col6 h3, .columns .col4 h3 { margin: 0 0 6px; } .columns .btn { margin-top: 27px; } .columns .btn.visitbtn { margin: 10px 0 35px; } .columns img { margin-bottom: 15px; width: 100%; } /* Landing Columns with Background */ .one-row.gray { display: inline-block; width: 100%; padding-left: 0; padding-right: 0; } .one-row.gray > .content-main { background-color: #F2F2F2; } @media all and (min-width: 961px){ .one-row.gray .columns { padding: 20px 10px 0 10px; margin-bottom: 0; } } @media all and (max-width: 960px){ .one-row.gray .columns { padding: 20px 25px; margin-bottom: 25px; } } /* Interior Columns with Background */ .columns.gray { background-color: #F2F2F2; } @media all and (min-width: 961px){ .columns.gray { padding: 20px 10px 20px 20px; } } @media all and (max-width: 960px){ .columns.gray { padding: 20px 25px; margin-bottom: 25px; } } /* Featured Tabs - change to accordion on mobile -------------------------------------------------------------- */ /* Tabs container */ .featuredTab { float: left; width: 100%; margin: 20px 5.5% 0 0; } .featuredTab .expandIcon { display: none; } .featuredTab .stepTitle { font-size: .875em; padding-right: 30px; text-transform: uppercase;} .content .content-main .featuredTab .r-tabs-nav li:before { display: none; } .featuredTab.r-tabs { position: relative; float: left; width: 100%; margin-bottom: 30px; } .featuredTab.r-tabs .r-tabs-tab { float: left; margin: 0; list-style: none; list-style-position: initial; padding-left: 0; text-indent: 0; } /* Tab element */ .featuredTab.r-tabs .r-tabs-nav { float: left; width: 100%; margin: 0; padding: 0; margin: 0; background: #00205b; } .featuredTab.r-tabs .r-tabs-nav .r-tabs-tab { position: relative; background: #59CBE8; border-right: 1px solid #fff; } .featuredTab.r-tabs .r-tabs-nav .r-tabs-tab:hover { background: #00AFD7; } .featuredTab.r-tabs .r-tabs-nav .r-tabs-tab:nth-child(2), .featuredTab.r-tabs .r-tabs-nav .r-tabs-tab:nth-child(3) { } /* Tab anchor */ .featuredTab.r-tabs .r-tabs-nav .r-tabs-anchor { position: relative; display: inline-block; font-size: 1.2em; text-decoration: none; padding: 4px 0 4px 30px; z-index: 2; } /* Active state tab anchor */ .featuredTab.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor .stepTitleWrap .stepTitle { border-right: none; } .featuredTab.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor .stepTitleWrap .stepTitle { border-right: none; } .featuredTab.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor { background: #00AFD7; } /* Tab panel */ .featuredTab.r-tabs .r-tabs-panel { position: relative; display: none; float: left; width: 100%; background: #fff; border: 1px solid #eaeaea; padding: 15px 0; z-index: 1; } .featuredTab.r-tabs .r-tabs-panel > div { float: left; width: 100%; margin-top: -15px; padding: 24px 0 0 0; } .featuredTab .panelInfo { float: left; width: 98%; margin: 0 1%; } .featuredTab .panelText { display: block; float: left; margin: 0 0 10px 0; padding: 2%; font-size: .875rem; line-height: 1.5em; } .featuredTab .panelText .content .content-main ul li:before { display: block; content: '\f105'; font-size: 1.3em; color: #eaeaea; font-family: "FontAwesome"; margin-right: 6px; } /* Accordion anchor */ .featuredTab.r-tabs .r-tabs-accordion-title .r-tabs-anchor { display: none; padding: 10px; text-decoration: none; font-size: 14px; } /* Active accordion anchor */ .featuredTab.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background: #fff; } /* Accordion - main -------------------------------------------------------------- */ .accordion { margin: 0; } .accordion h2 { color: #000000; font-size: 1.3em; font-weight: 300; margin: 0 0 0 45px; padding: 11px 0; text-transform: uppercase; } .accordion h3 { font-size: 1.15rem; font-weight: normal; margin-bottom: 12px;} .accordion p { margin-bottom: 25px; } .accordion ul { padding: 0; margin: 0; list-style: none; } .accordion ul .acc-row { border-bottom: 1px solid #00396a; list-style-position: initial !important; padding-left: 0 !important; text-indent: 0 !important;} .accordion ul .acc-row:first-child { border-top: 1px solid #00396a; } .accordion ul li { background: #FFFFFF; padding: 0; position: relative; width: 100%; } .accordion ul .acc-row:before { display: none; } .accordion ul li:last-of-type { padding-bottom: 0; } .accordion ul li i { left: 0; padding-top: 11px; position: absolute; } .accordion ul li i:before { color: #00396a; content: '\f068'; font-family: 'FontAwesome'; font-size: 1rem; margin-left: 20px; } .accordion .acwrap { z-index: 1; background: #fff; display: block; padding: 0 20px 20px 50px; width: 100%; font-size: 1em; line-height: 1.5em; overflow: hidden; position: relative; } .accordion .acwrap table tr td { padding: 0 5px; } .accordion .acwrap ul { margin-left: 17px; margin-bottom: 20px; } .accordion .acwrap ol li:before { display: none; } .accordion .acwrap ol li { list-style: inherit; } .content .content-main .acwrap ul li { list-style: none; font-size: .875rem; } .content .content-main .acwrap ul li:before { content: '\f105'; color: #ececec; font-size: 1.3em; font-family: "FontAwesome"; margin-right: 6px; } /*.acwrap ul li a { text-decoration: none; }*/ .accordion ul li input[type=checkbox] { cursor: pointer; height: 100%; max-height: 100%; opacity: 0; position: absolute; width: 100%; padding: 0; margin: 0; left: 0; z-index: 1; } .accordion ul li input[type=checkbox]:checked ~ div { display: none; margin-top: 0; max-height: 0; opacity: 0; } .accordion ul li input[type=checkbox]:checked ~ i:before { color: #00396a; content: '\f067'; font-family: 'FontAwesome'; font-size: 1rem; margin-left: 20px; } .accordion-wrap { float: left; width: 100%; margin: 0 0 30px; } /* Content Widget -------------------------------------------------------------- */ .widget:first-of-type { margin: 50px 0 30px; } .widget { display: block; margin: 30px 0; float: left; } .wysiwyg h2 { margin-bottom: 13px; } .wysiwyg h3 { margin-bottom: 4px; } .wysiwyg .wysiwyg-content { font-size: 0.875em; margin-bottom: 12px; line-height: 1.6em; } .wysiwyg .wysiwyg-content p:last-child { margin-bottom: 0; } .wysiwyg img { margin-bottom: 17px; } .wysiwyg a.readmore { font-size: 1rem; font-weight: 700; text-decoration: none; } .wysiwyg a.readmore:after { content: '\f18e'; font-family: 'FontAwesome'; font-size: 1.3rem; font-weight: normal; margin-left: 10px; position: relative; top: 2px; } .wysiwyg.featured-img img { margin-bottom: 0; } .widget.wysiwyg img { width: 100%; } .leftCol-widget .widget.wysiwyg img { width: auto; } /* Testimonials -------------------------------------------------------------- */ /*.testimonial { position:relative; padding: 2rem 2rem 4rem 2.5rem; color:#fff; margin-top: 30px; margin-bottom:94px; -webkit-border-radius: 8px 8px 0px 8px; -moz-border-radius: 8px 8px 0px 8px; border-radius: 8px 8px 0px 8px; } .testimonial:after { content:""; position:absolute; bottom:-55px; right:0; width: 0; height: 0; border: 0 solid transparent; border-left-width: 92px; border-right-width: 0px; border-top: 75px solid; } .testimonial.red { background: #AD132A; } .testimonial.red:after { border-top-color: #AD132A; } .testimonial.blue { background: #00396A; } .testimonial.blue:after { border-top-color: #00396A; } .testimonial .quote { position:relative; display:inline-block; margin:1rem 0 0 1rem; font-size: 1.125rem; line-height: 1.875rem; } .testimonial .quote:before { content:'"'; font-size: 3rem; position: absolute; top:5px; left:-1.5rem; } .testimonial .quote:after { content:'"'; font-size: 3rem; margin-top:.5rem; margin-left:.5rem; vertical-align: text-top; vertical-align: -webkit-baseline-middle; } .testimonial .author { display:block; font-size: 1.15rem; text-align: right; margin-top:.3rem; } .testimonial .authorInfo { display:block; font-size: 1.15rem; text-align: right; } @media all and (max-width: 960px){ .testimonial { position: relative; padding: 2rem 2.5rem 3rem 3rem; } }*/ /* Testimonials -------------------------------------------------------------- */ .landingTestimonial { padding-left: 0; padding-right: 0; } .landingTestimonial.noImage .content-main { background-color: #f4f4f4; margin-top: 30px; margin-bottom: 30px; } .testimonial { position:relative; background-color: #f4f4f4; color:#000; margin: 30px 0; } .columns .testimonial { margin: 0; } .testimonial .authorWrapper { display:block; color:#00396a; font-weight: 700; border-left: 2px solid #d90000; padding: 0 15px; } .testimonial .author { font-size: 1.15rem; margin: 0 0 5px 0; text-transform: uppercase; } .testimonial .authorInfo { font-size: 1rem; } .testimonial .quoteWrapper { float: left; padding: 43px 80px 43px 38px; } .landingTestimonial.noImage .testimonial .quoteWrapper { padding: 43px 50px 43px 10px; } .columns .testimonial .quoteWrapper { padding: 33px 38px; } .testimonial .quoteImage img { float: left; width: 100%; margin: 0; padding:0; } .testimonial .col6.quoteImage { margin-right: 0; } .testimonial .quote { position:relative; display:inline-block; margin: 25px 0 0 0; font-size: 1rem; line-height: 1.5rem; } .testimonial:after, .testimonial .quote:before, .testimonial .quote:after { display: none; } @media all and (max-width: 960px){ .columns .testimonial { margin-bottom: 30px; } .testimonial .quoteWrapper { padding: 33px 38px; } .landingTestimonial.noImage .testimonial .quoteWrapper { padding: 33px 10px; } } /* Events Widget -------------------------------------------------------------- */ .events-widget { background: #f4f4f4; min-height: 200px; padding: 20px 10px 15px; } .events-widget .event { margin-bottom: 28px; padding: 15px 5% 0; } .events-widget .event:last-child { margin-bottom: 10px; } .events-widget .date { text-align: center; margin-right: 4%; } .events-widget .date .month, .eventDate .month { color: #58595b; font-size: 1em; font-weight: bold; text-align: center; text-transform: uppercase; margin-bottom: 8px; display: block; } .events-widget .date .day, .eventDate .day { color: #ad132a; font-size: 1.5em; text-align: center; font-weight: 900; } .events-widget .description { margin-top: 4px; } .events-widget .description p { line-height: 1.5em; margin-bottom: 5px; } .events-widget .time-row p, .events-widget p .time { margin-bottom: 0; margin-top: 10px; font-weight: bold; } .events-widget .title { font-size: 1.175em; margin-right: 0; padding-left: 10px; width: 82% !important; } .events-widget .title a { color: #ad132a; font-size: 1em; font-weight: 700; text-decoration: none; } .events-widget .title a:hover { text-decoration: underline; } .events-widget .title p { margin-bottom: 0; margin-top: 5px; font-size: .875rem; } .events-widget .title p .time { font-size: 1rem; } .events-widget a.readmore { font-size: 0.875em; font-weight: 700; text-decoration: none; text-transform: uppercase; } .events-widget a.readmore:after { content: '\f138'; font-family: 'FontAwesome'; font-size: 1.2em; margin-left: 10px; position: relative; top: 0px; } .events-widget .view-all { float: left; padding: 0 5%; } .events-widget .view-all a { color: #58595b; font-size: 1.125em; font-weight: 700; text-decoration: none; text-transform: uppercase; } .events-widget .view-all a:hover { color: #ad132a; } .events-widget .view-all a:after { content: '\f18e'; font-family: 'FontAwesome'; font-size: 1.2rem; margin-left: 10px; position: relative; top: 0px; } /* Jobs Widget -------------------------------------------------------------- */ .events-widget.jobs .event { margin-bottom: 10px; padding: 0 2% 0; } .events-widget.jobs h2 { padding: 0 4%; } .events-widget.jobs .title { width: 100% !important; } .events-widget.jobs .title a { font-size: 1rem; line-height: 1.1; } /* Related Links Widget -------------------------------------------------------------- */ .related-links ul li { list-style: none; } .related-links ul li:before { content: '\f105'; font-size: 1.3em; color: #eaeaea; font-family: "FontAwesome"; margin-right: 6px; } /* Campus Events full width section -------------------------------------------------------------- */ .campus-events { background: #f4f4f4; width: 100%; float: left; padding: 50px 0 0; margin: 30px 0; min-height: 350px; } .campus-events h2 { text-transform: uppercase; font-size: 1.875em; } .campus-events .events-row { margin-top: 25px; } .campus-events .events-slide.flexslider { background: none; border: none; } .campus-events .events-slide.flexslider .flex-direction-nav .flex-prev, .campus-events .events-slide.flexslider:hover .flex-direction-nav .flex-prev:hover, .campus-events .events-slide.flexslider:hover .flex-direction-nav .flex-prev { left: -35px; height: 60px;} .campus-events .events-slide.flexslider .flex-direction-nav .flex-next, .campus-events .events-slide.flexslider:hover .flex-direction-nav .flex-next:hover, .campus-events .events-slide.flexslider:hover .flex-direction-nav .flex-next { right: -20px; height: 60px; } .campus-events .events-slide.flexslider .flex-direction-nav a:before { font-size: 60px; content: '\f0d9'; color: rgba(88,89,91,.7); } .campus-events .events-slide.flexslider .flex-direction-nav a.flex-next:before { content: '\f0da'; color: rgba(88,89,91,.7); } .campus-events .view-all { float: right; margin-top: 5px; } .campus-events .view-all a { color: #58595b; font-size: 1em; font-weight: 700; text-decoration: none; text-transform: uppercase; } .campus-events .view-all a:hover { color: #ad132a; } .campus-events .view-all a:after { content: '\f18e'; font-family: 'FontAwesome'; font-size: 1.2rem; margin-left: 10px; position: relative; top: 0px; } .campus-events .viewButton { float: right; position: relative; z-index: 1; } .campus-events.events-widget .date { margin-right: 4%; } .campus-events.events-widget .description p { font-size: .875rem; } .campus-events.events-widget .event { padding: 0; margin-bottom: 0; min-width: 225px; } .campus-events .tab-container { margin-top: 5px; float: none; position: relative; padding: 0; margin: auto; width: 100%; max-width: 1220px;} .campus-events .tab-container input { cursor:pointer; display: none; } .campus-events .tab-content { opacity: 0; height: 0; width: 100%; float: left; padding: 0; } .campus-events .tab-container label { background: #eaeaea; border-right: 1px solid #cecccc; color: #58595b; font-size: .8em; font-weight: normal; margin-top: 2px; line-height: 1.55em; padding: 2px 10px; text-decoration: none; text-transform: uppercase; position: relative; display: block; float: left; cursor: pointer; } .campus-events .tab-container label:hover { text-decoration: underline; } .campus-events .tab-container label:last-of-type { border-right: none; } .campus-events .tab-container [id^="tab"]:checked + label { color:#000; font-weight: bold;} .campus-events #tab-1:checked ~ #tab-content-1, .campus-events #tab-2:checked ~ #tab-content-2, .campus-events #tab-3:checked ~ #tab-content-3, .campus-events #tab-4:checked ~ #tab-content-4, .campus-events #tab-5:checked ~ #tab-content-5 { -webkit-animation-name: zoomin; animation-name: zoomin; opacity: 1; height: auto; padding: 20px 0; } /*Campus Event Animation */ .animate { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } @-webkit-keyframes zoomin { from { opacity: 0; -webkit-transform: scale3d(.01, .01, .01) translate3d(3000px, 0, 0); transform: scale3d(.01, .01, .01) translate3d(3000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.5, 0.05, 0.6, 0.2); animation-timing-function: cubic-bezier(0.5, 0.05, 0.6, 0.2); } 60% { opacity: 1; -webkit-transform: scale3d(.5, .5, .5) translate3d(-10px, 0, 0); transform: scale3d(.5, .5, .5) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.15, 0.9, 0.35, 1); animation-timing-function: cubic-bezier(0.15, 0.9, 0.35, 1); } } @keyframes zoomin { from { opacity: 0; -webkit-transform: scale3d(.01, .01, .01) translate3d(3000px, 0, 0); transform: scale3d(.01, .01, .01) translate3d(3000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.5, 0.05, 0.6, 0.2); animation-timing-function: cubic-bezier(0.5, 0.05, 0.6, 0.2); } 60% { opacity: 1; -webkit-transform: scale3d(.5, .5, .5) translate3d(-10px, 0, 0); transform: scale3d(.5, .5, .5) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.15, 0.9, 0.35, 1); animation-timing-function: cubic-bezier(0.15, 0.9, 0.35, 1); } } .zoomin { -webkit-animation-name: zoomin; animation-name: zoomin;} /* Faculty and Staff Page -------------------------------------------------------------- */ .redboxwrap .col6 .col2 { width: 19%; } .staff .namewrap { float:left; width: 100%; } .staff .namewrap h1 { float: left; } .staff .namewrap h3 { color: #58595b; padding-left: 30px; padding-top: 12px; float: left; } .staff-info { margin: 30px 0 50px; } .staff-info .col6 div { line-height:2em; } .staff-info .col6 div .days { float: left; margin-right: 6px; padding: 0; } .staff-info .col6 .view-cv { margin-top: 10px; padding: 0; max-width: 275px; } .staff-info .col6 .btn.white a { padding: 0 10px; font-size: 1rem; font-weight: normal; } .staff-info .col6 .btn.white a:hover { color: #ad132a; text-decoration: none; } .staff-info .redboxwrap { background: url(../images/faculty-contact-bg.jpg); float: right; font-size: 1.125rem; color: #FFFFFF; padding: 20px 30px;} .staff-info .redboxwrap a { color: #FFFFFF; text-decoration: none; } .staff-info .redboxwrap a:hover { color: #FFFFFF; text-decoration: underline; } .staff-info .redboxwrap .title { font-size: 1.7em; margin-bottom: 15px; } .staff-info .redboxwrap ul li { list-style: none; float:left; margin-right: 20px; } .staff-info .redboxwrap ul li:before { display: none; } .staff-info .redboxwrap .office, .staff-info .redboxwrap .office-hrs { font-weight: bold; } .staff-info .redboxwrap .office-schedule, .staff-info .redboxwrap .classes { padding-left: 15px; box-sizing: border-box; } .staff-info .staff-img { max-width: 225px; } .staff-bio { margin-top: 40px; } .staff-info .staff-bio:last-child { margin-bottom: 30px; } .staff-bio h2 { border-bottom: 1px solid #ad132a; padding-bottom: 10px; } .staff-info .staff-social ul { margin: 10px 0; float:left; } .staff-info .staff-social ul li a{ font-size: 2.5rem; } .staff-info .staff-social ul li a:hover { text-decoration: none; } /* Pop up Gallery -------------------------------------------------------------- */ .popup-gallery { margin-bottom: 30px; } .popup-gallery img { object-fit: cover; width: 100%; max-width: 100%; } .popup-gallery a { display: inline-block; background: #000000; margin: 0 1.5% 20px; max-width: 100%; max-height: none; padding-bottom: 13%; width: 21.5%; height: 0; overflow: hidden; object-fit: cover; } .popup-gallery a img { display: block; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .popup-gallery a:hover img { opacity: 0.7; } .mfp-figure small { display: none !important; } .col6 > .staff-bio .popup-gallery a { margin: 0 1% 20px; padding-bottom: 29%; width: 47.5%; } .col9 > .staff-bio .popup-gallery a { margin: 0 1% 20px; padding-bottom: 18.5%; width: 30.5%; } /* Degree Program Page -------------------------------------------------------------- */ /************ Datatable Plugin Styles ****************/ div.fw-container div.fw-body { float: left; width: 100%; padding: 0 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative } div.fw-container div.fw-body div.content { position: relative; margin-top: 7.7em } div.fw-container div.fw-body div.content>h1 { position: absolute; top: -1.15em; left: 0; width: 100%; margin: 0; font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight', 'ralewaythin', 'Helvetica Neue', "Calibri Light", "Calibri", Helvetica, Arial, sans-serif; font-weight: 100; letter-spacing: 1px; font-size: 3em; line-height: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } div.fw-container div.fw-body div.content>h1 span { font-size: 0.6em; line-height: 1em } body.wide div.fw-container div.fw-body { width: 80% } @media only screen and (max-width:959px) { div.fw-container div.fw-body { width: 100% } div.fw-container div.fw-body div.content { margin-top: 3.5em } div.fw-container.ad div.fw-body div.content, div.fw-container.ad div.fw-page-nav { margin-top: 3.5em } } @media only screen and (max-width:767px) { div.fw-container div.fw-header #ad { display: none !important } div.fw-container.ad div.fw-body div.content, div.fw-container.ad div.fw-page-nav { margin-top: 1.5em } } @media only screen and (max-width:699px) { body.wide div.fw-container div.fw-body { width: 100% } div.fw-container div.fw-body { float: none; width: 100% } div.fw-container div.fw-body aside { display: none } div.fw-container div.fw-body div.content { margin-top: 0 } div.fw-container div.fw-body div.content h1 { position: relative; top: 0 } table.dataTable.nowrap th, table.dataTable.nowrap td {white-space: normal !important;} } /************ Datatable Custom Styles ****************/ .programs .accordion-wrap { margin-top: 0; } .programs .accordion h3 { margin-bottom: 0; color: #000000; } .programs .accordion .wysiwyg-content { font-size: .875rem; margin-bottom: 35px; } .programs .accordion .wysiwyg-content span { float: left; } .programs .content { padding-top: 0; } .programs .content .content-main ul li:before, .programs table.dataTable>tbody>tr.child td.child ul li:last-child span.dtr-title, .programs .dataTables_wrapper .dataTables_length { display: none; } .programs .dataTables_wrapper .dataTables_filter { float: left; padding: 7px 10px; } .programs .degrees { display: none; margin-bottom: 15px; } .programs .degrees .degree-info, .programs .degrees .degree-info span { float: left; } .programs .degrees .degree-info { padding: 0 15px; font-size: 1rem; text-transform: uppercase; } .programs .degrees .degree-info span { padding: 0 5px; } .programs .degrees .degree-info .blank span, .programs .degrees .degree-info .check span { display: none; } .programs .degrees .degree-info .blank:before { display: block; content: '\f096'; font-family: 'FontAwesome'; font-size: 1.125rem; font-weight: normal; color: #00396a; margin: 0 auto; border: none; box-shadow: none; background: none; } .programs .degrees .degree-info .check:before { display: block; content: '\f046'; font-family: 'FontAwesome'; font-size: 1.125rem; font-weight: normal; color: #00396a; margin: 0 auto; border: none; box-shadow: none; background: none; } .programs div.clear { clear: both; height: 0; width: 100%; float: none !important } .programs .emphasis { background: #eaeaea; border: 6px solid #FFFFFF; padding: 5px 10px; margin-bottom: 25px;} .programs .emphasis h3 { color: #ad132a; font-weight: bold; } .programs .emphasis .wysiwyg-content { margin-bottom: 0; } .programs .featuredTab { margin: 0; } .programs .featuredTab .panelInfo { width: 100%; margin: 0; } .programs .featuredTab .panelInfo .one-row, .programs div.fw-container div.fw-body { padding: 0; } .programs .featuredTab.r-tabs .r-tabs-panel { background: #f4f4f4; padding: 0; } .programs .featuredTab.r-tabs .r-tabs-panel > div { padding: 0; margin: 0; } .programs .featuredTab .stepTitle { font-size: .875rem; font-weight: bold; color: #fff;} .programs .dtr-data a.readmore { float: right; color: #ad132a; display: block; margin: 0 15px; font-size: 1.175em; font-weight: 700; text-decoration: none; text-transform: uppercase; } .programs .dtr-data a.readmore:hover { color: #47484a; } .programs .dtr-data a.readmore:after { content: '\f18e'; font-family: 'FontAwesome'; font-size: 1.3em; font-weight: normal; margin-left: 7px; position: relative; top: 2px; } .programs table.dataTable.nowrap tr .child { white-space: normal; } .programs table.dataTable { margin-bottom: 0 !important; } .programs table.dataTable>tbody>tr.child ul li { background: none; float: left; width: auto; max-width: 115px; margin-right: 10px; text-indent: 0; list-style-position: initial; } .programs table.dataTable>tbody>tr.child ul li:after { content: ','; } .programs table.dataTable>tbody>tr.child ul li:last-child { max-width: 100%; } .programs table.dataTable>tbody>tr.child ul li:nth-child(5):after, .programs table.dataTable>tbody>tr.child ul li:last-child:after { content: ''; } .programs table.dataTable>tbody>tr.child ul li:nth-child(1) { display: none !important; } .programs table.dataTable>tbody>tr.child ul li:nth-child(2) { display: none !important; } .programs table.dataTable>tbody>tr.child ul li:nth-child(3) { display: none !important; } .programs table.dataTable>tbody>tr.child ul li:nth-child(4) { display: none !important; } .programs table.dataTable>tbody>tr.child ul li:nth-child(5) { display: none !important; } .programs table.dataTable>tbody>tr.child ul li:last-child { display: table-cell !important; } .programs table.dataTable>tbody>tr.child ul li .wysiwyg-content ul li { display: block !important; } .programs div.dataTables_wrapper div.dataTables_filter input { width: 100%; } .programs table.dataTable>tbody>tr.child ul li span .col12:last-child .wysiwyg-content { margin-bottom: 0; } .programs table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child { font-size: 1.125rem; padding-left: 40px; } .programs table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, .programs table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before { content: '\f067'; font-family: 'FontAwesome'; font-size: .875rem; color: #00396a; left: 5px; margin: 3.5px auto; border: none; box-shadow: none; line-height: 19px; background: none; } .programs table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, .programs table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before { content: '\f068'; font-family: 'FontAwesome'; } .programs table.dataTable>tbody>tr.child ul li:first-child { padding-top: 0.5em; width: 100%; } .programs table.dataTable.dtr-inline.collapsed>tbody>tr>td.child { padding: 10px 13px; } .programs table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { display: none; } .programs .table-heading { font-size: .75em; color: #58595b; text-transform: uppercase; text-align: center; } .programs .table-heading:first-child { font-size: .875em; padding-left: 42px !important; text-align: left; } .programs tr td .acheck { text-align: center; } .programs tr td .acheck span { display: none; } .programs tr td .acheck:before { display:block; content: '\f00c'; font-family: 'FontAwesome'; font-size: 1.2em; color: #00396a; margin: 0 auto; } .programs tr td strong { display: none; } .program-p { margin-top: -20px; } table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc:after { display: none !important; } table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before { background: none !important; } .blank span { opacity: 0; } table.dataTable>tbody>tr.child ul { width: 100%; } /* -----------------------END: Degree Program Page------------------------- */ /* Audience Page -------------------------------------------------------------- */ /* Student Nav - Quicklinks */ .student-nav { background: #00afd7; width: 100%; display: inline-block; } .student-nav input, .student-nav label { display: none; } .student-nav .audience-tools { text-align: center; border-bottom: 1px solid rgba(255, 255, 255, .25); } .student-nav .audience-tools:nth-child(2n) a.quicklinks { padding-top: 20px; } .student-nav .audience-tools a { font-size: 1.4em; display: inline-block; list-style: none; padding: 10px 40px 20px;} .student-nav .audience-tools a:first-child { padding-left: 0; } .student-nav .audience-tools a:last-child { padding-right: 0; } .student-nav .audience-tools a.quicklinks { color: #FFFFFF; text-decoration: none; position: relative; } .student-nav .audience-tools a.quicklinks:hover { color: #d2d2d2; } .quicklinks.blackboard img, .quicklinks.kfs img, .quicklinks.paw img { width: 100%; height:auto; margin-right: 10px; position: relative; top: 2px; } .quicklinks.blackboard img { max-width: 34px; } .quicklinks.kfs img, .quicklinks.paw img { max-width: 21px; } .quicklinks.email:before { content: '\f0e0'; font-family: 'FontAwesome'; font-size: 1em; color: #FFFFFF; margin-right: 10px; position: relative; top: -1px; } .quicklinks.twolf:before { content: '\f1eb'; font-family: 'FontAwesome'; font-size: 1em; color: #FFFFFF; margin-right: 10px; } .quicklinks.pass-help:before { content: '\f084'; font-family: 'FontAwesome'; font-size: 1em; color: #FFFFFF; margin-right: 10px; } .quicklinks.packlink:before { content: '\f0c1'; font-family: 'FontAwesome'; font-size: 1em; color: #FFFFFF; margin-right: 10px; } .quicklinks.portal:before { content: '\f007'; font-family: 'FontAwesome'; font-size: 1em; color: #FFFFFF; margin-right: 10px; } .quicklinks.comments:before { content: '\f086'; font-family: 'FontAwesome'; font-size: 1em; color: #FFFFFF; margin-right: 10px; } .quicklinks.user:before { content: '\f007'; font-family: 'FontAwesome'; font-size: 1em; color: #FFFFFF; margin-right: 10px; } .quicklinks.research:before { content: '\f002'; font-family: 'FontAwesome'; font-size: 1em; color: #FFFFFF; margin-right: 10px; } .quicklinks.info:before { content: '\f05a'; font-family: 'FontAwesome'; font-size: 1em; color: #FFFFFF; margin-right: 10px; } .quicklinks.archive:before { content: '\f187'; font-family: 'FontAwesome'; font-size: 1em; color: #FFFFFF; margin-right: 10px; } /* Student Announcements */ .announcements { background: #f4f4f4; display: inline-block; width: 100%; overflow: hidden; padding: 15px 0 40px; margin: 50px auto 45px; } .announcements .i { text-align: center; font-size: 2em; } .announcements input { display: none; } .announcements h2 { font-size: 1.875em; text-transform: uppercase; } .announcements ul li h3 { position: absolute; top: 15px; left: 0; width: 100%; margin: 0 auto; width: 100%; height: 50px; font-size: 1.125em; text-align: center; color: #ffffff; } .announcements ul { width: 100%; display: table; table-layout: fixed; margin: 0; padding: 0; } .announcements ul li { display: table-cell; vertical-align: bottom; position: relative; width: 16.666%; height: 250px; background-size: cover; background-repeat: no-repeat; background-position: center center; transition: all 500ms ease; } .announcements ul li div { display: block; overflow: hidden; width: 100%; } .announcements ul li div a { display: block; height: 250px; width: 100%; position: relative; z-index: 3; vertical-align: bottom; padding: 15px 20px; box-sizing: border-box; color: #fff; text-decoration: none; transition: all 200ms ease; } .announcements ul li div a * { opacity: 0; margin: 0; width: 100%; overflow-wrap: break-word; z-index: 5; overflow: hidden; -webkit-transform: translateX(-20px); transform: translateX(-20px); -webkit-transition: all 400ms ease; transition: all 400ms ease; } .announcements ul li div a h2 { overflow-wrap: break-word; font-size: 1.125em; text-transform: none; margin-bottom: 2px; top: 160px; } .announcements ul li div a p { font-size: .875em; line-height: 1.5em; padding-top: 15px; } .announcements ul li div a p.readmore{ color: #FFFFFF; font-size: 1rem; } .announcements ul li div a p.note-date { position: absolute; bottom: 10px; font-size: .775em; } .announcements ul li .plus-circle:before { content: '\f055'; font-family: 'FontAwesome'; color: white; position: absolute; bottom: 45px; left: 46%; font-size: 1.5rem; } /* Important Links Accordion */ .important-links.col3 { width: 25.5%; margin-right: 5.5%; } .important-links .accordion h2 { font-size: 1.125rem; line-height: 1rem; margin-bottom: 0; padding: 15px 0; } .important-links .accordion ul li i { padding-top: 10px; } .important-links .accordion .acwrap { padding-bottom: 10px; } .important-links .accordion .acwrap ul { margin-left: 5px; margin-top: 2px; } .important-links .accordion .acwrap ul li { padding: 2px; } .important-links .accordion-wrap { margin-top: 0; } .news-content { margin: 30px 0 0; width: 100%; display: inline-block; } .news-content h2 { font-size: 1.875em; font-weight: normal; text-transform: uppercase; margin-bottom: 30px; } /* Student News Section */ .student-news { margin-top: 30px; } .student-news.col9 { width: 68.5%; } .student-news .col6 p a.readmore { text-align: right; margin-top: 0; } .student-news .news-block { position: relative; display: block; } .student-news .blocks-wrap a.news-block { max-width: 207px; width: 48%; height: 0; padding-bottom: 47%; float: left; margin: 0 3% 8px 0; display: inline-block;} .student-news .blocks-wrap a.news-block:nth-child(2n) { margin-right: 0; } .student-news .news-block, .student-news .news-block .slides li a { text-decoration: none; } .student-news .news-block .slide-info, .student-news .news-block .slides li a .slide-info { position: absolute; bottom: 0; background: #00396a; color: #FFFFFF; padding: 5px; height: auto; width: 100%; } .student-news .news-block .slide-info p { margin-bottom: 0; font-size: 1rem; } .student-news .news-block img + .slide-info { background: rgba(0, 57, 106, .75); } .student-news .news-block.flexslider { width: 53%; float: left; margin-right: 5px; } .student-news .news-block.flexslider .slides img { height: auto !important; } .student-news .news-block.flexslider .flex-direction-nav a { top: 45%; height: 45px !important; } .student-news .news-block.flexslider .flex-direction-nav a:before { content: '\f0d9'; color: #FFFFFF; font-size: 60px; } .student-news .news-block.flexslider .flex-direction-nav .flex-next { right: 5px; } .student-news .news-block.flexslider .flex-direction-nav .flex-prev { left: 5px; } .student-news .news-block.flexslider .flex-direction-nav a.flex-next:before { content: '\f0da'; color: #FFFFFF; } .student-news .news-block.flexslider .slides li a img + .slide-info { background: rgba(0, 57, 106, .75); line-height: 1.2; padding: 10px; } .student-news .news-block.flexslider .flex-control-nav { margin-left: 0; } .student-news .blocks-wrap { float: left; width: 46%; } /* News Listing Page -------------------------------------------------------------- */ .articleListing .articleDate { font-size: .875rem; color: #58595b; margin: 20px 0 8px 0; } .articleListing h3.articleTitle { margin-bottom: 12px; } .articleListing h3.articleTitle a { color: #ad132a; text-decoration: underline; } .articleListing h3.articleTitle a:hover { color: #00396a; } .monthly-news { margin-bottom: 30px; } .monthly-news h3 { color: #58595b; } .col12 p img { float: left; padding-right: 10px; padding-bottom: 10px; max-width: 275px; width: 100%; } .years-list input, .years-list label { display: none; } .years-list .years a { color: #58595b; font-size: 1.15em; float: left; width: 100%; padding: 7px 0; text-decoration: none; } .years-list .years a:hover { color: #ad132a; } .news-highlight img { margin-bottom: 20px; max-width: 225px; width: 100%; float: right; } .author { margin-bottom: 15px; } .author p { margin:0; font-style: italic; } .categoryDropdown { margin: 0 0 20px; } .category-label { margin-bottom: 7px !important; margin-top: 10px !important; } /* AZ INDEX PAGE -------------------------------------------------------------- */ .az-content { margin: 0 auto !important; } .az-content .dataTables_wrapper .dataTables_filter { float: left; display: none; } .az-content div.dataTables_wrapper div.dataTables_length label { display: none; } .az-content div.fw-container div.fw-body { padding: 0; } .az-content > li { display:none; width: 100%; text-indent: 0 !important; padding: 0 !important;} .az-content > li:before, .az-filters ul > li:before { display: none; } .az-content > li h2 { color: #00396a; font-size: 2rem; } .az-content > li .fw-container .fw-body { margin-bottom: 30px; } .az-content > li .fw-container .fw-body table.display tbody tr td { border: 1px solid #ebe9e9; font-size: 1rem; padding: 3px 30px; } .az-content > li .fw-container .fw-body table.display tbody tr.even { background: #FFFFFF; } .az-content > li .fw-container .fw-body table.display tbody tr.odd { background: #f5f4f4; } .az-content > li .fw-container .fw-body table.display thead tr th { width: 400px !important; box-sizing: border-box;background: #f4f4f4; color: #3e3f40; font-weight: normal; padding: 3px 30px !important; text-transform: uppercase; } .az-filters { display: inline-block; margin-bottom: 30px; } .az-filters ul {margin-left: 0} .az-filters ul > li a { font-size:1.125rem; text-decoration: none; color: #FFFFFF; background: #ad132a; padding-top: 3px; display: block; border: 2px solid #ad132a; line-height: 1.25rem; } .az-filters ul > li a:hover { color: #ad132a; background: #FFFFFF; border: 2px solid #ad132a; } .az-filters ul > li .na, .az-filters ul > li .na:hover { background: #58595b; border: 2px solid #58595b; color: #FFF; } .az-filters ul > li { float: left; margin: 0 18px 10px 0; width: 80px; text-align: center; text-indent: 0 !important; padding-left: 0 !important; } .widget-target + .wrapper .col-show .widget:first-of-type { margin:0; } table.dataTable thead .sorting::after { display: none !important; } .az-content table.dataTable.nowrap th, .az-content table.dataTable.nowrap td { white-space: normal; } .az-content > li .fw-container .fw-body table.display tbody tr td a { display: block; line-height: 1.4; } /* HOME PAGE -------------------------------------------------------------- */ .adventure { display: block; clear: both; } .adventure .block { display: block; float: left; position: relative; width: 24.625%; overflow: hidden; background-color: #00396a; } .adventure .long-block { display: block; float: left; position: relative; width: 49.625%; overflow: hidden; background-color: #00396a; } .adventure .one-row { display: inline-block; margin-bottom: .25%; padding: 0; width: 100%; } .adventure .space { margin-right: .5%; } .adventure .space:last-child { margin-right: 0; } .h1-home h1{ color: #58595b; font-size: 3rem; margin-bottom: 55px; text-align: center; text-transform: uppercase; } .adventure .block img, .adventure .long-block img { display: block; } .adventure .block .card_content, .adventure .long-block .card_content { width: 100%; display: flex; align-items: flex-start; position: absolute; top: 100%; transition: all 0.5s ease; color: #fff; font-size: 1rem; font-weight: normal; line-height: 1.5rem; height: 100%; padding: 15px; } .adventure .block .card_content .content_wrap, .adventure .long-block .card_content .content_wrap { align-self: flex-start; } .adventure .block .card_content .content_wrap a, .adventure .long-block .card_content .content_wrap a { color: #FFFFFF; } .adventure .block .card_content .content_wrap a:hover, .adventure .long-block .card_content .content_wrap a:hover { color: #eaeaea; } .adventure .block .card_content .content_wrap h3, .adventure .long-block .card_content .content_wrap h3 { color: #FFFFFF; font-size: 1.5rem; } .adventure .block:hover .card_content, .adventure .long-block:hover .card_content { text-align: center; background-color: rgba(0,57,106,0.9); top: 0; height: 100%; } .adventure .block:hover .card_content .content_wrap, .adventure .long-block:hover .card_content .content_wrap { align-self: center; margin: auto; } .adventure .block .card_title, .adventure .long-block .card_title { background-color: rgba(0,0,0,.05); bottom: 0; position: absolute; padding: 10px 20px; width: 100%; } .adventure .block .card_title h3, .adventure .long-block .card_title h3 { font-size: 1.5rem; color: #FFFFFF; margin-bottom: 0; } .adventure .block:hover .card_title, .adventure .long-block:hover .card_title { display: none; } .home-fw-impact-wrap { width: 100%; min-height: 385px; margin-top: 60px; } .home-fw-impact-wrap .investment.flexslider { margin-bottom: 8px; } .home-fw-impact-wrap .investment.flexslider .slides li { display: inline-block; } .home-fw-impact-wrap .investment.flexslider .slides li .overlayWrapper.top { top: 15vh; } .home-fw-impact-wrap .investment.flexslider .slides li .overlayContent { max-width: 580px; padding: 40px 40px 25px; } .home-fw-impact-wrap .investment.flexslider .slides li .overlayContent h3{ font-size: 2.25rem; color: #FFFFFF; text-transform: uppercase; } .home-fw-impact-wrap .investment.flexslider .slides li .overlayContent .overlayContentWrapper p { font-size: 1.125rem; font-weight: normal; line-height: 1.7rem; text-shadow: none; margin-bottom: 25px; } .home-fw-impact-wrap .investment.flexslider .slides li .overlayContent .overlayContentWrapper a { background: none; font-size: 1rem; font-weight: normal; max-width: 267px; } .home-fw-impact-wrap .investment.flexslider .slides li .overlayContent .overlayContentWrapper a:hover { background: #FFFFFF; color: #ad132a; } .home-fw-impact-wrap .investment.flexslider .slides li img { height: 554px !important; } .home-fw-impact-wrap .investment.flexslider .flex-direction-nav a:before { font-size: 70px; content: '\f0d9'; } .home-fw-impact-wrap .investment.flexslider .flex-direction-nav a.flex-next { right: 10%; } .home-fw-impact-wrap .investment.flexslider .flex-direction-nav a.flex-next:before { content: '\f0da'; } .home-fw-impact-wrap .investment.flexslider .flex-direction-nav a { top: 230px; margin:0; height: 80px; } .home-fw-impact-wrap .investment.flexslider .flex-direction-nav a.flex-prev { left: 10%; } .home-fw-impact-wrap .investment.flexslider .flex-direction-nav a.flex-prev:before { color: rgba(88,89,91,.5); } .home-impact .impact.flexslider .slides li .overlayContent { padding: 20px 40px; max-width: 581px; } .home-impact .impact.flexslider .slides li .overlayContent h2 { font-size: 4.688rem; text-transform: uppercase; color: #FFFFFF; text-shadow: 2px 2px #000000;} .home-impact .impact.flexslider .slides li .dark .overlayContent h2 { color: #363636; } .home-impact .impact.flexslider .slides li .overlayContent .overlayContentWrapper a { background: none; font-weight: normal; font-size: 1rem; max-width: 265px; } .home-impact .impact.flexslider .slides li .overlayContent .overlayContentWrapper a:hover { background: #FFFFFF; color: rgba(0,57,106,.9); } .home-impact .impact.flexslider .slides li .overlayContent .overlayContentWrapper p { font-size: 1.125rem; font-weight: normal; line-height: 2rem; } .home-impact .impact.flexslider .slides li .overlayWrapper.top { top: 20vh; } .home-impact .impact.flexslider .slides li .overlayWrapper.right { right: calc(23% - 64px); } .joinThePack { margin-bottom: 55px; } .joinThePack .fw-impact-wrap { min-height: 350px; } .joinThePack .fw-impact-wrap .fw-caption { padding: 60px 18%; } /* Calendar -------------------------------------------------------------- */ a.fc-event { font-size: .875rem; text-decoration: none; } .calendar-col .widget:first-of-type { margin: 0 0 20px; } .calendar-col .widget { margin: 0 0 15px; } .calendar-col .widget ul { font-size: .875rem; margin-bottom: 5px; } #calendars a { font-size: .875rem; line-height: 1rem; display: -ms-flexbox; display: flex; } #calendars a span { -ms-flex-preferred-size:25%; flex-basis: 25%; max-width: 20px; } #calendar .fc-header tr:nth-of-type(odd) { background: none; } #calendar .fc-header td, th { border: none; } #calendar-wrapper { z-index: 0; } /* ---------------Calendar Colors ----------------*/ /* Academics */ #calendars #trigger-cat01 span, .cat01, .cat01 .fc-event-skin, .fc-agenda .cat01 .fc-event-time, .cat01 a { border-color: #FFF; background-color: #00396a; } .fc-view-month .cat01.fixedtime .fc-event-skin { color: #00396a; } /* Alumni */ #calendars #trigger-cat02 span, .cat02, .cat02 .fc-event-skin, .fc-agenda .cat02 .fc-event-time, .cat02 a { border-color: #FFF; background-color: #ad132A; } .fc-view-month .cat02.fixedtime .fc-event-skin { color: #ad132A; } /* Athletics */ #calendars #trigger-cat03 span, .cat03, .cat03 .fc-event-skin, .fc-agenda .cat03 .fc-event-time, .cat03 a { border-color: #FFF; background-color: #004d83; } .fc-view-month .cat03.fixedtime .fc-event-skin { color: #004d83; } /* Career Center */ #calendars #trigger-cat04 span, .cat04, .cat04 .fc-event-skin, .fc-agenda .cat04 .fc-event-time, .cat04 a { border-color: #FFF; background-color: #58595b; } .fc-view-month .cat04.fixedtime .fc-event-skin { color: #58595b; } /* College of Education, Engineering, and Professional Studies */ #calendars #trigger-cat05 span, .cat05, .cat05 .fc-event-skin, .fc-agenda .cat05 .fc-event-time, .cat05 a { border-color: #FFF; background-color: #275d1e; } .fc-view-month .cat05.fixedtime .fc-event-skin { color: #275d1e; } /* College of Humanities and Social Sciences */ #calendars #trigger-cat06 span, .cat06, .cat06 .fc-event-skin, .fc-agenda .cat06 .fc-event-time, .cat06 a { border-color: #FFF; background-color: #782757; } .fc-view-month .cat06.fixedtime .fc-event-skin { color: #782757; } /* College of Math and Science */ #calendars #trigger-cat07 span, .cat07, .cat07 .fc-event-skin, .fc-agenda .cat07 .fc-event-time, .cat07 a { border-color: #FFF; background-color: #715321; } .fc-view-month .cat07.fixedtime .fc-event-skin { color: #715321; } /* Commencement */ #calendars #trigger-cat08 span, .cat08, .cat08 .fc-event-skin, .fc-agenda .cat08 .fc-event-time, .cat08 a { border-color: #FFF; background-color: #4c4c4c; } .fc-view-month .cat08.fixedtime .fc-event-skin { color: #4c4c4c; } /* Community */ #calendars #trigger-cat09 span, .cat09, .cat09 .fc-event-skin, .fc-agenda .cat09 .fc-event-time, .cat09 a { border-color: #000; background-color: #00AFD7; } .fc-view-month .cat09.fixedtime .fc-event-skin { color: #000; } /* Current Students */ #calendars #trigger-cat10 span, .cat10, .cat10 .fc-event-skin, .fc-agenda .cat10 .fc-event-time, .cat10 a { border-color: #FFF; background-color: #00205B; } .fc-view-month .cat10.fixedtime .fc-event-skin { color: #00205B; } /* Division of Extended Studies */ #calendars #trigger-cat11 span, .cat11, .cat11 .fc-event-skin, .fc-agenda .cat11 .fc-event-time, .cat11 a { border-color: #FFF; background-color: #0951a3; } .fc-view-month .cat11.fixedtime .fc-event-skin { color: #0951a3; } /* Faculty */ #calendars #trigger-cat12 span, .cat12, .cat12 .fc-event-skin, .fc-agenda .cat12 .fc-event-time, .cat12 a { border-color: #FFF; background-color: #96072f; } .fc-view-month .cat12.fixedtime .fc-event-skin { color: #96072f; } /* Foundation Office */ #calendars #trigger-cat13 span, .cat13, .cat13 .fc-event-skin, .fc-agenda .cat13 .fc-event-time, .cat13 a { border-color: #FFF; background-color: #464748; } .fc-view-month .cat13.fixedtime .fc-event-skin { color: #464748; } /* Hasan School of Business */ #calendars #trigger-cat14 span, .cat14, .cat14 .fc-event-skin, .fc-agenda .cat14 .fc-event-time, .cat14 a { border-color: #FFF; background-color: #a00019; } .fc-view-month .cat14.fixedtime .fc-event-skin { color: #a00019; } /* Outdoor Pursuits */ #calendars #trigger-cat15 span, .cat15, .cat15 .fc-event-skin, .fc-agenda .cat15 .fc-event-time, .cat15 a { border-color: #FFF; background-color: #005511; } .fc-view-month .cat15.fixedtime .fc-event-skin { color: #005511; } /* Prospective Students */ #calendars #trigger-cat16 span, .cat16, .cat16 .fc-event-skin, .fc-agenda .cat16 .fc-event-time, .cat16 a { border-color: #FFF; background-color: #6a0bca; } .fc-view-month .cat16.fixedtime .fc-event-skin { color: #6a0bca; } /* Staff */ #calendars #trigger-cat17 span, .cat17, .cat17 .fc-event-skin, .fc-agenda .cat17 .fc-event-time, .cat17 a { border-color: #FFF; background-color: #555300; } .fc-view-month .cat17.fixedtime .fc-event-skin { color: #555300; } /* Student Recreation Center */ #calendars #trigger-cat18 span, .cat18, .cat18 .fc-event-skin, .fc-agenda .cat18 .fc-event-time, .cat18 a { border-color: #FFF; background-color: #883201; } .fc-view-month .cat18.fixedtime .fc-event-skin { color: #883201; } /* Maintenance Schedule */ #calendars #trigger-cat19 span, .cat19, .cat19 .fc-event-skin, .fc-agenda .cat19 .fc-event-time, .cat19 a { border-color: #FFF; background-color: #554c3e; } .fc-view-month .cat19.fixedtime .fc-event-skin { color: #554c3e; } /* ------ END Calendar Colors ----------*/ .col3.calendar-col { margin-right: 0; } .calendar-col .breadcrumbs .breadcrumb { background-color: transparent !important; } #csu-search-box label, .eventsList ul li:before { display: none; } .eventDtl .col6:nth-child(2) { text-align: center; } .eventDate { width: 40px; float: left; margin-right: 20px; text-align: center; } .eventDate .month { margin-bottom: 0; } .eventsList ul li { text-indent: 0 !important; padding: 0 !important; } .eventsList ul li .events .event { display: inline-block; width: 100%; } .eventsList ul li .events .event .eventText { float: left; width: 77%; } .calendarListing .time-row .time, .calendarListing .title .time { font-weight: bold; } .calendarListing .time-row, .calendarListing .description { display: inline-block; } .eventName { color: #ad132a !important; font-size: 1.2rem; font-weight: 700; text-decoration: none !important; } .eventName:hover { text-decoration: underline !important; } .fc-content table { margin-bottom: 0; } .ui-state-hover { background: #00396a !important; border-color: #00396a !important; color: #FFF !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border-color: #FFF; color: #00396a; } @media only screen and (max-width:960px) { #calendar-wrapper { float:left; } .calendar-select.categoryDropdown { margin-bottom: 0; } #csu-search-box-mobile em { font-style: normal; } #csu-search-box-mobile label { display: none; } .calendar-col .widget:first-of-type { margin: 20px 0 15px; } .fc-header, .fc-content, .col3.calendar-col .widget.eventsFor, .calendar-content-links { display: none !important; } .eventsList { display: block !important; } } /* Library Template -------------------------------------------------------------- */ .library-impact { position: relative; } .library-impact img { height: 466px; object-fit: cover; width: 100%; } .col9.library-cta-wrap { margin-right: 3%; width: 74.5%; } .library-alert { background: url(../../_files/images/library-alert.png); background-size: cover; color: #FFF; padding: 15px 10px 0; position: absolute; top: 0; width: 100%; } .library-alert.scroll-on { position: fixed; top: 89px; z-index: 99; } .library-alert h2 { color: #FFF; font-size: 1.125rem; margin-bottom: 10px; width: 90%; float: left; } .library-alert h2:before { color: #FFF; content: '\f071'; font-family: 'FontAwesome'; font-size: 1.125rem; margin-right: 10px; } .library-alert p { float: left; width: 100%; margin-bottom: 13px; } .library-alert ul li { list-style: none; } .library-alert ul li .library-alert-trigger + i:before { color: #FFF; content: '\f00d'; font-family: 'FontAwesome'; font-size: 1.5rem; position: relative; right: 15px; top: -5px; float: right; } .library-alert ul li input[type=checkbox] { cursor: pointer; opacity: 0; position: absolute; z-index: 1; float: right; width: 100%; height: 100%; right: 0; top: 0; } .library-alert ul li input[type=checkbox]:checked { float: left; right: 0; } .library-alert ul li input[type=checkbox]:checked ~ div { display: none; margin-top: 0; max-height: 0; opacity: 0; } .library-alert ul li input[type=checkbox]:checked ~ i:before { color: #FFF; content: '\f0dd'; font-family: 'FontAwesome'; font-size: 1.5rem; margin: 0; position: relative; right: 15px; top: -10px; } .library-cta { padding: 50px 0 30px; height: 100%; display: inline-block; width: 100%; } .library-cta a { text-decoration: none; } .library-cta a img{ width: 100%; } .library-cta .library-block { position: relative; margin-right: 3.5%; margin-bottom: 18px; } .library-cta .library-block.col4:nth-child(3n) { margin-right: 0; } .library-cta .library-block .college-caption { padding: 10px; position: absolute; bottom: 3px; left: 0; right: 0; background: rgba(173,19,42,.7); } .library-cta .library-block .college-caption p { color: #FFFFFF; line-height: 1.25em; text-decoration: none; text-transform: uppercase; } .library-cta .library-block a:hover .college-caption p { text-decoration: underline; } .library-info { float:right; margin-right: 0; color: #FFF; padding: 35px 27px; line-height: 1.125; height: 320px;} .library-info p, #api_hours_today_iid218_lid0 { margin-bottom: 20px; } .library-info strong { font-weight: bold; } .library-info td, .library-info tr:nth-of-type(odd) { border: none; padding: 0; background: none; } .library-social ul li { list-style: none; float: left; font-size: 2rem; margin-right: 5%; } .library-social ul li:last-child { margin-right: 0; } .library-search { background: rgba(0,57,106,.9); padding: 10px 45px; position: absolute; bottom: 70px; width: 100%;} .library-search-wrap { position: relative; } .library-search label { display: none; } .library-search .libraryform { float: left; padding: 20px 0; width: 80%; } .library-search .libraryform .button { border: 3px solid #FFF; background: none; color: #FFF; cursor: pointer; font-weight: bold; height: 45px; width: 110px; font-size: 1.125rem; font-family: 'Roboto', sans-serif; text-align:center; padding: 10px 0; display: inline-block; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; } .library-search .libraryform .button:hover { background: #FFF; color: rgba(0,57,106,1); } .library-search .libraryform input { width: 100%; } .library-search .libraryform input, .library-search .libraryform select { height: 45px; font-size: 1.125rem; font-family: 'Roboto', sans-serif; padding: 0 15px; margin-right: 12px; } .library-search .libraryform select { cursor: pointer; padding: 0 7px; width: 180px; color: #58595b; font-weight: 500; } .library-search .libraryform .dropdown-wrap { float: left; } .library-search .libraryform .searchbar { width: 65%; margin-right: 12px; float: left; } .library-search .searchbar ul.desktop { display: block; } .library-search .searchbar ul.mobile { display: none; margin: 0 0 20px; } .library-search .searchbar .searchbar-cta { margin-top: 7px; } .library-search .searchbar .searchbar-cta.desktop { display: block; } .library-search .searchbar .searchbar-cta.mobile { display: none; margin: 0 0 20px; } .library-search .searchbar .searchbar-cta a { float: left; font-size: .875rem; font-family: 'Roboto', sans-serif; color: #FFF; text-decoration: none; } .library-search .searchbar .searchbar-cta a:after { content:'|'; color: #FFF; padding: 0 10px; } .library-search .searchbar .searchbar-cta a:last-child:after { display: none; } .library-search .searchbar .searchbar-cta a:hover { text-decoration: underline; } .library-search .libary-search-cta { float: right; margin-right: 45px; } .library-search .libary-search-cta a { color: #FFF; display: block; line-height: 1.5; text-decoration: none; } .library-search .libary-search-cta a:hover { text-decoration: underline; } .student-nav.library .audience-tools a { padding: 30px 40px; } .spotlight.flexslider { margin-bottom: 0; } .spotlight.flexslider .slides img { height: auto !important; } .spotlight.flexslider .slides .featured-img { overflow: hidden; max-width: 372px; width: 100%; height: 0;padding-bottom: 62%; position: relative; } .spotlight.flexslider .flex-direction-nav .flex-next, .spotlight.flexslider .flexslider:hover .flex-direction-nav .flex-next { right: -75px !important; } .spotlight.flexslider .flex-direction-nav .flex-prev, .spotlight.flexslider .flexslider:hover .flex-direction-nav .flex-prev { left: -75px !important; } .spotlight.flexslider .flex-direction-nav a { top: 40%; } .spotlight.flexslider .flex-direction-nav a:before, .spotlight.flexslider .flex-direction-nav a:before { color: #cecece; } td.hours-col-loc { display: none; } @media screen and (max-width:1371px) { .spotlight.flexslider .flex-direction-nav a:before, .spotlight.flexslider .flex-direction-nav a:before { color: #FFF; } .spotlight.flexslider .flex-direction-nav .flex-next, .spotlight.flexslider .flexslider:hover .flex-direction-nav .flex-next { right: 0 !important; } .spotlight.flexslider .flex-direction-nav .flex-prev, .spotlight.flexslider .flexslider:hover .flex-direction-nav .flex-prev { left: 0 !important; } } @media screen and (max-width:1121px) { .library-search .libraryform .searchbar { width: 53%; } .student-nav.library .audience-tools a { padding: 30px 24px; } .spotlight.flexslider .flex-direction-nav a { top: 30%; } } @media screen and (max-width:960px) { .col3.library-info { width: 31%; margin-right: 0; float: right;} .col9.library-cta-wrap { width: 66%; } .library-alert { position: relative; display: inline-block; } .library-alert .alert-msg { display: inline-block; } .library-cta .library-block { width: 47.5%; } .library-cta .library-block:nth-child(2n) { margin-right: 0; } .library-cta .library-block.col4:nth-child(3n) { margin-right: 3.5%; } .library-cta .library-block.col4:nth-child(6n) { margin-right: 0; } .library-impact { top: 14px; margin-bottom: 15px; } .library-impact img { display: none; } .library-search { position: relative; bottom: initial; display: inline-block; } .library-search .libraryform { width: 82%; } .libary-search-cta { margin-top: 15px; margin-right: 0; } .library-search .libraryform select { padding: 5px; width: 110px; } .student-nav.library .audience-tools a { padding: 0; } .library-search .libary-search-cta { margin-right: 0; } .student-nav.library label ~ .audience-tools { display: block; background: #58595b; float: left; padding: 5px 40px; width: 100%; } .student-nav.library input:checked ~ .audience-tools { display: none; } .student-nav.library input:checked ~ label .tools-label:before { content: '\f0c9'; } .student-nav.library label .tools-label:before { content: '\f00d'; } .spotlight.flexslider .slides .featured-img { max-width: 100%; } .library-alert.scroll-on { top: 60px; } } @media screen and (max-width:768px) { .library-cta { padding: 25px 3%; } .dropdown-wrap, .library-search .libraryform input { margin-bottom: 15px; } .dropdown-wrap, .libary-search-cta, .library-search .libraryform, .library-search .libraryform select, .library-search .libraryform .button, .library-search .libraryform .searchbar, .col9.library-cta-wrap { width: 100%; } .library-search .libary-search-cta { margin: 0 auto; text-align: center; } .library-search .libary-search-cta a { display: inline-block; margin: 0 10px; } .library-search .searchbar .searchbar-cta.desktop { display: none; } .library-search .searchbar .searchbar-cta.mobile { display: block; } .library-search .searchbar .searchbar-cta { text-align: center; } .library-search .searchbar .searchbar-cta a { float: none; } /* Library Info CTA Resize */ .col3.library-info { height: auto; width: 100%; max-width: 100%; display: inline-block; margin: 0 auto 25px; float: none; } .info-col { float: left; margin-right: 4%; width: 48%; } .info-col:nth-child(2n) { margin-right: 0; } .library-social ul li { margin-right:3%; } } @media screen and (max-width:480px) { .library-search { padding: 10px 3%; } .library-cta .library-block { display: block; width: 100%; max-width: 270px; } .library-cta .library-block, .library-cta .library-block:nth-child(2n), .library-cta .library-block.col4:nth-child(3n), .library-cta .library-block.col4:nth-child(6n) { margin: 0 auto 30px; } .spotlight.flexslider .slides > li { height: auto !important; } .spotlight.flexslider .flex-direction-nav a { height: 50px; } .spotlight.flexslider .flex-direction-nav a:before { font-size: 50px; } /* Library Info CTA Resize */ .col3.library-info { height: 320px; max-width: 270px; display: block; } .info-col { float: none; margin-right: 0; width: 100%; } .library-social ul li { margin-right: 5%; } } /* Footer -------------------------------------------------------------- */ footer { padding-top: 30px !important; } .pre-footer { background: #00205b; color: #FFFFFF; float: left; width: 100%; padding: 30px 0 0; } .footer-title { font-size: 3em; text-align: center; } .footer-top { background: #00205b; min-height: 375px; } .footer-top .wrapper { color: #FFF; line-height: 1.8em; padding-top: 32px; } .footer-top .wrapper a { color: #FFF; text-decoration: none; } .footer-top .wrapper a:hover, .footer-top .wrapper a:focus { text-decoration: underline; } .footer-top .wrapper .title { font-size: 1.25em !important; color: #FFF; text-transform: uppercase; padding: 20px 0 15px; } .footer-top .wrapper .col3 { border-right: 1px solid #FFFFFF; box-sizing: border-box; margin: 0 1% 0 0; width: 23.5%; min-height: 300px; } .footer-top .wrapper .col3:nth-child(2) { /*width: 30.5%;*/ padding: 0 1% 0 1%; } .footer-top .wrapper .col3:nth-child(3) { /*width: 23.5%;*/ padding: 0 2% 0 4%; } .footer-top .wrapper .col3:last-child { /*width: 19%;*/ padding: 0 0 0 2%; border-right: none; margin: 0; } .footer-top .wrapper .col3:nth-child(1) p { font-size: 1.125em; line-height: 1.8em; padding-left: 4%; } .footer-top .wrapper .col3 ul { list-style: none; } .footer-top .wrapper .col3 li { font-size: 1.125em; line-height: 1.3em; margin-bottom: .7em; list-style-position: inside; padding-left: 21px; text-indent: -1.125em; } .footer-top .wrapper .col3 img { max-width: 225px; width: 100%; } .footer-top .wrapper .col6 p { font-size: 1.5em; } .footer-top .wrapper .col6 .address { font-size: 1.125em; padding-bottom: 10px; } .footer-middle { border-top: 1px solid #00205b; background: #00205b; min-height: 110px; } .footer-middle .connect p { color: #FFFFFF; text-align: center; font-size: 1.3em; font-style: italic; font-weight: bold; margin: 16px auto 10px; width: 100%; } .footer-middle .social { text-align: center; margin: 3px auto 0; width: 100%; max-width: 250px; padding-left: 17px; } .footer-middle .social li { float: left; font-size: 2.5em; padding-right: 7%; list-style: none; } .footer-middle .social li a { text-decoration: none; } .footer-bottom { background: #00205b; min-height: 65px; } .footer-bottom a { color: #FFF; text-decoration: none; line-height: 4em; } .footer-bottom a:hover,.footer-bottom a:focus { text-decoration: underline; } .footer-bottom ul { list-style: none; text-align: center; } .footer-bottom ul li { display: inline-block; line-height: 3.4em; font-size: .875em; } .footer-bottom ul li a { border-right: 1px solid #FFFFFF; padding: 0 11px; } .footer-bottom ul li:last-child { padding-right: 0; } .footer-bottom ul li:last-child a { border-right: none; } .phone:before { content: '\f095'; font-family: 'FontAwesome'; font-size: 1.2em; color: #FFFFFF; margin-right: 5px; } .fax:before { content: '\f1ac'; font-family: 'FontAwesome'; font-size: 1.2em; color: #FFFFFF; margin-right: 5px; } .email:before { content: '\f003'; font-family: 'FontAwesome'; font-size: 1.2em; color: #FFFFFF; margin-right: 5px; } .map { list-style-position: inside; text-indent: -1em; margin-left: 22px; } .map:before { content: '\f041'; font-family: 'FontAwesome'; font-size: 1.2em; color: #FFFFFF; margin-right: 5px; } .facebook:before { content: '\f39e'; font-family: 'FontAwesome'; color: #FFFFFF; margin-right: 5px; } .twitter:before { content: '\e61b'; font-family: 'FontAwesome'; color: #FFFFFF; margin-right: 5px; } .youtube-icon:before { content: '\f431'; font-family: 'FontAwesome'; color: #FFFFFF; margin-right: 5px; } .flicker:before { content: '\f16e'; font-family: 'FontAwesome'; color: #FFFFFF; margin-right: 5px; } .instagram:before { content: '\f16d'; font-family: 'FontAwesome'; color: #FFFFFF; margin-right: 5px; } .linkedin:before { content: '\f0e1'; font-family: 'FontAwesome'; color: #FFFFFF; margin-right: 5px; } .tiktok:before { content: '\e07b'; font-family: 'FontAwesome'; color: #FFFFFF; margin-right: 5px; } .social span { display: none; } .social li a:hover.facebook:before, .social li a:hover.instagram:before, .social li a:hover.twitter:before, .social li a:hover.youtube-icon:before, .social li a:hover.flicker:before { color: #d2d2d2; } /* Media Queries ------------------------------------------------------------------ */ @media screen and (max-width:1226px) { .header.scroll-on .toolbar ul { width: 100%; } .header.scroll-on .toolbar { max-width: 620px; width: 100%; font-weight: normal; } .header.scroll-on .main-nav ul li .subnav { top: 16px; } .main-nav ul li .subnav { min-width: 696px; } .main-nav li { font-size: 1em; } .utility-nav ul li { font-size: .7em; padding: 5px 11px; } .toolbar ul li a { padding: 12px 13.25px; } .footer-middle .social { padding-left: 20px; } .footer-middle .social li { padding: 0; width: 45px; } .footer-middle .social { padding-left: 12%; } } @media screen and (max-width:1219px) { .infoGraphic-wrap .flex-control-nav { display: block; } } @media screen and (max-width:1150px) { .student-news .news-block .slide-info { height: 100%; } } @media screen and (max-width:1107px) { #mainWrapper { padding-top: 97px; } #mainWrapper.alert-on { padding-top: 136px; } #mainWrapper.alert-active.alert-on { padding-top: 164px; } .mobileOn-search #mainWrapper { padding-top: 152px; } .mobileOn-search #mainWrapper.alert-on { padding-top: 193px; } .mobileOn-search #mainWrapper.alert-active.alert-on { padding-top: 220px; } .header .menu-bar { max-height: 66px; height: 100%; } .header .menu-bar .col4 { width: 20%; } .header .menu-bar .col8 { width: 77%; } .header.scroll-on .menu-bar { min-height: 46px; } .main-nav ul { margin-top: 25px; } .main-nav li a { padding: 23px 15px; } .footer-top { font-size: .875em; } .footer-top .wrapper .col3 img { max-width: 200px; } } @media screen and (max-width:1085px) { .adventure .block .card_content .content_wrap h3, .adventure .long-block .card_content .content_wrap h3 { margin-bottom: 3px; } .adventure .block .card_content .content_wrap p, .adventure .long-block .card_content .content_wrap p { font-size: .875rem; line-height: 1rem; color: #FFFFFF; } } @media screen and (max-width:1077px) { .alert-on .header { top: 80px; } .alert-on.alert-active .header.push-down { top: 83px; } .alert-on.alert-active .searchMobilecontent { top: 77px; } #mainWrapper.alert-active.alert-on { padding-top: 175px; } .mobileOn-search #mainWrapper.alert-active.alert-on { padding-top: 230px; } } @media screen and (max-width:1055px) { .toolbar ul li span { padding: 12px 5px; } .footer-middle .social { padding-left: 7%; font-style: italic; } } @media screen and (max-width:1000px) { .footer-middle .social { padding-left: 3%; } } @media screen and (max-width:983px) { .toolbar.col6 { width: 49.5%; } .utility-nav.col6 { margin-right: 1%; width: 49%; } } @media screen and (min-width:961px) { .announcements ul li h3:hover { opacity: 1; } .announcements ul:hover li { width: 8%; } .announcements ul:hover li:hover { width: 16.5%; } .announcements ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); } .announcements ul:hover li:hover a * { color: #FFFFFF; opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } .announcements ul:hover li:hover h3 { display: none; } .announcements ul:hover li:hover .plus-circle:before { display: none; /*content: '\f056'; font-family: 'FontAwesome'; color: white; position: absolute; bottom: 45px; left: 48%; font-size: 1.5rem;*/ } } /*------------------------------------------------------------- ********************* START MOBILE STYLES ******************* -------------------------------------------------------------*/ @media screen and (max-width:961px) and (min-width:961px) { .logo { width: 184px !important; max-width: 184px !important; -moz-transition: none !important; transition: none !important; } } @media screen and (max-width:1160px) { /* Main Nav -------------------------------------------------------------- */ #mainWrapper.push { transform: translateX(-300px); } .main-nav li { font-size: 1.15em; } .main-nav { width: 0; float: right; background: #ffffff; height: 100%; position: fixed; top: 0; right: -20px; overflow-y: scroll; } .main-nav.active { width: 300px !important; overflow-y: scroll; overflow-x: hidden; right: 0; z-index: 999; } .main-nav .col8 { width: 100% !important; } .main-nav ul { float: left; margin-top: 0; width: 100%; } .main-nav ul .navtitle { display: block; margin: 0; color: #00396a; font-size: 1em; } .main-nav ul .navtitle h3 { margin: 0; color: #00396a; font-size: 1em; } .main-nav ul li { float: none; padding: 15px; border-bottom: 1px solid #eae7e7; display: inline-block; width: 100%; } .main-nav .mobileUtility li { border-bottom: none; } .main-nav ul .az-row { border-bottom: 0; } .main-nav ul li:hover a { background: #FFFFFF; } .main-nav ul li a { padding: 14px 0; color: #58595b; font-weight: bold; } .main-nav ul li a:hover { background: none; color: #ad132a; } .main-nav ul li .subnav { display: block; position: relative; top: 0; padding: 0 0 10px 0; margin-top: 17px; min-width: 100%; } .main-nav ul li .subnav li { border: none; padding: 0; } .main-nav ul li .subnav li ul { min-height: 0; } .main-nav ul li:nth-child(2) .subnav, .main-nav ul li:nth-child(3) .subnav, .main-nav ul li:nth-child(4) .subnav, .main-nav ul li:nth-child(5) .subnav, .main-nav ul li:nth-child(6) .subnav { left:0; right: 0; } .main-nav ul li .subnav li.col4 { width: 100%; } .main-nav ul li .subnav li ul li { font-size: .875rem; line-height: 1.7em; } .main-nav ul li .subnav li ul li input[type=checkbox]:checked ~ .colnav { margin-top: 0; max-height: 0; opacity: 0; display: none; } .main-nav ul li .subnav li ul li input { display:block; } .main-nav ul li .subnav li ul li label { z-index: 1; cursor: pointer; position: relative; font-weight: bold; font-size: 1rem; display: block; padding-bottom: 6px; } .main-nav ul li .subnav > li > ul li { display: inline-block; padding: 5px 0; } .main-nav ul li .subnav > li > ul li:hover { color: #ad132a; } .main-nav ul li .subnav > li > ul li .colnav { display: block; position: relative; top: 0; margin-top: 0; } .main-nav ul li .subnav > li > ul li .colnav li { font-weight: normal; font-size: .875rem; padding: 8px 0;} .main-nav ul li .subnav > li > ul li i { right: -37px; } .main-nav ul li .subnav .mega-title { display: none; } .main-nav ul li .subnav .col4 { width: 100%; } .mob-only { display: block; } .menuIcon { display: block; position: relative; top: 19px; left: 0; width: 30px; height: auto; cursor: pointer; clear: both; text-align: left !important; } .header.scrolled .menuIcon { top: 10px; } .menuIcon > .fa-bars { font-size: 1.55em; color: #ffffff; } .header .col1.mob-only > .fa-search { text-align: right; float: right; font-size: 1.55em; position: relative; top: 17px; right: 10px; width: 30px; cursor: pointer; color: #ffffff; } .header.scrolled .menuIcon { top: 17px; } .header.scrolled .col1.mob-only > .fa-search { top: 17px; } .mobile.main-nav .mobileUtility { display: block; } .main-nav ul .az-row { padding: 0; } .main-nav ul li a.az { border-top: 1px solid #ad132a; font-size: .875em; padding: 12px 16px; } .main-nav input, .main-nav i { display: block; } .main-nav li i { float: right; width: 25px; height: 20px; position: relative; right: -35px; } .main-nav li i:before { font-family: 'FontAwesome'; content: '\f068'; color: #00205B; } .main-nav li input[type=checkbox]:checked ~ i:before { font-family: 'FontAwesome'; content: '\f067'; color: #00205B; float: right; width: 25px; } .main-nav li input[type=checkbox]:checked ~ .subnav { margin-top: 0; max-height: 0; opacity: 0; display: none; } .main-nav ul li input[type=checkbox] { cursor: pointer; opacity: 0; float:right; position: relative; z-index: 2; right: 0; margin-top: -4px; width: 25px; height: 25px;} .main-nav ul li .subnav { box-shadow:none; } .main-nav ul li:hover .subnav { display: block; } } @media screen and (max-width:960px) { .logo { -moz-transition: none !important; transition: none !important; } /* Global -------------------------------------------------------------- */ .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 { float: none; width: 100%; margin: 0; } .mobile, section.widget.mobile { display: block; } .mobileOn, .mobileOn-LN { right: 0; top: 0; left: 0; position: fixed; } .desktop { display: none; } .hide-utility { display: none; } #mainWrapper { padding-top: 75px; } #mainWrapper.alert-on { padding-top: 160px; } #mainWrapper.alert-active.alert-on { padding-top: 198px; } .mobileOn-search #mainWrapper { padding-top: 79px; } .mobileOn-search #mainWrapper.alert-on { padding-top: 177px; } .mobileOn-search #mainWrapper.alert-active.alert-on { padding-top: 250px; } .zero-height { display: none; } .categoryDropdown { width: 100%; max-width: 370px; } /* Header -------------------------------------------------------------- */ .header { background: #FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .header .logo { margin-left: 0; } .header .col1 { width: 5.5%; float: right; } .header .menu-bar .col4 { float: left; width: 61.5%; } .header .menu-bar .col8 { width: 65%; } .header .menu-bar { max-height: 60px; min-height: 60px; height: 100%; overflow: visible; } .logo { max-width: 185px; width: 100%; padding-top: 0; margin-bottom: 10px; } .header.scroll-on .menu-bar { min-height: 60px; } .header.scroll-on .toolbar { float: none; max-width: 100%; } .header.scroll-on .toolbar ul { width: 100%; } /* Call to Action Toolbar -------------------------------------------------------------- */ .utility-bar { background: #ad132a; } .header.scroll-on .utility-bar { background: #ad132a; } .toolbar ul { width: 100%; margin: 4px auto; } .toolbar ul li { width: 100%; text-align: center; } .toolbar ul li ul li { width: 33%; border-right: 1px solid #FFFFFF; text-align: center; } .toolbar ul li:nth-child(3) { border-right: none; } .toolbar ul li a.cta-tools { border-left: none; color: #FFFFFF; font-size: 1em; padding: 0; } .toolbar ul li a:hover, .toolbar ul li a:hover.apply:after, .toolbar ul li a:hover.visit:after, .toolbar ul li a:hover.give:after, .toolbar ul li a:hover.search:after { color: #FFFFFF; } .apply:after, .visit:after, .give:after { color: #FFFFFF; } .header.scroll-on .toolbar ul li a:hover { background: #ad132a; } .header.scroll-on .toolbar { width: 100%; font-weight: normal; } .header.scroll-on .toolbar ul .utility-drop { display: none; } /* Tab Panels **** Changes to Accordions on mobile -------------------------------------------------------------- */ /* Tabs container */ .featuredTab { margin-bottom: 44px; border-bottom: none; } .featuredTab .expandIcon { display: block; float: left; } .featuredTab .stepTitle { border-right: none; } /* Tab element */ .featuredTab.r-tabs .r-tabs-nav { display: none; } .featuredTab.r-tabs .r-tabs-accordion-title { display: block; } /* Accordion anchor */ .featuredTab .stepTitleWrap { display: block; float: left; } .featuredTab .stepTitle { display: block; float: left; } .featuredTab.r-tabs .r-tabs-accordion-title .r-tabs-anchor { position: relative; float: left; display: block; width: 100%; text-decoration: none; padding: 15px 2.5%; background: #00205b; } .featuredTab.r-tabs .r-tabs-accordion-title .r-tabs-anchor .stepTitle { font-size: 1.2em; margin: 0; } .featuredTab.r-tabs .r-tabs-accordion-title .r-tabs-anchor .stepSubTitle { font-size: 0.9em; padding-top: 4px; line-height: 1.5em; } /* Active state tab anchor */ .featuredTab.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor { background: #00AFD7; border-right: none; } .featuredTab.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor:hover { background: #00AFD7; } .featuredTab.r-tabs .r-tabs-accordion-title .r-tabs-anchor .expandIcon:before { float: left; position: relative; display: block; width: 14px; height: 16px; font-family: 'FontAwesome'; content: '\f067'; font-size: 1.0em; text-align: center; padding: 1px 3px 0; margin: 0 10px 0 0; } .featuredTab.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor .expandIcon:before { content: '\f068'; } /* Tab panel */ .featuredTab.r-tabs .r-tabs-panel { width: 100%; margin: 0; } .featuredTab .panelText { width: 100%; margin: 0; } /*** END: Featured Tab ***/ /* Search -------------------------------------------------------------- */ .searchMobilecontent input[type=text] { width: 76%; padding: 16px 0 8px 0; text-align: left; } /* Impact Flexslider -------------------------------------------------------------- */ .impact.flexslider { margin-top: 0; margin-bottom: 45px; } .flexslider .slides img { height: 250px !important; object-fit: cover; } .overlayContentWrapper p { font-size: 1.9em; line-height: 1.2em; margin-bottom: 10px; } .overlayWrapper.left { left: 2.5%; } .overlayWrapper.right { right: 2.5%; } .overlayContent { max-width: 500px; } .home-impact .flexslider .slides img { height: auto !important; } /* Content Area -------------------------------------------------------------- */ .columns { margin: 0; } .columns img { width: 100%; max-width: 960px; } .columns .col6 .wysiwyg-content { font-size: .875em; line-height: 1.5em; } .columns.col12 .col6:nth-child(3) { margin-top: 55px; } .columns.col12 .col4 { float: left; margin-top: 40px; } .columns.col12 .col4:first-of-type { margin-top: 0; } .content { padding-bottom: inherit; } .content:first-of-type { padding-top: 20vh; } .content .content-main h1 { margin-bottom: 5px; } .content .content-main h2 { margin-bottom: 20px; } .content .content-main .columns .col6 h3 { margin: 10px 0 5px; } .content .content-main .columns.col12 h2 { margin-bottom: 27px; } .content .content-main .impact-image { margin: 23px 0 26px; width: 100%; } .content .wysiwyg-content { font-size: .85em; line-height: 1.6em; } .content ul { margin-bottom: 0; } /* Left Navigation Area -------------------------------------------------------------- */ .left-nav { width: 0; float: left; background: #f4f4f4; height: 100%; position: fixed; top: 0; left: -20px; overflow-y: scroll; z-index: 1; } .left-nav ul { margin-top: 10px; } .left-nav ul li { border-bottom: 1px solid #eae7e7; } .left-nav ul li a { padding: 10px 15px; } .left-nav ul li i { margin-top: 7px; } .left-nav ul li ul { display: block; } .left-nav ul .navtitle { padding-left: 10px; } .left-nav.active { width: 300px !important; overflow-y: scroll; overflow-x: hidden; left: 0; } .left-nav-btn { background: #f4f4f4; margin: 15px 0; width: 100%; } #mainWrapper.right-push { transform: translateX(300px); } .mobileLeftNavTrigger { cursor: pointer; padding: 10px 0; } .mobileLeftNavTrigger span { color: #58595b; font-weight: bold; } .mobileLeftNavTrigger span:before { content: '\f0c9'; font-family: 'FontAwesome'; font-weight: normal; padding: 0 17px 0 5px; font-size: 1.2em; } .leftNav-close { float: right; width: 20%; padding: 10px 0; } .leftNav-close span { float: right; } .leftNav-close span:before { color: #636363; cursor: pointer; content: '\f00d'; font-family: 'FontAwesome'; font-weight: normal; padding: 0 5px; font-size: 1.2em; } /* Breadcrumbs -------------------------------------------------------------- */ .breadcrumbs { display: none; } .content .content-main .accordion ul .acc-row h2 { margin-bottom: 0; } /* Buttons -------------------------------------------------------------- */ .btn { margin: 20px 0 0; } .col4.btn:last-child { margin: 20px 0 0; } /* Widgets -------------------------------------------------------------- */ .widget, .widget img, .widget.wysiwyg img { width: 100%; } .events-widget .col2 { width: 14%; float: left; } .events-widget .col8 { width: 65%; float: left; } .leftCol-widget:first-of-type { margin: 0 auto; padding: 0 2.5%; } /* Landing Page -------------------------------------------------------------- */ .title-row .content-main h1 { margin-bottom: 15px; } .infoGraphic-wrap { margin-top: 30px; } /* Colleges */ .colleges-wrap { padding: 55px 0; } .colleges-wrap .college { width: 48%; float: left; margin: 0 3% 25px 0; overflow: hidden; max-height: 225px; } .colleges-wrap .college:nth-child(2n) { margin-right: 0; } .colleges-wrap .college .college-caption { bottom: 0; opacity: 1; } .colleges-wrap .row1 { margin-bottom: 0; } /* Full width accent content */ .fw-accent-wrap .accent { padding: 40px 10px; } .fw-accent-wrap .accent h2 { margin-bottom: 13px; } .fw-accent-wrap .accent p { line-height: 1.65; } .fw-accent-wrap .one-row { padding: 0; } /* Full width Impact */ .fw-impact-wrap { background-size: cover !important; background-position: center center !important; float: left; } .fw-impact-wrap .fw-caption { padding: 40px 0 0; } .fw-impact-wrap .fw-caption h2 { font-size: 2.25em; line-height: 1.05em; margin-bottom: 33px; } .fw-impact-wrap .fw-caption .wysiwyg-content { line-height: 1.5em; } .fw-impact-wrap .fw-cta { padding: 0; margin-bottom: 45px; margin-top: 35px; margin: auto; } .fw-impact-wrap .fw-cta .btn { margin: 15px auto; } .fw-impact-wrap .btn, .fw-impact-wrap .col4.btn:last-child { margin-top: 35px; } .fw-impact-wrap .btn.white a { padding: 12px 10px; } .fw-impact-wrap .white { font-size: 1em; } /* News Section */ .news-wrap h2 { font-size: 1.475em; margin-bottom: 10px; } .news-wrap .news-title p { float: left; } .news-wrap .news-title p a { font-size: 1rem; margin-bottom: 23px; } .news-wrap .news-feed h3 { margin-bottom: 0; } .news-detail { margin-top: 20px; } /* Campus Events */ .campus-events { margin-top: 40px; padding: 44px 0 30px; } .campus-events h2 { font-size: 1.5em; } .campus-events .events-row { margin-top: 34px; } .campus-events .sort-event { float: left; margin-top: 20px; } .campus-events .view-all { float: left; margin-top: 0; font-size: 1rem; padding: 0; } .campus-events .view-all a { font-size: 1em; } .campus-events .viewButton { margin-bottom: 20px; } .campus-events .flexslider { margin-bottom: 10px; } .campus-events .flex-control-nav { bottom: -25px; } .campus-events .flex-control-paging li a { width: 9px; height: 9px; } .campus-events .event-col { padding: 0 20px 0 0; } .campus-events .wrapper.one-row:first-child .col3, .campus-events .wrapper.one-row:first-child .col6 { float: left; } .campus-events .tab-container label { margin-top: 0; } .campus-events .events-slide.flexslider .flex-direction-nav .flex-next, .campus-events .events-slide.flexslider:hover .flex-direction-nav .flex-next:hover, .campus-events .events-slide.flexslider:hover .flex-direction-nav .flex-next { right: -20px; } .redboxwrap .col6:nth-child(2) { margin-right: 13%; width: 48%; float:left; } .redboxwrap .col6:nth-child(3) { width: 35%; float: left;} .redboxwrap .col6 .col2 { float: left; width: 33%; } .staff-info .redboxwrap { width: 73.5%; float: left; } .staff-info .staff-img { float: left; width: 22.5%;} .staff-info .redboxwrap ul li { margin-right: 17px; } /* Accordions */ .accordion-wrap { margin-top: 44px; } .acwrap { font-size: .875rem; } /* Faculty and Staff Page -------------------------------------------------------------- */ .staff.content .content-main { margin-top: 0; } .staff .staff-bio .col6:nth-child(2) { margin-top: 30px; } .col12 > .staff-bio .popup-gallery a, .landing-gallery .staff-bio .popup-gallery a { padding-bottom: 18%; width: 29.5%; } /* Audience Page -------------------------------------------------------------- */ /* Student Tools / Quicklinks Dropdown */ .student-nav { background: none; margin-top: 20px; } .student-nav input:checked ~ .audience-tools { display: block; background: #58595b; float: left; padding: 5px 40px; width: 100%; } .student-nav label { cursor: pointer; display: block; background: #58595b; float: left; width: 100%; padding: 8px 10px; color: #FFFFFF; text-transform: uppercase; } .student-nav label ~ .audience-tools { display: none; } .student-nav label .tools-label:before { content: '\f0c9'; font-family: 'FontAwesome'; font-weight: normal; padding: 0 17px 0 5px; font-size: 1.2em; } .student-nav input:checked ~ label .tools-label:before { cursor: pointer; content: '\f00d'; font-family: 'FontAwesome'; font-weight: normal; padding: 0 17px 0 5px; font-size: 1.2em; } .student-nav a.quicklinks:before { font-size: 1.5rem; margin: 0 auto 5px; } .student-nav a.quicklinks:before, .student-nav a.quicklinks img { display: block; } .student-nav a.quicklinks img { margin: 0 auto 5px; height: 24px; } .student-nav .audience-tools { border-bottom: none; width: 100%; } .student-nav .audience-tools a { font-size: .875rem; text-align: center; padding: 0; height: 60px; width: 102px; border-bottom: 1px solid rgba(255, 255, 255, .25); margin-bottom: 15px; margin-right: 7%; } .student-nav .audience-tools a:first-child { padding: 0; } .student-nav .audience-tools a:hover { text-decoration: underline; } .student-nav .audience-tools:nth-child(2n) a.quicklinks { padding-top: 0; } .student-nav .audience-tools:nth-child(2n) a.quicklinks:last-child, .student-nav .audience-tools:nth-child(2n) a.quicklinks:nth-last-child(2) { border-bottom: none; margin-bottom: 0; } /* Student Announcements Accordion */ .announcements { background: none; height: auto; margin: 10px auto; padding-bottom: 0; } .announcements h2 { font-size: 1.625em; margin-bottom: 27px; } .announcements ul li { display: block; width: 100%; height: auto; } .announcements ul li:nth-child(1) { background-color: #572642; background-image: none !important; } .announcements ul li:nth-child(2) { background-color: #ce7019; background-image: none !important; } .announcements ul li:nth-child(3) { background-color: #b30838; background-image: none !important; } .announcements ul li:nth-child(4) { background-color: #00396a; background-image: none !important; } .announcements ul li:nth-child(5) { background-color: #3d3e3d; background-image: none !important; } .announcements ul li div a { padding: 0 20px; } .announcements ul li div a p.note-date { position: relative; bottom: -25px; } .announcements ul li div a p.readmore { margin-top: 12px; } .announcements ul li input, .announcements ul li div a h2 { display: none; } .announcements ul li input:checked ~ .info-wrap { max-height: 220px; } .announcements ul li input:checked ~ .info-wrap a p { opacity: 1; padding: 0 0 0 50px; } .announcements ul li input:checked ~ label { height: 40px; } .announcements ul li input:checked ~ label h3:before { opacity: 0; content:'\f056'; font-family: 'FontAwesome'; padding-right: 15px; font-size: .875rem; } .announcements ul li label { cursor: pointer; display: block; height: 50px; z-index: 99999999; } .announcements ul li label h3 { text-align: left; font-size: 1.125em; font-weight: normal; padding-left: 15px; height: 30px; } .announcements ul li label h3:before { content:'\f055'; font-family: 'FontAwesome'; padding-right: 15px; font-size: .875rem; } .announcements ul li .info-wrap { max-height: 0; position: relative; overflow: hidden; z-index: 1; float: left; } .announcements ul li, .announcements ul li:hover, .announcements ul:hover li, .announcements ul:hover li:hover { position: relative; display: table; table-layout: fixed; width: 100%; -webkit-transition: none; transition: none; } .announcements .plus-circle { display: none; } .important-links.col3 { margin: 0; } .student-news .news-block.flexslider .flex-control-nav { bottom: -55px; } .news-wrap .news-feed .featured-img { max-width: 100%; } .news-content .important-links h2:first-child { margin-bottom: 30px; } /* Student News */ .news-content { margin-top: 50px; } .news-content h2:first-child { font-size: 1.65em; } .news-content .content:first-of-type { padding-top: 0; } .important-links.col3, .student-news.col9 { width: 100%; } .col3.btn:last-child { margin-top: 20px; } .student-news.col9 { display: inline-block; margin-top: 50px !important; } .student-news.col9 .blocks-wrap .col12 .col6, .student-news.col9 .clear:first-child .col6 { width: 48%; float: left; } /* Program Degree Page -------------------------------------------------------------- */ .programs .content:first-of-type { padding-top: 0; } .programs .content .content-main, .programs .dataTables_wrapper .dataTables_filter { margin-top: 0; } .programs .degrees { display: block; } .programs .featuredTab { border: 1px solid #eaeaea; } .programs .featuredTab .stepTitle { border-right: none; } .programs .featuredTab.r-tabs .r-tabs-accordion-title .r-tabs-anchor { margin-top: 7px; } .programs .featuredTab.r-tabs .r-tabs-accordion-title:first-of-type .r-tabs-anchor { margin-top: 0; } .programs .featuredTab.r-tabs .r-tabs-accordion-title .r-tabs-anchor .expandIcon:before { color: #fff; } .programs table.dataTable>tbody>tr.child ul li { margin-right: 10px; border-bottom: none; } .programs table.dataTable>tbody>tr.child ul li:last-child { margin-right: 0; } .programs table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, .programs table.dataTable.dtr-inline.collapsed>tbody>tr>th:first-child:before { left: 7px; } .programs table.dataTable tbody tr td:nth-child(2), .programs table.dataTable tbody tr td:nth-child(3), .programs table.dataTable tbody tr td:nth-child(4), .programs table.dataTable tbody tr td:nth-child(5), .programs table.dataTable tbody tr td:nth-child(6), .programs table.dataTable thead tr th:nth-child(2), .programs table.dataTable thead tr th:nth-child(3), .programs table.dataTable thead tr th:nth-child(4), .programs table.dataTable thead tr th:nth-child(5), .programs table.dataTable thead tr th:nth-child(6) { display:none; } /* News Listing Page -------------------------------------------------------------- */ .years-list { margin-bottom: 30px; display: inline-block; width: 100%; } .years-list input:checked ~ label { margin-bottom: 0; } .years-list input:checked ~ label .years-label:before { content:'\f00d'; font-family: 'FontAwesome'; padding-right: 15px; font-size: .875rem; } .years-list input:checked ~ .years { display: block; background: #58595b; float: left; padding: 5px 40px; width: 100%; } .years-list label { cursor: pointer; display: block; background: #58595b; float: left; width: 100%; padding: 8px 10px; color: #FFFFFF; text-transform: uppercase; } .years-list label .years-label:before { content:'\f0c9'; font-family: 'FontAwesome'; padding-right: 15px; font-size: .875rem; } .years-list .years { display: none; } .years-list .years a { color: #FFFFFF; } /* Home Page -------------------------------------------------------------- */ .home-impact .impact.flexslider .slides li .overlayContent { max-width: 100%; width: 100%; padding: 20px 17px; } .home-impact .impact.flexslider .slides li .overlayWrapper { background: #00396a; position: relative; top: 0; left: 0; right: 0; width: 100%; } .home-impact .impact.flexslider .slides li .dark .overlayContent h2, .home-impact .impact.flexslider .slides li .dark .overlayContent p { color: #FFF; } .home-impact .impact.flexslider .slides li .overlayWrapper.top { top: 0; } .home-impact .impact.flexslider .slides li .overlayWrapper.right { right: 0; } .home-impact .impact.flexslider .slides li .overlayWrapper.left { left: 0; } .home-impact .impact.flexslider .slides li .overlayContent h2 { font-size: 2.125rem; } .home-impact .impact.flexslider .slides li .overlayContent .overlayContentWrapper p { font-size: 1.1rem; line-height: 1.5rem; } .home-impact .impact.flexslider .slides li .overlayContent .overlayContentWrapper a { max-width: 100%; width: 100%; } .home-impact .impact.flexslider .slides > li { height: auto !important; } .home-impact .impact.flexslider .slides img { background-size: cover !important; } .home-impact .impact.flexslider { margin-bottom: 0; } .infoGraphic-wrap.homeInfo { margin-top: 3px; } .adventure .block:hover .card_content .content_wrap h3, .adventure .long-block:hover .card_content .content_wrap h3, .adventure .block .card_content .content_wrap p, .adventure .long-block .card_content .content_wrap p { display: none; } .home-fw-impact-wrap { margin: 30px 0; } .home-fw-impact-wrap .investment.flexslider .slides li img { height: 300px !important; } .home-fw-impact-wrap .investment.flexslider .slides li .overlayContent { max-width: 100%; width: 100%; padding: 20px 17px; } .home-fw-impact-wrap .investment.flexslider .slides li .overlayWrapper { position: relative; top: 0; left: 0; right: 0; width: 100%; } .home-fw-impact-wrap .investment.flexslider .slides li .overlayWrapper.top { top: 0; } .home-fw-impact-wrap .investment.flexslider .slides li .overlayWrapper.right { right: 0; } .home-fw-impact-wrap .investment.flexslider .slides li .overlayWrapper.left { left: 0; } .home-fw-impact-wrap .investment.flexslider .slides li .overlayContent h2 { font-size: 2.125rem; } .home-fw-impact-wrap .investment.flexslider .slides li .overlayContent h3 { font-size: 1.5rem; } .home-fw-impact-wrap .investment.flexslider .slides li .overlayContent .overlayContentWrapper p { font-size: 1rem; line-height: 1.5rem; } .home-fw-impact-wrap .investment.flexslider .slides li .overlayContent .overlayContentWrapper a { max-width: 100%; width: 100%; } .home-fw-impact-wrap .investment.flexslider .flex-direction-nav a.flex-prev { left: 4%; } .home-fw-impact-wrap .investment.flexslider .flex-direction-nav a.flex-next { right: 4%; } .h1-home h1 { font-size: 2.5rem; } .joinThePack .fw-impact-wrap { padding-bottom: 55px; margin-bottom: 20px; } .joinThePack .fw-impact-wrap .fw-caption { padding: 60px 3% 10px; } .joinThePack .fw-impact-wrap .fw-caption .wysiwyg-content { font-size: 1.125rem; } /* Footer -------------------------------------------------------------- */ .pre-footer { padding-bottom: 21px; border-bottom: 1px solid #3c3d3e; outline: 1px solid #626366; border-style: outset; } .footer-top { font-size: 1em; min-height: 0; max-height: 1300px;} .footer-top .wrapper { padding-top: 14px; } .footer-top .wrapper:nth-child(2) { padding-top: 36px; } .footer-top .wrapper .col3, .footer-top .wrapper .col3:nth-child(2), .footer-top .wrapper .col3:nth-child(3), .footer-top .wrapper .col3:last-child { min-height: auto; border-right: none; padding: 0; margin: 0 auto; float: none; width: 100%; text-align: center; } .footer-top .wrapper .col3:nth-child(2) { margin-top: 30px; } .footer-top .wrapper .col3:nth-child(3), .footer-top .wrapper .col3:nth-child(4) { margin-top: 40px; } .footer-top .wrapper .title { padding: 2px 0 13px; } .footer-top .wrapper .col3 img { max-width: 225px; } .footer-top .wrapper .col3 li { padding-left: 20px; text-indent: -1.2em; } .footer-middle .col12 .col4:first-child, .footer-middle .col12 .col4:nth-child(3) { display: none; } .footer-middle .connect p { margin: 20px auto 0; } .footer-middle .social { padding-left: 40px; } } @media screen and (max-width:936px) { /* Main Nav -------------------------------------------------------------- */ .main-nav li a { padding: 32px 15px; } } @media screen and (max-width:896px) { .alert-on .header { top: 83px; } .alert-on.alert-active .header.push-down { top: 88px; } .alert-on.alert-active .searchMobilecontent { top: 83px; } } @media screen and (max-width:885px) { /* Main Nav -------------------------------------------------------------- */ .main-nav li a { font-size: 90%; } .footer-top .wrapper .col6 li { margin-right: 15px; } } @media screen and (max-width:816px) { /* Main Nav -------------------------------------------------------------- */ .main-nav li a { font-size: 82%; } .flexslider .slides img { height: 250px !important; object-fit: cover; } } @media screen and (max-width:768px) { .staff-info .namewrap { display: inline-block; width: 100%; float: none; margin: 0 auto; } .staff .namewrap h1, .staff .namewrap h3 { float: none; display: block; text-align: center; margin: 0 auto; } .staff .namewrap h3 { padding-left: 0; padding-bottom: 15px; } .redboxwrap .col6:nth-child(2), .redboxwrap .col6:nth-child(3) { margin: auto; width: 100%;} .staff-info { position: relative; } .staff-info .redboxwrap { width: 50.5%; float: right; } .staff-info .staff-img { position:relative; left: 25px; width: 100%;} .staff-info .redboxwrap ul li { margin-right: 10px; } .col9 > .staff-bio .popup-gallery a {padding-bottom: 29%; width: 47.5%; } .col12 > .staff-bio .popup-gallery a, .landing-gallery .staff-bio .popup-gallery a {padding-bottom: 28.5%; width: 46.5%; } /* HOME PAGE -------------------------------------------------------------- */ .adventure .block { width: 49.75%; } .adventure .block:nth-child(2n) { margin-right: 0; } .adventure .long-block { width: 100%; } } @media screen and (max-width:650px) { .student-news .blocks-wrap { width: 100%; } .student-news .col6 p a.readmore { text-align: left; } .student-news .flexslider .slides > li { height:auto !important; } .student-news .blocks-wrap .col12 .col6 { width: 48%; float: left; margin-right: 3%;} .student-news .blocks-wrap .col12 .col6:last-child { margin-right: 0; } .student-news .news-block.flexslider { margin: 30px 0 40px; max-width: 100%; width: 100%; } .student-news .blocks-wrap a.news-block { max-width: 100%; } .student-news.col9 .clear:first-child .col6 { width: 100%; float: none; } .student-news.col9 .clear:first-child .col6 h2 { margin-bottom: 15px; } } @media screen and (max-width:603px) { /* Faculty and Staff Page -------------------------------------------------------------- */ .staff-info .redboxwrap { float: left; width: 100%; } .staff-info .redboxwrap .col6:nth-child(3){ margin-top: 20px; } .staff-info .staff-img { display: block; float: none; margin: 0 auto 25px; position: relative; top:initial; left: initial; } .staff-info .staff-bio, .staff-info .staff-bio .col6:nth-child(2) { margin-top: 20px; } .staff-info .staff-bio:last-child { margin-bottom: 0; } } @media screen and (max-width:600px) { .infoGraphic .infoWrapper { padding-left: 27%; } .popup-gallery a { background-color: #FFFFFF; width: 48%; margin-right: 2%; } .popup-gallery a:nth-child(2n) { margin-right: 0; } .news-detail.col12 .wysiwyg-content img { padding-right: 0; padding-bottom: 10px; max-width: 100%; } } @media screen and (max-width:581px) { .content:first-of-type { padding-top: 20vh; } .home-fw-impact-wrap .investment.flexslider .slides li img { height: 125px !important; } .home-fw-impact-wrap .investment.flexslider .flex-direction-nav a { top: 50px; } .adventure .block .card_title h3, .adventure .long-block .card_title h3 { font-size: 1.35rem; } } @media screen and (max-width:560px) { .alert-on .header { top: 95px; } .alert-on.alert-active .header.push-down { top: 98px; } .alert-on.alert-active .searchMobilecontent { top: 93px; } #mainWrapper.alert-active.alert-on { padding-top: 212px; } .mobileOn-search #mainWrapper.alert-active.alert-on { padding-top: 267px; } } @media screen and (max-width:553px) { .joinThePack .fw-impact-wrap { min-height: 669px; } } @media screen and (max-width:480px) { .title-row .one-row { padding: 0 6px; } .content .content-main { margin-top: 5px; } .title-row .content-main h1 { margin-bottom: 5px; } /* Search -------------------------------------------------------------- */ .searchMobilecontent input[type=text] { width: 64%; font-size: 1.125em; padding: 20px 0 15px; text-align: left; } .searchMobilecontent button[type=submit] { margin-right: 5px; } .searchMobilecontent .one-row { padding: 0 5px; } .searchMobilecontent input[type=text]::-webkit-input-placeholder { font-size: .85em; } .searchMobilecontent input[type=text]:-moz-placeholder { font-size: .85em; } .searchMobilecontent input[type=text]::-moz-placeholder { font-size: .85em; } .searchMobilecontent input[type=text]:-ms-input-placeholder { font-size: .85em; } /* Main Nav -------------------------------------------------------------- */ .main-nav { width: 0; } /* Impact Flexslider -------------------------------------------------------------- */ .impact.flexslider { margin-top: 0; margin-bottom: 25px; } .flexslider .slides > li { height: 185px !important; background-size: cover !important; } .investment.flexslider .slides > li { height: 100% !important; background-size: cover !important; } .flexslider .slides img { height: 180px !important; object-fit: cover; } .landing-impact .impact.flexslider { margin-bottom: 20px; margin-top: 0;} .home-impact .impact.flexslider .slides img { height: 180px !important; object-fit: cover; } .impact.flexslider .flex-direction-nav{ display: none; } .landing-impact .impact.flexslider .flex-control-nav { bottom: -15px; } /* Infographic Flexslider -------------------------------------------------------------- */ .infoGraphic-wrap { margin-top: 30px; margin-bottom: 42px; } .infoGraphic-wrap .col3 { border-right: none; } .infoGraphic.flexslider { min-height: 172px; } .infoGraphic .infoWrapper { padding-left: 20%; } .infoGraphic .infoCaption { padding: 0; } .student-nav .audience-tools a:nth-child(2n) { margin-right: 0; } /* AZ INDEX PAGE -------------------------------------------------------------- */ .az-content > li { text-indent: 0 !important; padding: 0 !important; } .az-content > li .fw-container .fw-body table.display tbody tr { border: 1px solid #ebe9e9; border-bottom: none; display: table; width: 100%; } .az-content > li .fw-container .fw-body table.display tbody tr td { float: left; width: 100%; max-width: 100%; border: none; padding: 0; } .az-content > li .fw-container .fw-body table.display tbody tr td a { padding-left: 30px; padding-right: 30px; } .az-content > li .fw-container .fw-body table.display tbody tr td:nth-child(2) { display: block !important; padding-left: 30px; box-sizing:border-box;} .az-content > li .fw-container .fw-body table.display thead tr th, .az-content table.dataTable.dtr-inline.collapsed>tbody>tr>td:first-child:before, .az-content table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before, .az-content table.dataTable>tbody>tr.child { display: none; } .az-filters ul > li { width: 50px; } .az-index { display: inline-block; margin-top: 15px; } .h1-home h1 { font-size: 2.25rem; } .news-wrap .news-title h2 { font-size: 1.45rem; margin-bottom: 0; } /* Footer -------------------------------------------------------------- */ .pre-footer { padding-top: 21px; } .footer-title { font-size: 2.25em; } .footer-bottom { height: auto; max-height: 60px; display: inline-block; width: 100%; margin-bottom: -5px; } .footer-bottom a { font-size: 0.875em; } .footer-bottom ul { text-align: center; padding: 0 0 0 12%; } .footer-bottom ul li { width: auto; padding: 0 1%; height: 40px; margin-top: -8px; float: none; text-align: left; } .footer-bottom ul li:nth-child(3), .footer-bottom ul li:nth-child(4) { margin-top: -16px; } .footer-bottom ul li a { padding: 0 9px; } .footer-middle .social { padding-left: 22px; } .footer-middle .social li { margin-right: 10px; } .connect .col2 { display: none; } .connect .social { margin-top: 12px; } } @media screen and (max-width:464px) { .alert-on .header { top: 99px; } .alert-on.alert-active .header.push-down { top: 105px; } .alert-on.alert-active .searchMobilecontent { top: 99px; } #mainWrapper.alert-active.alert-on { padding-top: 215px; } .col6 > .staff-bio .popup-gallery a, .col9 > .staff-bio .popup-gallery a, .col12 > .staff-bio .popup-gallery a, .landing-gallery .staff-bio .popup-gallery a { padding-bottom: 28%; width: 46.5%; } } @media screen and (max-width:405px) { .alert-on .header { top: 115px; } .alert-on.alert-active .header.push-down { top: 121px; } .alert-on.alert-active .searchMobilecontent { top: 115px; } #mainWrapper.alert-active.alert-on { padding-top: 230px; } .mobileOn-search #mainWrapper.alert-active.alert-on { padding-top: 290px; } } @media screen and (max-width:360px) { .infoGraphic .infoWrapper { padding-left: 9%; } .footer-bottom ul { padding: 0 6%; } .programs div.dataTables_wrapper div.dataTables_filter input { width: auto; } .adventure .block .card_content .content_wrap h3, .adventure .long-block .card_content .content_wrap h3 { font-size: .96rem; } } @media screen and (max-width:345px) { .programs table.dataTable>tbody>tr.child ul li:last-child{ padding-right: 26px; } } @media screen and (max-width:320px) { /* Mobile Menu -------------------------------------------------------------- */ .main-nav .mobile-search input#search { width: 120px; } } /*Header and Footer Updated CSS*/ /* ============================ Alert Banner Above Blue Header * ============================*/ /* Alert */ .alert { position: relative; color: #fff; width: 100%; padding: 0; z-index: 99; } /* Alert Message Area */ .alert { position:relative; padding: 0; color: #fff !important; max-height:31px; margin-bottom:0; } .alert .wrapper { width:100%; max-width:1820px; margin:0 auto; } .alert .wrapper:after { content: ""; clear: both; display:block; } .alert .titleWrapper { float: left; width: 90%; font-weight: bold; font-size: 1rem; color: #fff; line-height: 1.2; } .alert .title { display: table; } .alert .title > .read { display: table-cell; height: 100%; font-weight: normal; text-align: center; padding: 6px 2%; background-color: #59CBE8; } .alert .title > .note { display: table-cell; height: 100%; padding: 6px 2%; font-weight: normal; } .alert .summary { float: left; width: 100%; line-height: 2; font-size: .9rem; padding: 0; line-height: 1.4; } .alert .container:after { content: ''; clear: both; display: block; } .alert .redBg { background-color: #ad132a; } .alert .blueBg { background-color: #00AFD7; } .note, .note p { color: #fff; } .note a { color: #fff !important; text-decoration: none; } .note a:hover, .note a:focus { text-decoration: underline; } @media all and (min-width: 961px) { /* Alert */ .alert .title { width: 100%; } .alert .title > .read { width: auto; padding-left: 1%; padding-right: 1%; white-space: nowrap; } .alert .title > .note { width: auto; } } @media all and (max-width: 960px) { .alert { padding: 0; position: relative; max-height: 9999px; } .alert .titleWrapper { font-size: .9rem; } .alert .title { width: 100%; } .alert .title > .read { width: 20%; } .alert .title > .note { width: 80%; } } /* START ----------------------------------- ACCESSIBILITY STYLES */ a:focus {outline: 3px solid #c1e0fe; outline: 3px solid rgba(131,192,253,0.5); outline-offset: 1px;} .skip{position:absolute;top:-1000px; left:15px; width:auto; height:auto; text-align:left; overflow:hidden; text-decoration:none; -webkit-transition:.25s; -moz-transition:.25s; transition:.25s} .skip:active,.skip:focus,.skip:hover{ left:15px; top:15px; width:auto; height:auto; overflow:visible; background:#AD132A; padding:15px; color:#F4F4F4; font-weight:bold; font-size:14px; box-shadow:0 0 10px 0 #000; z-index:10001; text-decoration:none !important} /* END ------------------------------------- ACCESSIBILITY STYLES */ .is-desktop { display: block; } .is-mobile { display:none; } /* HEADER */ .noAlert ~ header.updated.header{ top:0; } .alert ~ header.updated.header{ top:30px; } header.updated.header ~ .home-impact { margin-top: 0!important; } header.updated { height:auto; box-shadow: 1px 1px 5px rgba( 0,0,0,.20 ); } header.updated.header { background: #ffffff; position: fixed; top: 0px; right: 0; left: 0; border-bottom:5px solid #00205B; z-index: 4; } header.updated .wrapper { width:100%; max-width:1820px; margin:0 auto; } header.updated .wrapper:after { content:""; clear:both; display:block; } header.updated a.logo { float:left; display:block; margin: 1rem; padding-top:0; max-width: 300px; } header.updated a.logo:focus { border:#f3f3f3 1px solid; } header.updated nav { float:left; } header.updated nav:after { content:""; clear:both; display:block; } header.updated nav ul:not(.sub-menu):not(.colnav) { /*float:left;*/ margin-bottom:0; position:relative; } header.updated nav ul:not(.sub-menu):not(.colnav) > li { position:static; margin-right:.75vw; height:auto; padding: 2.5rem .5rem; margin-bottom:0; } header.updated nav ul li { display:inline-block; margin-bottom:.5em; transition-duration: 0.5s; } header.updated nav ul li a { font-family: open-sans, sans-serif; font-size:1rem; font-weight:400; color:#00205B; text-decoration: none; text-transform: uppercase; } header.updated nav ul:not(.sub-menu):not(.colnav) li a { height:70px; } header.updated nav ul.sub-menu { display:none; position:absolute; visibility: hidden; opacity: 0; } header.updated nav ul.sub-menu li { display:block; } header.updated nav ul.sub-menu:not(.four) li.col4:nth-of-type(3),header.updated nav ul.sub-menu li.col4:nth-of-type(4) { margin-right: 0; } header.updated nav ul.sub-menu.four li.col4 { width: 22%; } header.updated nav ul.sub-menu:not(.four) li.col4:not(:nth-of-type(3)),header.updated nav ul.sub-menu.four li.col4:not(:nth-of-type(4)) { border-right: 1px solid #eae7e7; } header.updated nav ul.sub-menu li.col4 ul li { padding:0; } header.updated nav ul.sub-menu li label { font-weight: bold; font-size: 1rem; display: block; margin-bottom: .75rem; color: #636363; } header.updated nav ul:not(.sub-menu) li:hover > a, header.updated nav ul:not(.sub-menu):not(.colnav) li > a:focus{ border-bottom:3px solid #7DC8FF; } header.updated nav ul li:focus-within > ul.sub-menu { visibility: visible; opacity: 1; display: block; min-width:275px;padding: 1em 1em 1em 1em; min-width: 275px; top: 50px; left:-1.25em; z-index: 11; background: #FFFFFF; transition: all 0.5s ease; } header.updated nav ul li:hover > ul.sub-menu, header.updated nav ul.sub-menu:hover { visibility: visible; opacity: 1; display: block; min-width:775px; padding: 1em 1em 1em 1em; top: 91px; left: 0; z-index: 9999; background: #FFFFFF; box-shadow: 0px 4px 2px 3px #0000001f; transition: all 0.5s ease; } header.updated nav ul li:hover > ul.sub-menu.four, header.updated nav ul.sub-menu.four:hover {min-width:1040px;} header.updated nav ul li:hover > ul.sub-menu li a { color: #636363; background-color: #FFF; padding: 0; line-height: 1.125rem; text-transform: none; } header.updated nav ul li:hover > ul.sub-menu li a:hover, header.updated nav ul li:hover > ul.sub-menu li a:focus, header.updated nav ul li:hover > ul.sub-menu li a:hover, header.updated nav ul li:hover > ul.sub-menu li a:focus { z-index: 9999; position: relative; color: #ad132a; text-decoration: none; border-bottom: 0; } header.updated .eyebrow { position: relative; float:right; z-index: 99999; } header.updated .eyebrow:after { content:"";clear: both;display: block; } header.updated .eyebrow ul.secondary { float:left; list-style: none; } header.updated .eyebrow ul.secondary li { display:inline-block; padding-bottom: 1em; position:relative; padding: 2.5rem 1vw; margin-bottom:0; } header.updated .eyebrow ul.secondary li a { font-family: 'Roboto', sans-serif; font-size: 1.25rem; font-weight: 700; color: #00205B; letter-spacing: 0; text-decoration: none; text-transform: uppercase; } header.updated .eyebrow ul.secondary li a:focus, header.updated .eyebrow ul.secondary li a:hover{ border-bottom:3px solid #7DC8FF; } header.updated .eyebrow .search-toggle { float:left; padding-top: 2rem; } header.updated .eyebrow .search-toggle label > span:not(.icon) { display:none; } header.updated .eyebrow .search-toggle > label { cursor:pointer; } header.updated .eyebrow .search-toggle > label span.icon:before { content: url(../images/header/search-icon-dark.png); display: inline-block; margin-right: 1.25em; min-width: 2.125em; } header.updated .eyebrow .search-toggle > label span.icon:hover:before, header.updated .eyebrow .search-toggle > label span.icon:focus:before { content: url(../images/header/search-icon.png); } header.updated .eyebrow .personas { position:relative; float:left; background:#00205B; height: 100px; min-width: 120px; margin-right: 1.5em; padding:1em 1.5em; text-align: center; z-index:999; } header.updated .eyebrow .personas:after { position:absolute; bottom: -40px; content: ""; width: 0; left: 0; height: 0; border-left: 3.75rem solid transparent; border-right: 3.75rem solid transparent; border-top: 2.5rem solid #00205B; } header.updated .eyebrow .personas > label { font-family: open-sans, sans-serif; font-weight:bold; font-size:.975rem; cursor: pointer; color:#FFFFFF; text-transform: uppercase; } header.updated .eyebrow .personas > label > span { display: block; font-size:2em; color: #7DC8FF; margin: 1rem 0; } header.updated .eyebrow .personas > label > span:not(.icon) { display:none; font-size: .875rem; color: #FFFFFF; font-weight: 400; } header.updated .eyebrow .personas > label > span.fas.icon:before { content: url(../images/header/hamburger-menu.png); } header.updated .eyebrow .personas > label.open > span.fas.icon:before { content: url(../images/header/close-icon.png); } header.updated .eyebrow .personas > label.open > span:not(.icon).on { display:block; } header.updated .eyebrow .personas > label.open > span.off { display:none; } header.updated .eyebrow .personas > label > span.off { display:block; } header.updated .eyebrow .mobile { position: absolute; left:-99999px; } header.updated .persona-list { position:absolute; top: 132px;left: 85.5%; visibility: hidden; opacity: 0; max-height:0px; background:#00205B; } header.updated input[type=checkbox]#personatoggle:checked + .persona-list { visibility: visible; opacity: 1; display:block; padding:1.75em 1em; max-height:9999px; width:190px; transition: all .25s ease; z-index:1; } header.updated input[type=checkbox]#personatoggle:checked + .persona-list:after { display:block; } header.updated .persona-list ul { letter-spacing: initial; list-style: none; margin-top:20px; padding-left:.5rem; } header.updated .persona-list ul li { margin-bottom: .75em; } header.updated .persona-list ul li a { font-family: open-sans, sans-serif; font-size:.85rem; color:#FFFFFF; text-transform:none; text-decoration: none; } header.updated .persona-list:after { display:none; position:absolute; bottom: -56px; content: ""; width: 0; right: 0; height: 0; border-left: 5.9rem solid transparent; border-right: 5.9rem solid transparent; border-top: 3.5em solid #00205B; } header.updated .searchbox { position:absolute; right:0; left:0; visibility: hidden; opacity: 0; max-height:0px; background:#00205B; transition: all .25s ease; z-index: 100; } header.updated .searchbox .wrapper { max-width:1580px; } header.updated input[type=checkbox]#searchtoggle:checked + .searchbox { visibility: visible; opacity: .75; display:block; padding:1.75em 0; max-height:9999px; transition: all .25s ease; } header.updated .searchbox span.icon { vertical-align: middle; } header.updated .searchbox span.icon:before { content: url(../images/header/search-icon-light.png); display: inline-block; margin-right: 1.25em; min-width: 2.125em; } header.updated .searchbox input[type="search"] { font-family: open-sans, sans-serif; font-weight:300; font-size:1.125rem; width:80%; background: none; border: 0; color: #FAFBFC; text-transform: uppercase; } header.updated .searchbox button { background: transparent; border: none; outline: none; cursor: pointer; float: right; outline: 0; border: 0; color: transparent; background: transparent; height: 0; width: 0; margin-right: 7%; } header.updated .searchbox button > span { display:none; } header.updated .searchbox button:after { font-family: 'FontAwesome'; content: '\f18e'; display: inline-block; margin-right: 1.5em; font-size:2em; color: #fff; } header.updated input[type=checkbox], input[type=checkbox].mobileMenuToggle { position: absolute;left:-9999999px; } header.updated button > span { display:none; } /*header.updated.header*/ .alert-on header.updated.header { top: 67px; } .alert-on header.updated.header.alert-collapsed { top: 41px; } .alert-on header.updated.header.push-down { top: 46px; } .alert-on.alert-active header.updated.header.push-down { top: 73px; } @media all and (max-width:1820px){ header.updated .persona-list { right:40px; left:auto; } } @media all and (max-width:1720px){ header.updated .wrapper { padding:0 1em; } header.updated a.logo { width:90%; max-width:225px; } header.updated a.logo img { width:100%; } } @media all and (max-width:1560px){ header.updated a.logo { margin-right: 1em; } /* header.updated nav ul:not(.sub-menu) > li { margin-right: .75rem; } header.updated .eyebrow ul.secondary li { margin-right: .75em; }*/ header.updated nav ul:not(.sub-menu) > li a, header.updated .eyebrow ul.secondary li a { font-size: .8rem; } } @media all and (max-width:1330px){ header.updated nav ul:not(.sub-menu) > li a, header.updated .eyebrow ul.secondary li a { font-size: .675rem; } header.updated .eyebrow .personas > label > span { font-size:1em; } header.updated nav ul li:hover > ul.sub-menu.four, header.updated nav ul.sub-menu.four:hover {min-width:840px;} } @media all and (max-width:1200px){ /* header.updated nav ul:not(.sub-menu) > li { margin-right: .2rem; } header.updated .eyebrow ul.secondary li { margin-right: .2em; }*/ header.updated .eyebrow .search-toggle > label span.icon:before { margin-right: .5em; } header.updated .eyebrow ul.secondary li { margin-right:1vw; padding: 2.5rem .25rem; } } @media all and (max-width:1160px){ .is-desktop { display: none; } .is-mobile { display:block; } header.updated.header ~ .home-impact { margin-top: 0; } header.updated.header, .alert { position:relative; } .alert { max-height: 9999px; } .alert ~ header.updated.header { top: auto; } header.updated .eyebrow .mobile { position:static; left:auto; } header.updated a.logo { width:90%; max-width:225px; margin-right:.5em; transition: all .25s ease; } header.updated a.logo img { width:100%; } header.updated .eyebrow .search-toggle > label:before { margin-right: .5em; } header.updated .mobile { float:left; padding: 1em .75em 0 .75em; } header.updated .mobile > label > span { display:block; color:#26345C;font-size: 1.5rem; } header.updated .mobile > label { display:block; font-family: open-sans, sans-serif; font-weight:700; font-size:.5em; color:#26345C; } header.updated .mobile > label > span.off, header.updated .mobile > label > span.on { font-family: open-sans, sans-serif; font-weight: 700; font-size: .5rem; color: #26345C; } header.updated .mobile > label > span.off, header.updated .mobile > label.open > span.on { display:none; } header.updated .mobile > label > span.on, header.updated .mobile > label.open > span.off { display:none; } header.updated .eyebrow .mobile > label > span.fas.icon:before { content:url(../images/header/mobile-menu-toggle.jpg); } header.updated .eyebrow .mobile > label.open > span.fas.icon:before { content:"\f00d"; margin-left: 3px; color:#7DC8FF; } header.updated .eyebrow .search-toggle { padding-top: 1.0125rem; } /* .mobile-menu { visibility: hidden; opacity: 0; max-height:0px; transition: all .25s ease; margin-top: 0; background: rgba(0,0,0,.8); } input[type=checkbox]#mobiletoggle:checked + .mobile-menu { z-index: 99999; position: absolute; left:0; right:0; top:0; bottom:0; visibility: visible; opacity: 1; display:block; max-height:9999px; transition: all .25s ease; } .mobile-menu .menuWrap { float:right; width:100%; max-width:75%; height:0; } input[type=checkbox]#mobiletoggle:checked + .mobile-menu .menuWrap { height:auto; }*/ .mobile-menu ul.main { padding:2rem 15%; background:#fff; list-style: none; } .mobile-menu li { padding: .5em 1em; } .mobile-menu ul li a { font-family: open-sans, sans-serif; font-size: 1.313em; color:#FFFFFF; text-decoration: none; } .mobile-menu ul.sub-menu li a { font-size: 1em; } .mobile-menu ul li a:hover, .mobile-menu ul li a:focus { text-decoration: underline; color:#7DC8FF; } .mobile-menu ul.secondary { margin-top:1.75em; list-style: none; background:#FFFFFF; } .mobile-menu ul.mob-personas { margin-top:1.25em; list-style: none; background:#00205B;} .mobile-menu ul.secondary li a, .mobile-menu ul.mob-personas li a { font-size:.875em; } .mobile-menu ul.sub-menu { display:none; } .mobile-menu ul.main > li { position: relative; border-bottom: 1px solid #2a385b; } .mobile-menu ul.main li:after { position:absolute; content: url(../images/header/plus.png); right:1em; top:.5rem; } .mobile-menu ul.main > li.open:after { position:absolute; content: url(../images/header/minus.png); right:1em; top:.25rem; } .mobile-menu ul.main > li.open ul.sub-menu { display:block; } .mobile-menu ul.sub-menu li:after { display:none; } input[type=checkbox]#searchtoggle:checked + .searchbox { top: auto; } .mobileOn .mobile.main-nav { display:block; } .mobileOn .overlay { background: rgba(0, 0, 0, .8); position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 100; opacity: 1; } #mainWrapper.alert-active.alert-on, #mainWrapper.alert-active { padding-top: 0; } } @media all and (max-width:580px){ header.updated a.logo { width:80%; max-width:200px; } header.updated .searchbox input[type="search"] { font-size:.875em; width:70%; } header.updated .searchbox button::after { margin-right:0; } } /*#mainWrapper.alert-active.alert-on { padding-top: 0; }*/ @media screen and (max-width: 1060px) { .main-nav.active { width: 375px !important; } .mobile.main-nav ul.main { padding: 0 2rem; } .mobile.main-nav ul li .subnav li ul { padding:0; } .mobile.main-nav ul > ul > ul > ul { padding:0 0 0 1.5rem; } .mobile.main-nav ul li a { padding: 14px 0; color: #00205B; font-weight: 400; } .mobile.main-nav li input[type=checkbox]:checked ~ i:before { font-family: 'FontAwesome'; content: '\f067'; color: #01AFD7; float: right; width: 25px; } .mobile.main-nav li input[type=checkbox] ~ i:before, .mobile .main-nav li i:before { color: #01AFD7; } .mobile.main-nav ul li .subnav li ul li label { font-weight: 400; } .mobile.main-nav ul.mobileUtility { background:#00205B; padding:1rem 1.5rem; } .mobile.main-nav ul.mobileUtility li { padding: .65rem 1rem; } .mobile.main-nav ul.mobileUtility li a { color: #FFFFFF; text-transform:uppercase; font-size:.875rem; } .mobile.main-nav ul li:hover a { background:transparent; } .mobile.main-nav ul.secondary { padding: 1rem; text-align: center; display: flex; text-align: center; flex-direction: row; justify-content: space-evenly; } .mobile.main-nav ul.secondary li { display:inline-block; width:auto; border-bottom:0; text-transform:uppercase; } .mobile.main-nav ul.secondary li a { font-weight:bold; } } @media screen and (max-width: 1160px) { .footer-top { font-size: 1em; min-height: 0; max-height: 1300px;} .footer-top .wrapper { padding-top: 14px; } .footer-top .wrapper:nth-child(2) { padding-top: 36px; } .footer-top .wrapper .col3, .footer-top .wrapper .col3:nth-child(2), .footer-top .wrapper .col3:nth-child(3), .footer-top .wrapper .col3:last-child { min-height: auto; border-right: none; padding: 0; margin: 0 auto; float: none; width: 100%; text-align: center; } .footer-top .wrapper .col3:nth-child(2) { margin-top: 30px; } .footer-top .wrapper .col3:nth-child(3), .footer-top .wrapper .col3:nth-child(4) { margin-top: 40px; } .footer-top .wrapper .title { padding: 2px 0 13px; } .footer-top .wrapper .col3 img { max-width: 225px; } .footer-top .wrapper .col3 li { padding-left: 20px; text-indent: -1.2em; } .footer-middle .col12 .col4:first-child, .footer-middle .col12 .col4:nth-child(3) { display: none; } .footer-middle .connect p { margin: 20px auto 0; } .footer-middle .social { padding-left: 40px; } } /*FOOTER STYLES*/ .joinThePack, .fw-impact-wrap { margin-bottom: 0; } footer { padding-top:0!important; } footer .one-row:after { clear:both; content:""; display: block; } footer .footer-top { background:#FFFFFF; padding-bottom:3rem; } footer .footer-top .wrapper { padding-top:2rem; max-width:95%; } footer ul li a, .footer-top .wrapper a { color:#182958; } footer .footer-top .wrapper .col3 img { max-width:100%; } footer .footer-top .wrapper .col3 li { text-indent: 0; padding-left:0; padding: 0.35rem 0;} footer .footer-top .wrapper .title, footer .footer-top .wrapper .col3:nth-child(1) p { padding-left:0; color:#182958; text-transform: uppercase; font-weight:bold; letter-spacing: 0px; } footer .footer-top .map { margin-left:0; text-indent: 0; } footer .footer-top .phone:before { display: none; } footer .footer-top .fax:before { display: none; } footer .footer-top .email:before { display: none; } footer .footer-top .map:before { display: none; } footer .barWrap { position: relative; padding-left:2.5rem; } footer .barWrap:before { position:absolute; content:''; width:3px; height: 120px; top:1.5rem; left:0rem; background-color: #01AFD7; border-radius: 10px; } footer .footer-bottom { background-color: #00205B; } footer .footer-bottom .wrapper.one-row { max-width: 90%; } footer .footer-bottom span { display: inline-block; float:left; font-weight: bold; font-size: 1.125rem; font-style: italic; margin-top: 1.5rem; margin-right:2rem; color: #FFFFFF; } footer .footer-bottom ul.social { float: left; } footer .footer-bottom ul.social li a { font-size: 2.5rem; margin: 0; display: inline-block; padding: 20px 10px; line-height: 1.5rem; border: 0; } footer .footer-bottom ul.social li a > span { display:none; } footer .footer-bottom ul.links { float:right; } footer .footer-bottom ul.links li a { font-size:1rem; font-weight: 300; padding:0 1rem; } @media screen and (max-width: 1280px) { footer .footer-bottom .wrapper.one-row { max-width: 100%; } footer .footer-bottom ul.social li a { padding: 20px 5px; } footer .footer-bottom ul.links li a { padding: 0 .5rem; } } @media screen and (max-width: 1160px) { .footer-top .wrapper .col3, .footer-top .wrapper .col3:nth-child(2), .footer-top .wrapper .col3:nth-child(3), .footer-top .wrapper .col3:last-child { text-align: left; } footer .footer-top { max-height: 99999px; padding-bottom:1rem; } footer .footer-top .wrapper .col3 img { min-width: 230px; width: 100%; max-width: 500px; margin-bottom: 3rem; } footer .footer-top .wrapper .col3 li { padding: 0; } footer .footer-top .phone:before { display: inline-block; } footer .footer-top .fax:before { display: inline-block; } footer .footer-top .email:before { display: inline-block; } footer .footer-top .map:before { display: inline-block; } footer .footer-top .phone:before { display: none; } footer .footer-top .wrapper .col3 a.is-desktop {display:block;} footer .footer-top .wrapper .col3 a.is-mobile {display:none;} footer .footer-top .fax:before { display: none; } footer .footer-top .email:before { display: none; } footer .footer-top .map:before { display: none; } footer .footer-bottom span { float:none; width:100%; display:block; text-align: center; margin-top: 0; padding: .5rem; } footer .footer-bottom ul.social { float: none; } footer .footer-bottom ul.social li a { font-size: 2.5rem; margin: 0; display: inline-block; padding: 20px 4px; line-height: 1.5rem; border: 0; } footer .footer-bottom ul.links { float:none; } footer .footer-bottom ul.links li a { font-size:.75rem; } footer .barWrap { position: relative; padding-left: 2.5rem; margin: 0 7vw; } } /* ============================ SITE FOOTER 2024 * ============================*/ footer .footer-top { background: #00205B; } .footer-top .wrapper .col3 { border-right: 1px solid #00205B; } footer .footer-top .wrapper .title, footer .footer-top .wrapper .col3:nth-child(1) p { color: #fff; } footer ul li a, .footer-top .wrapper a { color: #fff; } footer .footer-bottom .socialFooter > strong { display: inline-block; float: left; font-weight: bold; font-size: 1.125rem; font-style: italic; margin-top: 1.5rem; margin-right: 2rem; color: #fff; } .socialFooter { display: flex; width: 100%; justify-content: right; padding-right: 5px; } footer .footer-bottom ul.social li a { position: relative; font-size: 1.5rem; padding: 20px 6px; text-decoration: none; } footer .footer-bottom ul.social li a > span { display: block; position: absolute; text-indent: -999999px; } .footer-bottom ul.links li { line-height: 1; margin-bottom: 15px; } .footer-bottom ul.links a { line-height: 1.4; } @media screen and (max-width: 1160px) { footer .footer-bottom .socialFooter > strong { float: none; width: 100%; display: block; text-align: center; margin-top: 0; margin-right: 0; padding: 0.5rem; } .socialFooter { justify-content: center; flex-direction: column; padding: 0 0 10px 0; } footer .footer-bottom span { margin-right: 0; } footer .footer-bottom ul.social { width: 100%; clear: both; } footer .footer-bottom .instagram:before { margin-right: 0; } } @media screen and (max-width: 480px) { .footer-bottom { max-height: none; } .footer-bottom ul { padding: 10px 30px; } .footer-bottom ul.links li { height: auto; } .footer-bottom ul.links li { height: auto; margin-top: 0; } } /* Social Icon Update */ .twitter:before { content: '\e61b'; font-family: 'FontAwesome'; color: #fff; margin-right: 5px; } /* STUDENT SUPPORT SERVICES PAGE*/ .bold {font-weight: bold;} #student-services-page {margin-bottom:40px;} #student-services-page h1 {margin-bottom: 16px;} #student-services-page p {margin-bottom: 10px;line-height: 1.5;} .tep-listing .intro { line-height: 1.5; margin: 0 0 20px 0; } /*Layout*/ @media screen and (max-width: 600px) { #support-service-cards .mix {margin-bottom: 20px;} } @media screen and (min-width: 600px) { #support-service-cards {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 40px;} #support-service-cards .mix {height: 100%;} } @media screen and (max-width:960px) { #student-services-page {padding-top: 24px;} } @media screen and (min-width: 960px) { #support-service-cards {display: grid;grid-template-columns: 1fr 1fr 1fr;grid-gap: 40px;} } /*Filters styling*/ #support-service-filters .col3 { position: relative; } #student-support-search, #filter-search, #student-support-dropdown, #filter-dropdown, #filter-emphasis {min-height: 33px; margin-top: 10px;padding: 8px 14px;border: none; outline: 2px solid #58595b;width: 100%; background: transparent; } .tep-listing #student-support-search, .tep-listing #filter-search, .tep-listing #student-support-dropdown, .tep-listing #filter-dropdown, #filter-emphasis { outline: 1px solid #d9d9d9; } .tep-listing #student-support-search:focus, .tep-listing #filter-search:focus, .tep-listing #student-support-dropdown:focus, .tep-listing #filter-dropdown:focus, #filter-emphasis:focus { outline: 1px solid #444444; } #student-support-search, #filter-search { margin-right: 25px; padding: 9px 14px; } #student-support-dropdown, #filter-dropdown, #filter-emphasis {-moz-appearance: none; -webkit-appearance: none;} #student-support-dropdown::-ms-expand, #filter-dropdown::-ms-expand, #filter-emphasis::-ms-expand { display: none; } #student-support-buttons, #filter-buttons {margin: 20px 0;} #student-support-buttons button, #filter-buttons button {background: none;border: none;padding: 0;margin: 10px 25px 10px 0;border-bottom: 2px solid #9d9d9e;text-transform: uppercase; line-height: 1.4; font-weight: 600; color: #757576;} #student-support-buttons button:hover, #filter-buttons button:hover, #filter-buttons button.mixitup-control-active, #student-support-buttons button.mixitup-control-active {border-bottom: 2px solid #00AFD7;cursor: pointer; } #support-service-filters, #support-service-filters .col6, #category-filters, #category-filters .col6 {position:relative;} #support-service-filters .filter-icon {color:#444444;position:absolute;bottom:8px;right:8px;z-index:-1;} .tep-listing #support-service-filters + .container { margin-top: 40px; } /*Card styling*/ #support-service-cards .mix, #filters-cards .mix {border: 3px solid #9d9d9e;padding: 1rem;} .tep-listing #support-service-cards .mix, .tep-listing #filters-cards .mix { border: 3px solid #f4f4f4; padding: 1rem 2rem; background-color: #f4f4f4; text-align: center; } .service-name {color: #00396a;font-size: 1.2rem;} .tep-listing .service-name { text-transform: uppercase; line-height: 1.3; margin: auto 0 15px 0; } .tep-listing .card-logo { max-width: 150px; margin: 5px auto 17px auto; } .tep-listing .support-service { display: flex; flex-direction: column; height: 100%; } .support-service i {color: #9d9d9e; margin-right: 4px; vertical-align: text-top; font-size: 1rem; line-height: 1; position: relative; bottom: 2.5px; } .support-service i.fa-map-marker-alt {color: #ad132a;} .support-service a {font-weight: bold;text-decoration: none;} .support-service a:after {content: '\f18e';font-family: "FontAwesome";font-weight: normal;font-size: 1.3em;margin-left: 10px;vertical-align: text-top;} .tep-listing a.open-popup-link { color: #007994; margin: auto auto 5px auto; display: flex; justify-content: center; align-items: center; transition: all .4s ease-in-out; } .tep-listing a.open-popup-link:hover, .tep-listing a.open-popup-link:focus { color: #ad132a; } ul.fa-ul { line-height: 1.4; margin: 0 0 0 1.3rem; } ul.fa-ul li { margin-bottom: 7px; font-size: .875rem; } .tep-listing #support-service-cards ul.fa-ul { display: inline-block; margin-bottom: 15px; } .tep-listing #support-service-cards ul.fa-ul li { display: inline; } .content .content-main ul.fa-ul li { padding-left: 0; text-indent: initial; } .content .content-main ul.fa-ul li:before { content: none; } /*Popup Styling*/ .service-popup {position: relative; background: #FFF;padding: 20px; width: auto; max-width: 700px; margin: 20px auto;border: 3px solid #9d9d9e;} .service-popup.tep-popup { display: flex; flex-direction: column; color: #fff; background-color: #00205B; border: 3px solid #00205B; } .service-popup.tep-popup .popup-heading { display: flex; flex-direction: row-reverse; margin: 0 0 20px 0; } .service-popup.tep-popup .col12 { padding: 0; } .service-popup.tep-popup .col12 > .col3.small-logo { align-content: flex-end; margin: 0; } .service-popup.tep-popup .col12 > .col9:last-child.service-heading { align-content: flex-end; margin: 0 4% 0 0; } .service-popup.tep-popup .card-logo { max-height: 70px; } .service-popup.tep-popup .small-logo { text-align: right; } .service-popup.tep-popup .service-name { color: #00afd7; line-height: 1.4; margin: 0; } .service-popup.tep-popup .popup-content { max-height: 350px; padding: 0 20px 0 0; overflow-y: auto; } .service-popup.tep-popup .popup-content a { color: #ffffff; } .service-popup p {margin: 10px 0; line-height: 1.5;} .service-popup .service-description {margin-bottom: 16px;} .service-popup i {color: #9d9d9e; margin-right: 4px; vertical-align: text-top; font-size: 1rem; line-height: 1; position: relative; bottom: 2.5px; } .service-popup i.fa-map-marker-alt {color: #ad132a;} .service-popup.tep-popup i, .service-popup.tep-popup i.fa-map-marker-alt { color: #ffffff; } .service-contact ul {list-style: none; padding: 0;} .service-contact ul li {margin-top: 10px;} .service-contact ul li:before {font-family: 'FontAwesome'; content: '\f054'; color: #cccccc; font-size: 12px; margin-right: 8px;} .service-popup.tep-popup ul.fa-ul { margin: 0 0 0 2rem; } .service-contact ul li a {color: #00396a; text-decoration: none;} .service-contact ul li a:hover {text-decoration: underline;} .service-popup.tep-popup .service-contact ul li a { color: #ffffff; } .service-contact {margin-top:16px; font-size:90%;} .service-popup.tep-popup .link-callout { margin: 25px 20px 5px 0; } .service-popup.tep-popup .link-callout a { color: #ffffff; margin-right: 25px; transition: all .4s ease-in-out; } .service-popup.tep-popup .link-callout a:hover, .service-popup.tep-popup .link-callout a:focus { color: #00afd7; } .mfp-close-btn-in .service-popup .mfp-close {color: #ffffff !important; border: 4px solid #59CBE8; position: absolute; top: -60px; opacity: 1; line-height: 1; padding: 5.5px 14px; width: 110px; text-align: right;} .mfp-close-btn-in .service-popup .mfp-close:hover, .mfp-close-btn-in .service-popup .mfp-close:focus {color: #59CBE8 !important;} .mfp-close-btn-in .service-popup .mfp-close:before {content: "close "; font-size: 16px; text-transform: uppercase; font-weight: 600; font-family: 'Roboto', sans-serif; position: relative; left: -5px; bottom: 4px;} /*No Results Message*/ .no-results-message {display: none;color: #ad132a;} .mixitup-container-failed .no-results-message {display: block;} @media all and (min-width: 961px) { .service-popup.tep-popup .service-name { font-size: 1.75rem; } } @media all and (max-width: 960px) { /*Card styling*/ .tep-listing #support-service-cards .mix, .tep-listing #filters-cards .mix { padding: 1rem; } .service-popup.tep-popup .col12 > .col3.small-logo { width: 22.5%; } .service-popup.tep-popup .col12 > .col9.service-heading { width: 73.5%; margin: 0 4% 0 0; } } /* END STUDENT SUPPORT SERVICES PAGE*/