/* ============================ FONT IMPORT * ============================*/ @font-face { font-family: 'alfonbold_italic'; src: url('../fonts/alfon_bold_italic.eot'); src: url('../fonts/alfon_bold_italic.eot?#iefix') format('embedded-opentype'), url('../fonts/alfon_bold_italic.woff') format('woff'), url('../fonts/alfon_bold_italic.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'alfonbold'; src: url('../fonts/alfon_bold.eot'); src: url('../fonts/alfon_bold.eot?#iefix') format('embedded-opentype'), url('../fonts/alfon_bold.woff') format('woff'), url('../fonts/alfon_bold.ttf') format('truetype'); font-weight: normal; font-style: normal; } /* ============================ GLOBAL ELEMENTS * ============================*/ html, body{ height:100%; } 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, 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, caption, article, aside, canvas, details, embed, figure, figcaption, footer, .header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, .header, hgroup, menu, nav, section { display: block; } body { line-height: 1.95; font-family: 'Montserrat', Helvetica, Arial, san-serif; font-weight: 400; font-size: .96em; color: #fff; background: #002D74; letter-spacing: 0.05em; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } .mobileOnly { display: none !important; } .tabletOnly { display: none!important; } .desktopOnly { display: block!important; } input[type=submit], input[type=text], input[type=email], input[type=url], input[type=password] { -webkit-appearance: none; -moz-appearance: none; border-radius: 0;-moz-border-radius: 0; -webkit-border-radius: 0; } select { padding: 5px; cursor: pointer; border-radius: 0;-moz-border-radius: 0; -webkit-border-radius: 0; border: 2px solid #FDB827; } * { -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-font-smoothing: subpixel-antialiased; box-sizing: border-box; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;} .screenreader { position: absolute; left: -10000px; } .screenreader a { color: #fff; } sup { vertical-align: super; font-size:.875em;} ol li { padding-left: 5px; } /* Global Headings */ h1, h2, h3, h4, h5, h6 { width: 100%; display: block; font-family: 'Montserrat', Helvetica, Arial, san-serif; margin-bottom:0; } h1 { font-family: 'Montserrat', Helvetica, Arial, san-serif; font-weight: 600; font-size: 2.2rem; letter-spacing: .01em; color:#002D74; line-height: 1.1; text-transform: uppercase; } h2 { font-size: 2.25rem; color:#46474A; line-height: 1.22; margin-bottom: 7px; font-weight: 500; letter-spacing: .02em;} h3 { font-family: 'alfonbold_italic'; font-size: 1.86rem; color: #46474A; line-height: 1.22; font-weight: 500; letter-spacing: .02em;} h4 { font-size: 1.5rem; color: #46474A; line-height: 1.28; font-weight: 500; letter-spacing: .02em;} h5 { font-size: 1.125rem; color: #46474A; line-height: 1.28; font-weight: 500; letter-spacing: .02em; } h6 { font-size: 1rem; color: #46474A; line-height: 1; font-weight: 500; letter-spacing: .02em; } /* Global Content */ a { color: #46474A; } /* Main Content HREF */ .mainContent a:not(.callout):not(.at-share-btn), #mainWrapper a:not(.callout):not(.at-share-btn) { color: #46474A; text-decoration: none; position: relative; border-bottom: 1px solid #FDB827; -webkit-box-shadow: inset 0 -1px 0 #FDB827; box-shadow: inset 0 -1px 0 #FDB827; transition-property: background-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .2s; transition-duration: .2s; transition-timing-function: ease; } .mainContent a:hover:not(.callout):not(.at-share-btn), #mainWrapper a:hover:not(.callout):not(.at-share-btn) { outline:0; -webkit-box-shadow: inset 0 -2px 0 #FDB827; box-shadow: inset 0 -2px 0 #FDB827; } .mainContent a:focus:not(.callout):not(.at-share-btn), #mainWrapper a:focus:not(.callout):not(.at-share-btn) { outline: 1px solid #FDB827; } .mainContent .infoWrap a:not(.callout):not(.at-share-btn), #mainWrapper .infoWrap a:not(.callout):not(.at-share-btn) { color: #fff; } /* Main Content HREF Contrast */ .contrast .mainContent a:not(.callout):not(.eventWrap), .contrast #mainWrapper a:not(.callout):not(.eventWrap) { border-bottom: 1px solid #002D74; -webkit-box-shadow: inset 0 -1px 0 #002D74; box-shadow: inset 0 -1px 0 #002D74; } .contrast .mainContent a:hover:not(.callout):not(.eventWrap), .contrast #mainWrapper a:hover:not(.callout):not(.eventWrap), .contrast .mainContent a:focus:not(.callout):not(.eventWrap), .contrast #mainWrapper a:focus:not(.callout):not(.eventWrap) { border-bottom: 1px solid #002D74; -webkit-box-shadow: inset 0 -2px 0 #002D74; box-shadow: inset 0 -2px 0 #002D74; } div:not(.dept).contrast .mainContent a:hover:not(.callout):not(.eventWrap), div:not(.dept).contrast .mainContent a:focus:not(.callout):not(.eventWrap), div:not(.dept).contrast #mainWrapper a:hover:not(.callout):not(.eventWrap), div:not(.dept).contrast #mainWrapper a:focus:not(.callout):not(.eventWrap) { outline:0; -webkit-box-shadow: inset 0 -2px 0 #002D74; box-shadow: inset 0 -2px 0 #002D74; } /* Main Content Clear HREF */ .mainContent .clear a:not(.callout), #mainWrapper .clear a:not(.callout), .contrast .mainContent .clear a:not(.callout), .contrast #mainWrapper .clear a:not(.callout) { border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 -1px 0 transparent; box-shadow: inset 0 -1px 0 transparent; } .mainContent .clear a:hover:not(.callout), .mainContent .clear a:focus:not(.callout), #mainWrapper .clear a:hover:not(.callout), #mainWrapper .content .articleListing h2.newsTitle a:focus:not(.callout) { -webkit-box-shadow: inset 0 -2px 0 #FDB827; box-shadow: inset 0 -2px 0 #FDB827; } .contrast .clear a:hover:not(.callout), .contrast .mainContent .clear a:focus:not(.callout), .contrast #mainWrapper .clear a:hover:not(.callout), .contrast #mainWrapper .clear a:focus:not(.callout) { -webkit-box-shadow: inset 0 -2px 0 #002D74; box-shadow: inset 0 -2px 0 #002D74; } /* Main Content Departments HREF */ /* COLLEGE OF AGRICULTURE AND ENVIRONMENTAL SCIENCES */ .caes .mainContent a:not(.callout):not(.eventWrap):not(.programLink), .caes #mainWrapper a:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.caes:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.caes:not(.callout):not(.eventWrap):not(.programLink), .newsBox a.caes, .contrast .newsBox a.caes { border-bottom: 1px solid #95CB89; -webkit-box-shadow: inset 0 -1px 0 #95CB89; box-shadow: inset 0 -1px 0 #95CB89; } .caes .mainContent a:hover:not(.callout):not(.eventWrap):not(.programLink), .caes .mainContent a:focus:not(.callout):not(.eventWrap):not(.programLink), .caes #mainWrapper a:hover:not(.callout):not(.eventWrap):not(.programLink), .caes #mainWrapper a:focus:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.caes:hover:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.caes:focus:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.caes:hover:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.caes:focus:not(.callout):not(.eventWrap):not(.programLink), .newsBox a.caes:hover, .newsBox a.caes:focus, .contrast .newsBox a.caes:hover, .contrast .newsBox a.caes:focus { border-bottom: 1px solid #95CB89; -webkit-box-shadow: inset 0 -2px 0 #95CB89; box-shadow: inset 0 -2px 0 #95CB89; } /* COLLEGE OF HEALTH AND HUMAN SCIENCES */ .chhs .mainContent a:not(.callout):not(.eventWrap):not(.programLink), .chhs #mainWrapper a:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.chhs:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.chhs:not(.callout):not(.eventWrap):not(.programLink), .newsBox a.chhs, .contrast .newsBox a.chhs { border-bottom: 1px solid #5CB8DC; -webkit-box-shadow: inset 0 -1px 0 #5CB8DC; box-shadow: inset 0 -1px 0 #5CB8DC; } .chhs .mainContent a:hover:not(.callout):not(.eventWrap):not(.programLink), .chhs .mainContent a:focus:not(.callout):not(.eventWrap):not(.programLink), .chhs #mainWrapper a:hover:not(.callout):not(.eventWrap):not(.programLink), .chhs #mainWrapper a:focus:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.chhs:hover:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.chhs:focus:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.chhs:hover:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.chhs:focus:not(.callout):not(.eventWrap):not(.programLink), .newsBox a.chhs:hover, .newsBox a.chhs:focus, .contrast .newsBox a.chhs:hover, .contrast .newsBox a.chhs:focus { border-bottom: 1px solid #5CB8DC; -webkit-box-shadow: inset 0 -2px 0 #5CB8DC; box-shadow: inset 0 -2px 0 #5CB8DC; } /* COLLEGE OF ARTS, HUMANITIES AND SOCIAL SCIENCES */ .chss .mainContent a:not(.callout):not(.eventWrap):not(.programLink), .chss #mainWrapper a:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.chss:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.chss:not(.callout):not(.eventWrap):not(.programLink), .newsBox a.chss, .contrast .newsBox a.chss { border-bottom: 1px solid #D9A9B0; -webkit-box-shadow: inset 0 -1px 0 #D9A9B0; box-shadow: inset 0 -1px 0 #D9A9B0; } .chss .mainContent a:hover:not(.callout):not(.eventWrap):not(.programLink), .chss .mainContent a:focus:not(.callout):not(.eventWrap):not(.programLink), .chss #mainWrapper a:hover:not(.callout):not(.eventWrap):not(.programLink), .chss #mainWrapper a:focus:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.chss:hover:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.chss:focus:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.chss:hover:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.chss:focus:not(.callout):not(.eventWrap):not(.programLink), .newsBox a.chss:hover, .newsBox a.chss:focus, .contrast .newsBox a.chss:hover, .contrast .newsBox a.chss:focus { border-bottom: 1px solid #D9A9B0; -webkit-box-shadow: inset 0 -2px 0 #D9A9B0; box-shadow: inset 0 -2px 0 #D9A9B0; } /* COLLEGE OF ENGINEERING */ .coe .mainContent a:not(.callout):not(.eventWrap):not(.programLink), .coe #mainWrapper a:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.coe:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.coe:not(.callout):not(.eventWrap):not(.programLink), .newsBox a.coe, .contrast .newsBox a.coe { border-bottom: 1px solid #BC5C45; -webkit-box-shadow: inset 0 -1px 0 #BC5C45; box-shadow: inset 0 -1px 0 #BC5C45; } .coe .mainContent a:hover:not(.callout):not(.eventWrap):not(.programLink), .coe .mainContent a:focus:not(.callout):not(.eventWrap):not(.programLink), .coe #mainWrapper a:hover:not(.callout):not(.eventWrap):not(.programLink), .coe #mainWrapper a:focus:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.coe:hover:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.coe:focus:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.coe:hover:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.coe:focus:not(.callout):not(.eventWrap):not(.programLink), .newsBox a.coe:hover, .newsBox a.coe:focus, .contrast .newsBox a.coe:hover, .contrast .newsBox a.coe:focus { border-bottom: 1px solid #BC5C45; -webkit-box-shadow: inset 0 -2px 0 #BC5C45; box-shadow: inset 0 -2px 0 #BC5C45; } /* JOINT SCHOOL OF NANOSCIENCE AND NANOENGINEERING */ .jsnn .mainContent a:not(.callout):not(.eventWrap):not(.programLink), .jsnn #mainWrapper a:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.jsnn:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.jsnn:not(.callout):not(.eventWrap):not(.programLink), .newsBox a.jsnn, .contrast .newsBox a.jsnn { border-bottom: 1px solid #DF8738; -webkit-box-shadow: inset 0 -1px 0 #DF8738; box-shadow: inset 0 -1px 0 #DF8738; } .jsnn .mainContent a:hover:not(.callout):not(.eventWrap):not(.programLink), .jsnn .mainContent a:focus:not(.callout):not(.eventWrap):not(.programLink), .jsnn #mainWrapper a:hover:not(.callout):not(.eventWrap):not(.programLink), .jsnn #mainWrapper a:focus:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.jsnn:hover:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.jsnn:focus:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.jsnn:hover:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.jsnn:focus:not(.callout):not(.eventWrap):not(.programLink), .newsBox a.jsnn:hover, .newsBox a.jsnn:focus, .contrast .newsBox a.jsnn:hover, .contrast .newsBox a.jsnn:focus { border-bottom: 1px solid #DF8738; -webkit-box-shadow: inset 0 -2px 0 #DF8738; box-shadow: inset 0 -2px 0 #DF8738; } /* COLLEGE OF BUSINESS AND ECONOMICS */ .cobe .mainContent a:not(.callout):not(.eventWrap):not(.programLink), .cobe #mainWrapper a:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.cobe:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.cobe:not(.callout):not(.eventWrap):not(.programLink), .newsBox a.cobe, .contrast .newsBox a.cobe { border-bottom: 1px solid #888890; -webkit-box-shadow: inset 0 -1px 0 #888890; box-shadow: inset 0 -1px 0 #888890; } .cobe .mainContent a:hover:not(.callout):not(.eventWrap):not(.programLink), .cobe .mainContent a:focus:not(.callout):not(.eventWrap):not(.programLink), .cobe #mainWrapper a:hover:not(.callout):not(.eventWrap):not(.programLink), .cobe #mainWrapper a:focus:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.cobe:hover:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.cobe:focus:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.cobe:hover:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.cobe:focus:not(.callout):not(.eventWrap):not(.programLink), .newsBox a.cobe:hover, .newsBox a.cobe:focus, .contrast .newsBox a.cobe:hover, .contrast .newsBox a.cobe:focus { border-bottom: 1px solid #888890; -webkit-box-shadow: inset 0 -2px 0 #888890; box-shadow: inset 0 -2px 0 #888890; } /* COLLEGE OF EDUCATION */ .coed .mainContent a:not(.callout):not(.eventWrap):not(.programLink), .coed #mainWrapper a:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.coed:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.coed:not(.callout):not(.eventWrap):not(.programLink) { border-bottom: 1px solid #FDB827; -webkit-box-shadow: inset 0 -1px 0 #FDB827; box-shadow: inset 0 -1px 0 #FDB827; } .coed .mainContent a:hover:not(.callout):not(.eventWrap):not(.programLink), .coed .mainContent a:focus:not(.callout):not(.eventWrap):not(.programLink), .coed #mainWrapper a:hover:not(.callout):not(.eventWrap):not(.programLink), .coed #mainWrapper a:focus:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.coed:hover:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.coed:focus:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.coed:hover:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.coed:focus:not(.callout):not(.eventWrap):not(.programLink){ border-bottom: 1px solid #FDB827; -webkit-box-shadow: inset 0 -2px 0 #FDB827; box-shadow: inset 0 -2px 0 #FDB827; } /* THE GRADUATE COLLEGE */ .grad .mainContent a:not(.callout):not(.eventWrap):not(.programLink), .grad #mainWrapper a:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.grad:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.grad:not(.callout):not(.eventWrap):not(.programLink), .newsBox a.grad, .contrast .newsBox a.grad { border-bottom: 1px solid #5CB8B2; -webkit-box-shadow: inset 0 -1px 0 #5CB8B2; box-shadow: inset 0 -1px 0 #5CB8B2; } .grad .mainContent a:hover:not(.callout):not(.eventWrap):not(.programLink), .grad .mainContent a:focus:not(.callout):not(.eventWrap):not(.programLink), .grad #mainWrapper a:hover:not(.callout):not(.eventWrap):not(.programLink), .grad #mainWrapper a:focus:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.grad:hover:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.grad:focus:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.grad:hover:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.grad:focus:not(.callout):not(.eventWrap):not(.programLink), .newsBox a.grad:hover, .newsBox a.grad:focus, .contrast .newsBox a.grad:hover, .contrast .newsBox a.grad:focus { border-bottom: 1px solid #5CB8B2; -webkit-box-shadow: inset 0 -2px 0 #5CB8B2; box-shadow: inset 0 -2px 0 #5CB8B2; } /* COLLEGE OF SCIENCE AND TECHNOLOGY */ .cost .mainContent a:not(.callout):not(.eventWrap):not(.programLink), .cost #mainWrapper a:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.cost:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.cost:not(.callout):not(.eventWrap):not(.programLink), .newsBox a.cost, .contrast .newsBox a.cost { border-bottom: 1px solid #9A86A9; -webkit-box-shadow: inset 0 -1px 0 #9A86A9; box-shadow: inset 0 -1px 0 #9A86A9; } .cost .mainContent a:hover:not(.callout):not(.eventWrap):not(.programLink), .cost .mainContent a:focus:not(.callout):not(.eventWrap):not(.programLink), .cost #mainWrapper a:hover:not(.callout):not(.eventWrap):not(.programLink), .cost #mainWrapper a:focus:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.cost:hover:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.cost:focus:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.cost:hover:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.cost:focus:not(.callout):not(.eventWrap):not(.programLink), .newsBox a.cost:hover, .newsBox a.cost:focus, .contrast .newsBox a.cost:hover, .contrast .newsBox a.cost:focus { border-bottom: 1px solid #9A86A9; -webkit-box-shadow: inset 0 -2px 0 #9A86A9; box-shadow: inset 0 -2px 0 #9A86A9; } /* ATHLETIC */ .athletic .mainContent a:not(.callout):not(.eventWrap):not(.programLink), .athletic #mainWrapper a:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.athletic:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.athletic:not(.callout):not(.eventWrap):not(.programLink) { border-bottom: 1px solid #002D74; -webkit-box-shadow: inset 0 -1px 0 #002D74; box-shadow: inset 0 -1px 0 #002D74; } .athletic .mainContent a:hover:not(.callout):not(.eventWrap):not(.programLink), .athletic .mainContent a:focus:not(.callout):not(.eventWrap):not(.programLink), .athletic #mainWrapper a:hover:not(.callout):not(.eventWrap):not(.programLink), .athletic #mainWrapper a:focus:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.athletic:hover:not(.callout):not(.eventWrap):not(.programLink), .mainContent a.athletic:focus:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.athletic:hover:not(.callout):not(.eventWrap):not(.programLink), #mainWrapper a.athletic:focus:not(.callout):not(.eventWrap):not(.programLink) { border-bottom: 1px solid #002D74; -webkit-box-shadow: inset 0 -2px 0 #002D74; box-shadow: inset 0 -2px 0 #002D74; } .coed.contrast .mainContent a:not(.callout):not(.eventWrap):not(.programLink), .coed.contrast #mainWrapper a:not(.callout):not(.eventWrap):not(.programLink), .contrast .mainContent a.coed:not(.callout):not(.eventWrap):not(.programLink), .contrast #mainWrapper a.coed:not(.callout):not(.eventWrap):not(.programLink) { border-bottom: 1px solid #002D74; -webkit-box-shadow: inset 0 -1px 0 #002D74; box-shadow: inset 0 -1px 0 #002D74; } .coed.contrast .mainContent a:hover:not(.callout):not(.eventWrap):not(.programLink), .coed.contrast .mainContent a:focus:not(.callout):not(.eventWrap):not(.programLink), .coed.contrast #mainWrapper a:hover:not(.callout):not(.eventWrap):not(.programLink), .coed.contrast #mainWrapper a:focus:not(.callout):not(.eventWrap):not(.programLink), .contrast .mainContent a.coed:hover:not(.callout):not(.eventWrap):not(.programLink), .contrast .mainContent a.coed:focus:not(.callout):not(.eventWrap):not(.programLink), .contrast #mainWrapper a.coed:hover:not(.callout):not(.eventWrap):not(.programLink), .contrast #mainWrapper a.coed:focus:not(.callout):not(.eventWrap):not(.programLink) { border-bottom: 1px solid #002D74; -webkit-box-shadow: inset 0 -2px 0 #002D74; box-shadow: inset 0 -2px 0 #002D74; } .toggleBtn .text { color: #fff; text-decoration: none; position: relative; border-bottom: 1px solid transparent; box-shadow: inset 0 -4px 0 transparent; transition-property: background-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .2s; transition-duration: .2s; transition-timing-function: ease; } .toggleBtn .text { color: #fff; text-decoration: none; position: relative; border-bottom: 1px solid transparent; box-shadow: inset 0 -4px 0 transparent; transition-property: background-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .2s; transition-duration: .2s; transition-timing-function: ease; } p { margin-bottom: 15px; } p.subhead { font-size: 1rem; letter-spacing: .065em; font-weight: 600; margin-bottom: 2px; text-transform: uppercase; line-height: 1.9; } em {font-style: italic;} img { border: none; height: auto; max-width: 100%; } td img { max-width: none; } strong { font-weight: 700; } iframe { max-width: 100%; } input { border-radius: 0;-webkit-border-radius:0px; } .center { text-align: center; } .align-left { float: left; margin: 10px 20px 20px 0; } .align-right { float: right; margin: 10px 0 20px 20px; } .alignCenter { text-align: center; display: block; } /* CTA Buttons */ a.cta-button, .cta-button { display: inline-block; font-size: .9rem; background-color: #002D74; color: #fff; content: '\f178'; margin-top: 10px; margin-right: 55px; padding: 9px 15px; text-transform: uppercase; text-decoration: none; cursor: pointer; border: none; } .mainContent a.cta-button:hover, #mainWrapper a.cta-button:hover, .cta-button:hover { color: #fff; text-decoration: none; background-color: #000; } #topLink em { box-shadow: 0px 0px 6px #000; } #topLink span.topLinkText { position: absolute; text-indent: -99999px; z-index: -1; } .hidden { display: none; } .hiddenLabel { position: absolute; color: #fff; text-indent: -99999px; z-index: -1; } .hiddenLabelBlue { position: absolute; color: #002D74; text-indent: -99999px; z-index: -1; } .hiddenContrastLabel { position: absolute; color: #fff; z-index: -1; text-indent: 999999px; } .loadingContent { visibility: hidden; } .fixedPosition { position: fixed; } /* ============================ One% CSS Grid - 12 Columns Fluid CSS Grid System * ============================*/ .mainContent.wrapper{ max-width: 100%; background-color: #fff; } .mainContent:after{ content:""; display:block; clear:both; } .container, .wrapper { margin-left: auto; position:relative; margin-right: auto; } .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; margin: 0 3% 0 0; } .col3 { float: left; margin: 0 2.5% 0 0; } .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, .col9.last, .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; } /*** BRAND COLORS ***/ /* ============================ Global Brand Colors * ============================*/ .colorBlock .caes { background-color: #95CB89; } .colorBlock .chhs { background-color: #5CB8DC; } .colorBlock .chss { background-color: #D9A9B0; } .colorBlock .coe { background-color: #BC5C45; } .colorBlock .jsnn { background-color: #DF8738; } .colorBlock .cobe { background-color: #888890; } .colorBlock .coed { background-color: #FDB827; } .colorBlock .grad { background-color: #5CB8B2; } .colorBlock .cost { background-color: #9A86A9; } /* ============================ Global Fonts * ============================*/ .montserrat-black { font-family: 'Montserrat', Helvetica, Arial, san-serif; font-weight: 900; } .montserrat-black-italic { font-family: 'Montserrat', Helvetica, Arial, san-serif; font-weight: 900; font-style: italic; } .montserrat-bold { font-family: 'Montserrat', Helvetica, Arial, san-serif; font-weight: 700; } .montserrat-bold-italic { font-family: 'Montserrat', Helvetica, Arial, san-serif; font-weight: 700; font-style: italic; } .montserrat-semi-bold { font-family: 'Montserrat', Helvetica, Arial, san-serif; font-weight: 600; } .montserrat-semi-bold-italic { font-family: 'Montserrat', Helvetica, Arial, san-serif; font-weight: 600; font-style: italic; } .montserrat-medium { font-family: 'Montserrat', Helvetica, Arial, san-serif; font-weight: 500; } .montserrat-medium-italic { font-family: 'Montserrat', Helvetica, Arial, san-serif; font-weight: 500; font-style: italic; } .montserrat-regular { font-family: 'Montserrat', Helvetica, Arial, san-serif; font-weight: 400; } .montserrat-regular-italic { font-family: 'Montserrat', Helvetica, Arial, san-serif; font-weight: 400; font-style: italic; } .alfon-bold { font-family: 'alfonbold'; } .alfon-bold-italic { font-family: 'alfonbold_italic'; } /* ============================ Global Text Colors * ============================ /*Blue*/.blue-font, .blue { color: #002D74; } /*White*/.white-font, .white { color: #fff; } /*Yellow*/.yellow-font, .yellow { color: #FDB827; } /* ============================ Form Styles * ============================*/ fieldset { border: 0; padding: 0; } label { cursor: pointer; } input { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-size: .9rem; color: #46474A; } select, input[type=email], input[type=url], input[type=password], textarea { color:inherit; font-family:inherit; font-size: 1em; border: 2px solid #FDB827; background: #fff; padding: 12px; margin-bottom: 15px; } select { background: rgba(255,255,255,0.1) url('../images/chosen-sprite.png') no-repeat right 20px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; -o-appearance: none; } select::-ms-expand { display: none; } /* ============================ Style Guide * ============================*/ .styleBox { margin: 20px 0; } .styleBox img { float: left; display: block; width: 100%; border: 1px solid #46474A; margin: 0 0 10px 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .styleBox .colorBlock img { border: none; } .styleBox span { float: left; display: block; font-weight: bold; } .styleBox a span { color: #46474A; text-decoration: none; position: relative; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 -1px 0 transparent; box-shadow: inset 0 -1px 0 transparent; transition-property: background-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .2s; transition-duration: .2s; transition-timing-function: ease; } .styleBox img.programIcon { max-width: 50px; max-height: 50px; } .styleBox a:hover span, .styleBox a:focus span { border-bottom: 1px solid #FDB827; -webkit-box-shadow: inset 0 -1px 0 #FDB827; box-shadow: inset 0 -1px 0 #FDB827; transition-property: background-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .2s; transition-duration: .2s; transition-timing-function: ease; } .contrast .styleBox a:hover span, .contrast .styleBox a:focus span { border-bottom: 1px solid #002D74; -webkit-box-shadow: inset 0 -1px 0 #002D74; box-shadow: inset 0 -1px 0 #002D74; transition-property: background-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .2s; transition-duration: .2s; transition-timing-function: ease; } .landing .content .columns .grayCol { background-color: #e8e8e8; border: 1px solid #46474A; text-align: center; padding: 10px 0; margin: 5px 0 !important; } .landing .content .columns .col3.grayCol { width: 25% } .landing .content .columns .col4.grayCol { width: 33.3%; } .landing .content .columns .col6.grayCol { width: 50% } #mainWrapper h1 { margin-bottom: 31px; } /* Code Box Copy */ .code-box-copy { position: relative; font-size: 16px; } .code-box-copy pre[class*="language-"] { border: 1px solid #ddd; border-radius: 2px; } .code-box-copy__btn { opacity: 1; position: absolute; top: 11px; right: 11px; width: 36px; height: 36px; background-color: #eee; border: 1px solid #ccc; color: #333; border-radius: 2px; } .code-box-copy__btn::before { display: inline-block; content: ' '; vertical-align: middle; width: 16px; height: 16px; background: url(../images/icons/ic-copy.svg) no-repeat 0 0; } .code-box-copy:hover .code-box-copy__btn { opacity: 1; } .code-box-copy__btn:disabled { background-color: #eee; border-color: #ccc; color: #333; pointer-events: none; } .code-box-copy__btn:hover { cursor: pointer; background-color: #fff; border: 1px solid #ccc; color: #333; } .code-box-copy__btn:focus, .code-box-copy__btn:active { outline: 0; } .code-box-copy__tooltip { display: none; position: absolute; bottom: -webkit-calc(100% + 11px); bottom: calc(100% + 11px); right: 0; width: 80px; padding: 6px 0; background-color: #333; color: #fff; text-align: center; border-radius: 2px; font-size: 13px; } .code-box-copy__tooltip::after { display: block; position: absolute;right: 13px; bottom: -5px; content: ' '; width: 0;height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #333 transparent transparent transparent; } /* Prism */ code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em 2em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#DD4A68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help} /* ============================ Alert * ============================*/ /* Alert */ .alert { color: #fff; z-index: 99999; width: 100%; position: relative; } /* Alert Message Toggle */ input.alertToggle[type="checkbox"] { position: absolute; width: 98%; height: 100%; cursor: pointer; z-index: 1; opacity: 0; padding: 0; margin: 0; } input.alertToggle[type="checkbox"] ~ .alertMessage { display: block; height: auto; opacity: 1; } input.alertToggle[type="checkbox"]:checked ~ .alertMessage { display: none; height: 0; opacity: 0; } .alert .alertIcon{ display: inline-block; background: url(../images/alert-icon.svg) no-repeat 0 0; width: 20px; height: 18px; margin-top: 4px; } .alert.yellowBg .alertIcon{ background: url(../images/alert-icon-gray.svg) no-repeat 0 0; } /* Alert Plus and Minus */ input.alertToggle[type="checkbox"] + div .plusToggle { float: right; display: inline-block; background: url(../images/alert-minus.svg) no-repeat 0 0; padding: 8px 22px; width: 15px; height: 15px; margin-top: 5px; } input.alertToggle[type="checkbox"]:checked + div .plusToggle { background: url(../images/alert-plus.svg) no-repeat 0 0; } .alert input.alertToggle + .toggleRow span.close { display: inline-block; padding: 2px; vertical-align: top; } .alert input.alertToggle + .toggleRow span.read { display: none; padding: 2px 5px; vertical-align: top; } .alert input.alertToggle:checked + .toggleRow span.close { display: none; } .alert input.alertToggle:checked + .toggleRow span.read { display: inline-block; } /* Alert Yellow Plus and Minus */ .alert.yellowBg input.alertToggle[type="checkbox"] + div .plusToggle { background: url(../images/alert-minus-gray.svg) no-repeat 0 0; } .alert.yellowBg input.alertToggle[type="checkbox"]:checked + div .plusToggle { background: url(../images/alert-plus-gray.svg) no-repeat 0 0; } /* Alert Message Area */ .alert .toggleRow, .alertMessage .wrapper { max-width: 100%; width: 100%; margin: 0 auto; padding: 16px 0 10px 56px; } input.alertToggle[type="checkbox"]:checked + .toggleRow { padding-bottom: 10px; } input.alertToggle[type="checkbox"] + .toggleRow { padding-bottom: 0; } .alertMessage .wrapper { padding-top: 0; padding-bottom: 0; } .alert .wrapper:after { content: ""; clear: both; display:block; } .alert .title { font-size: .9rem; display: inline-block; color: #fff; letter-spacing: .09em; } .alert .summary { float: left; width: 90%; line-height: 2; font-size: .9rem; font-weight: 600; } .alert .container:after { content: ''; clear: both; display: block; } .alert.redBg{ background-color: rgb(213,35,35); background-image: url(../images/alert-red-bg.png); background-position: 0px; } .alert.blueBg{ background-color: rgb(4,77,152); background-image: url(../images/alert-blue-bg.png); background-position: 0px; } .alert.yellowBg{ background-color: rgb(253,184,39); background-image: url(../images/alert-yellow-bg.png); background-position: 0px; } .alertMessage{ position: relative; width: 100%; background: none; color: #fff; z-index: 9999;} .alertMessage span.headline { display: block; font-size:2em; } .alertMessage p { margin-bottom: 13px; } .alertMessage a { color: #fff; margin: 0 10px; text-decoration: none; font-family: 'alfonbold_italic'; position: relative; border-bottom: 1px solid transparent; box-shadow: inset 0 -4px 0 transparent; transition-property: background-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .2s; transition-duration: .2s; transition-timing-function: ease; } .alertMessage a:hover, .alertMessage a:focus { outline:0; -webkit-box-shadow: inset 0 -1px 0 #fff; box-shadow: inset 0 -1px 0 #fff; } /* Alert Yellow Color */ .alert.yellowBg .title { color: #46474A; } .alert.yellowBg .alertMessage { color: #46474A; } .alert.yellowBg .alertMessage a { color: #46474A; } .alert.yellowBg .alertMessage a:hover, .alertMessage a:focus { -webkit-box-shadow: inset 0 -1px 0 #46474A; box-shadow: inset 0 -1px 0 #46474A; } /* ============================ Header * ============================*/ header { background: #002D74; } .header, .landing.interior.noImpactArea .header { background-color: #002D74; height: 86px; width: 100%; position: fixed; top: 0; z-index: 3; } .header, .landing.interior .header { position: relative; } .header .text, .menu .text { display: inline-block; font-size: .95rem; color: #fff; text-transform: uppercase; letter-spacing: 0.019em; } .header .container,.header .wrapper { max-width: 100%; height: 77px; } .header + .landing { margin-top: 75px; } /* Header Active Alert */ .alert ~ .header { position: relative; top: auto; } .alert ~ #mobileHeader { right: -85px; } .alert ~ .topNav { top: 0; } .alert ~ .mainBody { margin-top: -77px; } .alert ~ .menu#mobileHeader .toggleBtn.close { margin-right: 42px; } /* Logo */ .logo { position: relative; float:left; padding: 0 0 0 40px; margin: 20px 0 0 0; display: inline-block; } .logo img { max-width: 330px; width: 100%; } .logoBlue { display: none; } /* Home Header */ .home .header { background-color: transparent; background: -moz-linear-gradient(top, rgba(0,27,70,0.5) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(0,27,70,0.5) 0%,rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(0,27,70,0.5) 0%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80001b46', endColorstr='#00ffffff',GradientType=0 );} /* ============================ Utility Area * ============================*/ /* Utility */ .utilityWrapper { position: fixed; right: 0; margin-top: 7px; margin-right: 279px; display: -ms-flex; display: -moz-flex; display: -webkit-flex; display: flex; justify-content: flex-end; height: 77px; } .utilityLink { margin-left: 21px; padding: 22px 5px; } .utilityLink a { color: #fff; text-decoration: none; position: relative; border-bottom: 1px solid transparent; box-shadow: inset 0 -4px 0 transparent; transition-property: background-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .2s; transition-duration: .2s; transition-timing-function: ease; } .utilityLink a:hover, .utilityLink a:focus { outline:0; -webkit-box-shadow: inset 0 -1px 0 #FDB827; box-shadow: inset 0 -1px 0 #FDB827; } .toggleBtn .text { color: #fff; text-decoration: none; position: relative; line-height: 1.2; border-bottom: 1px solid transparent; box-shadow: inset 0 -4px 0 transparent; transition-property: background-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .2s; transition-duration: .2s; transition-timing-function: ease; } .toggleBtn:hover .text { -webkit-box-shadow: inset 0 -1px 0 #FDB827; box-shadow: inset 0 -1px 0 #FDB827; } /* Search */ input#searchtoggle[type="checkbox"] { position: fixed; display: inline; height: 0; width: 0; margin: 0; padding: 0; border: none; opacity: 0; } #searchHeader { position: fixed; right: 142px; top: 27px; display: block; } .searchToggle + #searchHeader { z-index: 4; } .searchToggle:checked + #searchHeader { z-index: 999; right: 36px; } .searchToggle:focus + #searchHeader .text { position: relative; border-bottom: 1px solid transparent; box-shadow: inset 0 -4px 0 transparent; transition-property: background-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .2s; transition-duration: .2s; transition-timing-function: ease; -webkit-box-shadow: inset 0 -1px 0 #FDB827; box-shadow: inset 0 -1px 0 #FDB827; } .searchToggle + div .toggleBtn .img { display: inline-block; margin-left: 15px; width: 13px; height: 13px; } .searchToggle + div .toggleBtn.open { display: inline-block; } .searchToggle + div .toggleBtn.open .img { background: url(../images/search-icon-white.svg) no-repeat 0 1px; background-size: 100%; } .searchToggle + div .toggleBtn.close { display: none; } .searchToggle:checked + div .toggleBtn.open { display: none; } .searchToggle:checked + div .toggleBtn.close { display: inline-block; } .searchToggle + div .toggleBtn.close > .img { background: url(../images/menu-close-icon.svg) no-repeat center; } .searchToggle ~ .searchContainer { opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: -1; } .searchToggle:checked ~ .searchContainer { top: 0; opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; z-index: 998; } .searchContainer { position: fixed; height: 100%; max-width: 100%; width: 100%; overflow: hidden; background: rgba(2, 39, 97, .95);} /* Search Input */ .searchContainer .searchBoxWrap { position: absolute; top: 48%; left: 0; right: 0; max-width: 815px; width: 100%; margin: 0 auto; } #searchBox { border: 2px solid #FDB827; margin: 0 40px; } .searchBox { color: #fff; background: rgba(2, 39, 97, .95); -webkit-appearance: none; -moz-appearance: none; border-radius: 0;-moz-border-radius: 0; -webkit-border-radius: 0; padding: 18px 35px; width: 89%; border: none; text-transform: uppercase; letter-spacing: .08em; } .searchBox::placeholder{ color: #fff; } .searchBox::-webkit-input-placeholder { color: #fff; } .searchBox::-moz-placeholder { color: #fff; } .searchBox:-ms-input-placeholder { color: #fff; } .searchBox:-moz-placeholder { color: #fff; } .searchBox:focus::-webkit-input-placeholder { color:transparent; } .searchBox:focus:-moz-placeholder { color:transparent; } .searchBox:focus::-moz-placeholder { color:transparent; } .searchBox:focus:-ms-input-placeholder { color:transparent; } .searchContainer input[type=search] { border: 0; padding: 10px 6px; width: 85%; float: left; -webkit-appearance: none; margin: 0; position: absolute; top: 5px; } .searchContainer input:focus { outline: 1px solid #002D74; } .searchContainer button[type=submit] { float: right; position: relative; border: none; font-size: 1.125em; width: 30px; height: 31px; margin-top: 10px; margin-right: 17px; overflow: hidden; cursor: pointer; background: url(../images/search-icon-input-btn.svg) no-repeat 0 center; background-size: 31px; } /* ============================ Top Navigation * ============================*/ /* Top Nav Utility Area */ .topNavWrapper { float: left; width: 82%; height: 100vh; } input#offcanvasMenu[type="checkbox"] { position: fixed; display: inline; height: 0; width: 0; margin: 0; padding: 0; border: none; opacity: 0; } .topNav .container { float: left; } /* Main Menu Toggle Menu */ #mobileHeader { position: fixed; right: 35px; top: 27px; display: block; } .toggle + #mobileHeader { z-index: 4; } .toggle:checked + #mobileHeader { z-index: 1000; } .toggle:focus + #mobileHeader .text { position: relative; border-bottom: 1px solid transparent; box-shadow: inset 0 -4px 0 transparent; transition-property: background-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .2s; transition-duration: .2s; transition-timing-function: ease; -webkit-box-shadow: inset 0 -1px 0 #FDB827; box-shadow: inset 0 -1px 0 #FDB827; } .toggleBtn { height: 45px; display: block; float: right; padding: 2px 9px 2px 0; } .toggle + div .toggleBtn > .img { display: inline-block; margin-left: 15px; width: 13px; height: 13px; } .toggle + div .toggleBtn.open { display: inline-block; } .toggle + div .toggleBtn.open > .img { background: url(../images/menu-open-icon.svg) no-repeat center; } .toggle + div .toggleBtn.close { display: none; text-indent: -999999px; } .toggle:checked + div .toggleBtn.open { display: none; } .toggle:checked + div .toggleBtn.close { display: inline-block; text-indent: 0; } .toggle + div .toggleBtn.close > .img { background: url(../images/menu-close-icon.svg) no-repeat center; } .toggle ~ .topNav { z-index: 0; } .toggle:checked ~ .topNav { position: absolute; height: 100%; width: 100%; z-index: 999; } .toggle ~ .topNav > .container > .menuContainer { position: fixed; opacity: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .toggle:checked ~ .topNav > .container > .menuContainer { background: rgba(2, 39, 97, .95); overflow: hidden; z-index: 102; width: 100%; top: 0; opacity: 1; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .menuContainer { float: left; height: 100vh; max-width: 100%; width: 100%; color: #fff; opacity: 1; margin-top: 0; position: fixed; z-index: -1; display: inline-block; overflow-x: hidden; right: 0;} /* Vertical Main Menu */ #mainMenu { float: none; max-width: 764px; width: 100%; height: 85vh; padding: 0 0 0 58px; text-align: left; margin-top: 0; margin-left: auto; margin-right: auto; overflow: auto; position:relative; z-index: 2; } #mainMenu .mainMenu { display: none; } .parentMenu input[type="checkbox"] { position: absolute; display: inline; height: 0; width: 0; margin: 0; padding: 0; border: none; opacity: 0; } .parentMenu { max-width: 350px; width: 100%; float:left; padding: 16px 0; background: url(../images/dash.png) repeat-y center right; } .mobileWrapper { float: left; width: 100%; height: 90vh; } .toggle ~ .topNav > .container #mainMenu { top: 33%; -webkit-transition: top 0.5s ease-in-out; -moz-transition: top 0.5s ease-in-out; -ms-transition: top 0.5s ease-in-out; -o-transition: top 0.5s ease-in-out; transition: top 0.5s ease-in-out; } .toggle:checked ~ .topNav > .container #mainMenu { top: 20vh; -webkit-transition: top 0.5s ease-in-out; -moz-transition: top 0.5s ease-in-out; -ms-transition: top 0.5s ease-in-out; -o-transition: top 0.5s ease-in-out; transition: top 0.5s ease-in-out; } #mainMenu ul { list-style-type:none; } #mainMenu > ul > li { font-size: 1.4rem; } #mainMenu > ul > li > a { font-size: 1.85rem; font-weight: 500; text-transform: uppercase; text-align: right; letter-spacing: .03em; line-height: 1.5; margin-bottom: 13px; } #mainMenu ul li a { padding: 7px 47px 6px 0; display:block; color:#fff; text-decoration:none; } #mainMenu ul li a:hover { color: #FDB827; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /* Main Sub Menu */ #parentMenu ul li:hover > ul { height: 74vh; margin-top: 0; } #mainMenu ul li > ul { position: absolute; top: 0; left: 406px; } #mainMenu ul li > ul li { font-size: .9rem; } #mainMenu ul li > ul li a { padding: 5px 0 5px 52px; margin-bottom: 5px; line-height: 1.5; } /* Main Menu Hover */ #mainMenu .menuItem:hover > a { color:#FDB827; } #mainMenu:hover .menuItem:hover .menuItemContent { height: auto; } #mainMenu:hover .menuItem:hover .menuItemContent { opacity: 1; min-height: 440px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .menuItemContent, #parentMenu:hover :not(.menuItemDefault) .menuItemContent { opacity: 0; height: 0; overflow: hidden; margin-top: 36px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } /* More Information Menu */ .toggle ~ .topNav > .container > .menuContainer .menuMoreInfo { margin-right: -18%; -webkit-transition: margin 0.5s ease-in-out; -moz-transition: margin 0.5s ease-in-out; -ms-transition: margin 0.5s ease-in-out; -o-transition: margin 0.5s ease-in-out; transition: margin 0.5s ease-in-out; overflow-y: hidden; } .toggle:checked ~ .topNav > .container > .menuContainer .menuMoreInfo { margin-right: 0; -webkit-transition: margin 0.5s ease-in-out; -moz-transition: margin 0.5s ease-in-out; -ms-transition: margin 0.5s ease-in-out; -o-transition: margin 0.5s ease-in-out; transition: margin 0.5s ease-in-out; overflow-y: auto; } .menuMoreInfo { background-color: #044d98; float: right; width: 18%; height: 100vh; } .menuMoreInfo li { margin-bottom: 14px; text-align: right; color: #fff; letter-spacing: 0.08em; } .menuMoreInfo a.linkTitle, .linkTitle { display: block; margin-bottom: 14px; text-transform: uppercase; } .menuMoreInfo .linkTitle { line-height: 1.3; } .menuMoreInfo a { color: #fff; text-decoration: none; letter-spacing: 0.08em; } .menuMoreInfo a:hover, .menuMoreInfo a:focus { color: #FDB827; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .menuMoreInfo > ul:nth-of-type(2) { margin-top: 91px; } #alertMessage ~ .topNav .menuMoreInfo > ul:nth-of-type(2) { margin-top: 160px; } .menuMoreInfo > ul.highContrast { padding-right: 68px; margin-bottom: 16px; line-height: 1.5; } .menuMoreInfo > ul { list-style-type: none; padding: 0 47px 0 25px; margin-bottom: 47px; } .menuMoreInfo > ul:last-of-type { margin-bottom: 0; } .menuMoreInfo ul ul { list-style-type: none; line-height: 1.5; } /* High Contrast Switch */ .highContrast a.switch { width: 60%; display: inline-block; position: relative; text-align: left; } .highContrast label.switch { display: inline-block; width: 10%; position: relative; vertical-align: top; } .highContrast .switch input { position: fixed; display: inline; height: 0; width: 0; margin: 0; padding: 0; border: none; opacity: 0; } .highContrast .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #002D74; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s; } .highContrast .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: #fff; -webkit-transition: .4s; -ms-transition: .4s; -o-transition: .4s; transition: .4s; z-index: 1; } .highContrast input:checked + .slider { background-color: #F6C255; } .highContrast input:focus + .slider { box-shadow: 0 0 9px #fff; } .highContrast input:checked + .slider:before { -webkit-transform: translateX(24px); -ms-transform: translateX(24px); transform: translateX(24px); } .highContrast .on { display: none; } .highContrast .on, .highContrast .off { color: #fff; position: absolute; transform: translate(-50%,-50%); top: 50%; font-size: .6rem; letter-spacing: 0; } .highContrast .on { left: 27%; } .highContrast .off { left: 71%; } .highContrast input:checked + .slider .on { display: block; color: #002D74; } .highContrast input:checked + .slider .off { display: none; } /* Rounded Sliders */ .highContrast input:focus .slider.round { border: 1px solid #fff; } .highContrast .slider.round { display: block; width: 48px; height: 23px; border-radius: 34px; border: 2px solid #FDB827; } .highContrast .slider.round:before { border-radius: 50%; } #mainMenu > ul.highContrast { margin-top: 59px; margin-bottom: 17px; } #mainMenu > ul.highContrast > li { color: #fff; font-size: .95rem; text-align: center; letter-spacing: .08em; } #mainMenu > ul.highContrast label.switch { margin-left: 9px; } /* Hight Contrast Colors */ .contrast #section2 .boxLeft .yellow,.contrast #section3 .boxLeft .yellow, .contrast #section4 .boxLeft .yellow, .contrast #section5 .boxLeft .yellow, .contrast #section5 .socialHeader .yellow { color: #002D74; } .contrast .newsBox a { border-bottom: 1px solid #002D74; box-shadow: inset 0 -1px 0 #002D74; } .contrast .newsBox a:hover, .contrast .newsBox a:focus { -webkit-box-shadow: inset 0 -2px 0 #002D74; box-shadow: inset 0 -2px 0 #002D74; } .contrast .footer .address .yellow { color: #46474A; } /* ============================ Content * ============================*/ .mainBody { position: relative; z-index: 2; } /* ============================ Site Footer * ============================*/ .footer { position: relative; display: block; float: left; width: 100%; min-height: 150px; font-size: 0.82rem; line-height: 1.45; color:#46474A; background-color: #F5F5F5; z-index: 6; } .interior .footer { z-index: 1; } .footer a { text-decoration: none; color: #46474A; } .footer a:hover, .footer a:focus { text-decoration: underline; } .footer :focus { outline: 1px solid #46474A; } .footer .fp-tableCell { vertical-align: top; } .footer .wrapper{ max-width: 1630px; padding: 27px 45px; } .footer .address { margin: 0 0 20px 0; line-height: 1.9; text-transform: uppercase; } .footer .address .yellow { display: inline; color: #FDB827; } .footer .address p { margin-bottom: 0; } .footer .footerlinks ul { float: left; list-style: none; margin: 27px 0px 12px 0; } .footer .footerlinks ul li { display: inline-block; margin: 0 12px 0 0; } /* Social Bar */ .socialbar { float: right; margin: 10px 0 27px 0; } .socialbar em { color:#46474A; text-align: center; width: 17px; } .socialbar a, .share a { font-size: .85rem; display: inline-block; padding: 7px 9px 8px 9px; margin: 0 0 0 8px; width: 36px; height: 36px; border: 2px solid #FDB827; text-align: center; line-height: 1.5; } .socialbar a span { display:none; } .socialbar a:hover, .socialbar a:focus { opacity: 1; filter: alpha(opacity=100); background-color: #FDB827; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .contrast .mainContent .socialbar a:not(.callout):not(.eventWrap), .contrast #mainWrapper .socialbar a:not(.callout):not(.eventWrap) { border-bottom: 2px solid #FDB827; -webkit-box-shadow: none; box-shadow: none; } /* ============================ Impact Areas * ============================*/ .wrap { position: relative; overflow: hidden; width: 100%; margin: 0 auto 15px auto; } .wrap img, .wrap video { width: 100%; height: auto; display: block; } .landing .impact.wrap { height: 564px; background-position:50% top; background-repeat: no-repeat; background-size: cover; margin: 0 auto; background-color:#46474A; z-index: 0; } .impact .blueBg { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 45, 116, .45); z-index: 1; } /* Impact Blue Gradient Options */ .impact .blueBg.Light { background-color: rgba(0, 45, 116, .15); z-index: 2; } .impact .blueBg.Medium { background-color: rgba(0, 45, 116, .30); z-index: 2; } .impact .blueBg.Dark { background-color: rgba(0, 45, 116, .45); z-index: 2; } .impact.contentWidth img { margin: 0 0 7px 0; max-width: 100%; } .impact img.impactImg { max-width: none; } .impact.wrap .caption { position: absolute; width: 100%; max-width: 1920px; margin: 0 auto; top: auto; bottom: 12%; z-index: 4; } .impact .caption .wrapper{ height:100%; } .impact .caption .wrapper .left{ position:absolute; bottom: 22.75%; left: 0; } .impact .caption .wrapper .right{ position:absolute; bottom: 22.75%; right: 15px; text-align: right; } .impact .caption .wrapper .center{ position:absolute; top:0; bottom:0; right:0; left:0; margin:auto; width:80%; height:175px; text-align: center; } .impact .caption .captionText, .impact .caption h2 { font-weight: 900; } .landing .impact .caption { position: absolute; width: 100%; max-width: 1188px; top: 44%; bottom: 0; right: 0; left: 0; text-align: center; } .landing .impact .caption .captionText { max-width: 1100px; margin: 0 auto; padding: 0 60px; font-size: 3.2rem; line-height: .9; text-align: center; text-transform: uppercase; letter-spacing: .025em; } .landing .impact .caption span { display: inline-block; clear: both; } .landing .impact .calloutWrap { padding: 0 60px; } .landing .impact .calloutWrap .callout { float: left; } .landing .impact .caption .callout { margin-top: 20px; background-color: transparent; color: #fff; text-transform: none; } /* MP4 Wrap */ .home .hero video, .landing .heroBG video { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .home .hero video { width: auto; height: auto; min-width: 100%; min-height: 100%; } /* ============================ Page Edge Vertical Dots * ============================*/ .verticalDots { position: fixed; top: 0; width: 1px; height: 100%; background: url(../images/dash.png) repeat-y; z-index: 7; } .landing.impact .verticalDots { top: 82px; } .dots.col12 .verticalDots.right { position: absolute; right: 20px; background-size: 100%; } .interior .verticalDots { z-index: 2; } .home .verticalDots { position: absolute; top: 80px; } .verticalDots.left { left: 59px; } .verticalDots.right { right: 48px; } /* ============================ Buttons * ============================*/ /* CTA Expand Slash Button */ a.callout { font-family: 'alfonbold_italic'; border: none; display: inline-block; text-align: left; cursor: pointer; outline: none; position: relative; background-color: #fff; font-size: 1rem; padding: 10px 15px; overflow: hidden; color: #002D74; text-decoration: none; letter-spacing: 0.03em; line-height: 1.5; margin: 0 15px 0 -15px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .home .hero a.callout, .bgWrap a.callout { background-color: transparent; color: #fff; } .home .hero a.callout { /*display: table;*/ clear: both; } .home .hero .center a.callout { margin: 0 auto; } .home .hero .right a.callout { float: right; } a.callout:focus { color: #002D74; background-color: #fdb827; } a.callout span, a.callout { position: relative; z-index: 1; } #mainWrapper a.callout:focus, #mainWrapper .columns a.callout:focus { outline: none !important; } a.callout:after { content: ""; position: absolute; top: 0; height: 3%; width: 8%; background: #fdb827; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; transform: translateX(-55%) translateY(1.5em) rotate(-55deg); z-index: -1; } a.callout:hover, a.callout:focus { margin-left: 0; box-shadow: none; } a.callout:hover:after { position: absolute; left: 0; top: 0; height: 1575%; width: 1255%; background: #fdb827; transform: translateX(-55%) translateY(1.5em) rotate(-55deg); z-index: -1; } /* CTA Expand Department Slash Button */ .caes #mainWrapper a.callout:hover, .caes #mainWrapper a.callout:focus, .caes a.callout:hover, .caes a.callout:focus { color: #fff; } .caes a.callout:focus, .caes a.callout:after, .caes a.callout:hover:after { background-color: #95CB89; } .chhs #mainWrapper a.callout:hover, .chhs #mainWrapper a.callout:focus, .chhs a.callout:hover, .chhs a.callout:focus { color: #fff; } .chhs a.callout:focus, .chhs a.callout:after, .chhs a.callout:hover:after { background-color: #5CB8DC; } .chss a.callout:focus, .chss a.callout:after, .chss a.callout:hover:after { background-color: #D9A9B0; } .coe #mainWrapper a.callout:hover, .coe #mainWrapper a.callout:focus, .coe a.callout:hover, .coe a.callout:focus { color: #fff; } .coe a.callout:focus, .coe a.callout:after, .coe a.callout:hover:after { background-color: #BC5C45; } .jsnn #mainWrapper a.callout:hover, .jsnn #mainWrapper a.callout:focus, .jsnn a.callout:hover, .jsnn a.callout:focus { color: #fff; } .jsnn a.callout:focus, .jsnn a.callout:after, .jsnn a.callout:hover:after { background-color: #DF8738; } .cobe #mainWrapper a.callout:hover, .cobe #mainWrapper a.callout:focus, .cobe a.callout:hover, .cobe a.callout:focus { color: #fff; } .cobe a.callout:focus, .cobe a.callout:after, .cobe a.callout:hover:after { background-color: #888890; } .coed a.callout:focus, .coed a.callout:after, .coed a.callout:hover:after { background-color: #FDB827; } .grad #mainWrapper a.callout:hover, .grad #mainWrapper a.callout:focus, .grad a.callout:hover, .grad a.callout:focus { color: #fff; } .grad a.callout:focus, .grad a.callout:after, .grad a.callout:hover:after { background-color: #5CB8B2; } .cost #mainWrapper a.callout:hover, .cost #mainWrapper a.callout:focus, .cost a.callout:hover, .cost a.callout:focus { color: #fff; } .cost a.callout:focus, .cost a.callout:after, .cost a.callout:hover:after { background-color: #9A86A9; } #mainWrapper a.callout:hover, #mainWrapper a.callout:focus, .home .hero a.callout:hover, .home .hero a.callout:focus { color: #002D74; -webkit-box-shadow: none; box-shadow: none; } /* CTA Circles */ .ctaCircleBtn { position: absolute; z-index: 8; } .landing .ctaCircleBtn { position: absolute; z-index: 2; } .landing .heroBG .ctaCircleBtn.right { top: 47%; z-index: 8; } .landing .heroBG .ctaCircleBtn .info { top: 30px; color: #fff; } .ctaCircleBtn.left { position: fixed; left: 24px; } .landing.interior.impact .ctaCircleBtn.left { position: relative; } .ctaCircleBtn.right { right: 14px; } .ctaCircleBtn.bottom { bottom: 18.5%; } .ctaCircleBtn a { border-bottom: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .ctaCircleBtn a, a > .ctaCircleBtn { color: #fff; text-decoration: none; } a > .ctaCircleBtn { width: 70px; height: 70px; top: -22px; right: 0; bottom: 0; left: 0; margin: auto; } .ctaCircleBtn.left .ctaCircle { float: left; } .ctaCircleBtn .ctaCircle { color: #fff; background-color: #FDB827; border-radius: 50%; border: 5px solid rgba(253,184,39,.6); width: 70px; height: 70px; -moz-background-clip: border; -webkit-background-clip: border; background-clip: border-box; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; -moz-background-clip: content; -webkit-background-clip: content; background-clip: content-box; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .ctaCircleBtn .ctaCircle em { display: block; font-size: 1.2rem; text-align: center; width: 28px; height: 28px; margin: 20px auto; } .ctaCircleBtn a:hover .ctaCircle, .ctaCircleBtn a:focus .ctaCircle, a:hover > .ctaCircleBtn .ctaCircle, a:focus > .ctaCircleBtn .ctaCircle { border: 5px solid rgba(253,184,39, 1.0); } /* CTA Back to Top */ .backToTop { position: fixed; bottom: 200px; right: 0px; z-index:9; } .backToTop .ctaCircleBtn a, .home .backToTop .ctaCircleBtn .info { color: #46474A; } .backToTop .ctaCircleBtn .info { width: 110px; top: 30px; letter-spacing: .09em; } .backToTop .ctaCircleBtn .info { top: -74px; right: -21px; text-align: left; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .backToTop .ctaCircleBtn .playIcon { margin: auto 20px; } .home .backToTop { display: none; } .home.fp-viewing-newsandevents .backToTop { display: block; bottom: 20%; } /* CTA Department Circles */ .caes .ctaCircleBtn .ctaCircle { background-color: #95CB89; border: 5px solid rgba(149,203,137,.6); } .caes .ctaCircleBtn a:hover .ctaCircle, .caes .ctaCircleBtn a:focus .ctaCircle, .caes a:hover > .ctaCircleBtn .ctaCircle, .caes a:focus > .ctaCircleBtn .ctaCircle { border: 5px solid rgba(149,203,137, 1.0); } .chhs .ctaCircleBtn .ctaCircle { background-color: #5CB8DC; border: 5px solid rgba(92,184,220,.6); } .chhs .ctaCircleBtn a:hover .ctaCircle, .chhs .ctaCircleBtn a:focus .ctaCircle, .chhs a:hover > .ctaCircleBtn .ctaCircle, .chhs a:focus > .ctaCircleBtn .ctaCircle { border: 5px solid rgba(92,184,220, 1.0); } .chss .ctaCircleBtn .ctaCircle { background-color: #D9A9B0; border: 5px solid rgba(217,169,176,.6); } .chss .ctaCircleBtn a:hover .ctaCircle, .chss .ctaCircleBtn a:focus .ctaCircle, .chss a:hover > .ctaCircleBtn .ctaCircle, .chss a:focus > .ctaCircleBtn .ctaCircle { border: 5px solid rgba(217,169,176, 1.0); } .coe .ctaCircleBtn .ctaCircle { background-color: #BC5C45; border: 5px solid rgba(188,92,69,.6); } .coe .ctaCircleBtn a:hover .ctaCircle, .coe .ctaCircleBtn a:focus .ctaCircle, .coe a:hover > .ctaCircleBtn .ctaCircle, .coe a:focus > .ctaCircleBtn .ctaCircle { border: 5px solid rgba(188,92,69, 1.0); } .jsnn .ctaCircleBtn .ctaCircle { background-color: #DF8738; border: 5px solid rgba(223,135,56,.6); } .jsnn .ctaCircleBtn a:hover .ctaCircle, .jsnn .ctaCircleBtn a:focus .ctaCircle, .jsnn a:hover > .ctaCircleBtn .ctaCircle, .jsnn a:focus > .ctaCircleBtn .ctaCircle { border: 5px solid rgba(223,135,56, 1.0); } .cobe .ctaCircleBtn .ctaCircle { background-color: #888890; border: 5px solid rgba(136,136,144,.6); } .cobe .ctaCircleBtn a:hover .ctaCircle, .cobe .ctaCircleBtn a:focus .ctaCircle, .cobe a:hover > .ctaCircleBtn .ctaCircle, .cobe a:focus > .ctaCircleBtn .ctaCircle { border: 5px solid rgba(136,136,144, 1.0); } .coed .ctaCircleBtn .ctaCircle { background-color: #FDB827; border: 5px solid rgba(253,184,39,.6); } .coed .ctaCircleBtn a:hover .ctaCircle, .coed .ctaCircleBtn a:focus .ctaCircle, .coed a:hover > .ctaCircleBtn .ctaCircle, .coed a:focus > .ctaCircleBtn .ctaCircle { border: 5px solid rgba(253,184,39, 1.0); } .grad .ctaCircleBtn .ctaCircle { background-color: #5CB8B2; border: 5px solid rgba(92,184,178,.6); } .grad .ctaCircleBtn a:hover .ctaCircle, .grad .ctaCircleBtn a:focus .ctaCircle, .grad a:hover > .ctaCircleBtn .ctaCircle, .grad a:focus > .ctaCircleBtn .ctaCircle { border: 5px solid rgba(92,184,178, 1.0); } .cost .ctaCircleBtn .ctaCircle { background-color: #9A86A9; border: 5px solid rgba(154,134,169,.6); } .cost .ctaCircleBtn a:hover .ctaCircle, .cost .ctaCircleBtn a:focus .ctaCircle, .cost a:hover > .ctaCircleBtn .ctaCircle, .cost a:focus > .ctaCircleBtn .ctaCircle { border: 5px solid rgba(154,134,169, 1.0); } .ctaCircleBtn .playIcon, .content .columns .playIcon { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto 18px; height: 30px; width: 30px; } .ctaCircleBtn .mapIcon { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto 23px; height: 25px; width: 20px; } .ctaCircleBtn .pencilIcon { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto 18px; height: 30px; width: 30px; } .ctaCircleBtn .arrowIcon { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto 31px; height: 16px; width: 10px; } .ctaCircleBtn .info { position: absolute; width: 100px; top: 20px; right: 75px; font-size: .7rem; font-weight: 500; text-align: right; text-transform: uppercase; line-height: 1.4; letter-spacing: .03em; } .ctaCircleBtn.left .info { width: 130px; left: 77px; top: 39%; right: auto; font-size: .83rem; color: #46474A; text-align: left; letter-spacing: .05em; } .ctaCircleBtn.left a { float: left; } /* ============================ Home Page * ============================*/ body.home .screenreader, body.home .screenreader a { color: #fff; } /* Main Impact */ /* Slider Play/Pause Controls */ .sliderControl { position: relative; bottom: 62px; z-index: 1; } .playSlide, .pauseSlide { z-index: 1; position: absolute; left: 25px; cursor: pointer; background: none; border: none; } .playSlide span, .pauseSlide span { color: #fff; display: block; position: absolute; text-indent: -999999px; } .playSlide:before, .pauseSlide:before { color: #fff; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; } .playSlide:before { content: '\f04b'; } .pauseSlide:before { content: '\f04c'; } /* Home Switcher Down Arrow */ #menu { position: absolute; bottom: 0; z-index: 8; margin: 0 auto; padding: 0; list-style-type: none; width: 40px; height: 49px; left: 0; right: 0; } body.activated #menu { display: none; } #menu li a { margin: 0; display: block; background: url(../images/arrow-down.svg) no-repeat 0 0; width: 49px; height: 49px; background-size: 100%; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #menu li a:hover { margin-top: 2px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fp-viewing-welcome [class^="menuAnchor"], .fp-viewing-about [class^="menuAnchor"], .fp-viewing-academics [class^="menuAnchor"], .fp-viewing-whatyoudo [class^="menuAnchor"], .fp-viewing-newsandevents [class^="menuAnchor"], .fp-viewing-5 [class^="menuAnchor"] { display: none; } .fp-viewing-welcome [class^="menuAnchorTwo"] { display: inline-block; } .fp-viewing-about [class^="menuAnchorThree"] { display: inline-block; } .fp-viewing-academics [class^="menuAnchorFour"] { display: inline-block; } .fp-viewing-whatyoudo [class^="menuAnchorFive"] { display: inline-block; } /* Home Switcher Left Panel */ /* Switcher Position */ #fp-nav { top: 53.5%; } #fp-nav.fp-left { left: 45px; } /* Switcher Tool Tip */ #fp-nav ul li .fp-tooltip { color: #46474A; font-size: .75rem; text-transform: uppercase; letter-spacing: .04em; top: 0; } #fp-nav ul li .active + .fp-tooltip { top: 3px; } #fp-nav ul li .fp-tooltip.fp-left { left: 22px; } #fp-nav ul li:nth-child(4) .fp-tooltip, #fp-nav.fp-show-active :nth-child(4) a.active +.fp-tooltip { width: 105px; white-space: normal; } #fp-nav ul li:nth-child(4) .fp-tooltip, #fp-nav ul li:nth-child(4) .active + .fp-tooltip { top: -5px; } #fp-nav ul li:nth-child(5) .fp-tooltip, #fp-nav.fp-show-active :nth-child(5) a.active +.fp-tooltip { width: 90px; white-space: normal; } #fp-nav ul li:nth-child(5) .fp-tooltip, #fp-nav ul li:nth-child(5) .active + .fp-tooltip { top: -5px; } /* Switcher Link */ #fp-nav ul li { height: 25px; line-height: 1.5; } #fp-nav ul li, .fp-slidesNav ul li { color: #46474A; margin: 6px 6px 36px 6px; } #fp-nav ul li a, .fp-slidesNav ul li a { width: auto; height: auto; border-radius: 50%; border: 8px solid rgba(232,232,232,.3); } #fp-nav ul li a span, .fp-slidesNav ul li a span { background: #e8e8e8; height: 8px; width: 8px; margin: -4px 0 0 -4px; } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { background: #707070; } #fp-nav ul li:hover a, .fp-slidesNav ul li:hover a { border: 8px solid rgba(112,112,112, 0.3); } #fp-nav ul li a span, .fp-slidesNav ul li a span { top: 10%; } /* Switcher Active */ #fp-nav ul li a.active, .fp-slidesNav ul li a.active { border: none; color: #000; } #fp-nav ul li a.active span { background: #FDB827; height: 30px; border-radius: 5px; width: 5px; margin-left: -1px; } #fp-nav ul li a.active:hover span, .fp-slidesNav ul li a.active:hover span { height: 30px; } /* Switcher Section 1 */ .fp-viewing-welcome #fp-nav ul li .fp-tooltip { color: #fff; } .fp-viewing-welcome #fp-nav ul li a, .fp-viewing-welcome .fp-slidesNav ul li a { border: 8px solid rgba(255,255,255,.3); } .fp-viewing-welcome #fp-nav ul li a.active, .fp-viewing-welcome .fp-slidesNav ul li a.active { border: none; } .fp-viewing-welcome #fp-nav ul li a span, .fp-viewing-welcome .fp-slidesNav ul li a span { background: #fff; } .fp-viewing-welcome #fp-nav ul li a.active span { background: #FDB827; } /* Home Content */ .boxWrapper { width: 100%; position: relative; } .boxContainer { position: relative; } .boxBg { position: relative; background-color: rgba(2, 39, 97, 1); } /*.box .grayBg { z-index: 1; }*/ .box { display: table; table-layout: fixed; width: 100%; height: 100vh; color: #fff; position: relative; } .box h2 { width: 87%; font-size: 2.55rem; font-weight: 900; line-height: 1; text-transform: uppercase; margin-bottom: 34px; letter-spacing: 0.03em; } .box .boxLeft p { font-size: .9rem; line-height: 2.1; letter-spacing: .09em; margin-bottom: 30px; } .box .boxLeft p:last-of-type { margin-bottom: 10px; } .box p.subhead { font-size: .98rem; margin-bottom: 2px; letter-spacing: .11em; } .yellowStripes { position: absolute; width: 10px; height: 100%; top: 0; left: 0; bottom: 0; background-image: url(../images/yellow-stripes-vertical.png); background-position: 0px; z-index: 8; } .home .yellowStripesSquare { position: absolute; width: 100%; height: 100%; right: -9px; bottom: -9px; background-image: url(../images/yellow-stripes-square.png); background-position: 0px; z-index: -1; } .boxRight video { position: absolute; z-index:-100 !important; left: 0; top: 0; } /* No JS Container */ .boxInner, .boxInnerImpact { position: relative; display: table-cell; vertical-align: middle; width: 100%; height: 100%; } /* Intro Copy */ .intro { height: 82%; } .intro h2 span { display: block; } .intro h2 span.inline { display: inline-block; } /* ============================ Home Section 1 * ============================*/ h1.home { position: absolute; font-size: 1rem; } .home .hero { position: relative; height: 100vh; width: 100%; z-index: 1; } .home .heroBlueBg { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 45, 116, .15); z-index: 0; } .home .heroBlueBg.Dark { background-color: rgba(0, 45, 116, .45); } .home .heroBlueBg.Medium { background-color: rgba(0, 45, 116, .30); } .home .heroBlueBg.Light { background-color: rgba(0, 45, 116, .15); } .home .hero.random:nth-child(n+2) { display: none; } .sliderHomeHero .slick-prev, .sliderHomeHero .slick-next { left: auto; bottom: 50px; } .alert ~ .mainBody .sliderHomeHero .slick-prev, .alert ~ .mainBody .sliderHomeHero .slick-next { bottom: 150px; } .sliderHomeHero .slick-prev { right: 132px; } .sliderHomeHero .slick-next { right: 100px; } .sliderHomeHero ul.slick-dots { bottom: 100px; } .alert ~ .mainBody .sliderHomeHero ul.slick-dots { bottom: 150px; } .sliderHomeHero ul.slick-dots > li button:before { color: #fff; } /*.sliderHomeHero .slick-next, .sliderHomeHero .slick-prev { background-color: transparent; } .sliderHomeHero .slick-prev { background-image: url(../images/icons/arrow-left-white.svg); } .sliderHomeHero .slick-next { background-image: url(../images/icons/arrow-right-white.svg); }*/ /* Left Area */ .home #section1.box h1, .home #section1.box h2 { width: 100%; color: #fff; font-size: 3.81rem; font-weight: 900; text-transform: uppercase; line-height: .95; } .home #section1.box h1 .white, .home #section1.box h2 .white {color: #fff;} .home #section1.box h1 .yellow, .home #section1.box h2 .yellow {color: #FDB827;} #section1 .yellowStripes { display: none; } body #section1 .boxLeft { opacity: 1; position: absolute; top: 31.5%; padding: 30px 11.4%; -webkit-transition: opacity 1.0s ease-in-out; -moz-transition: opacity 1.0s ease-in-out; -ms-transition: opacity 1.0s ease-in-out; -o-transition: opacity 1.0s ease-in-out; transition: opacity 1.0s ease-in-out; z-index: 1; } #section1 .boxLeft.center { text-align: center; margin: 0 auto; width: 80%; left: 0; right: 0; text-align: center; } #section1 .boxLeft.right { text-align: right; left: auto; right: 0; } body.activated #section1 .boxLeft { opacity: 0; } body.fp-viewing-welcome #section1 .boxLeft { opacity: 1; } #section1 .intro h1 span, #section1 .intro h2 span { display: block; font-size: 3.81rem; } .home #section1 h1 { color: #fff; } .home #section1 h2 { margin-bottom: 12px; } .home #section1 h2 span { display: block; } .home #section1 h2 .yellow { color: #FDB827; } .home #section1 h2 .white { color: #fff; } /* Right Side Circle Button */ #section1 .ctaCircleBtn { top: 48%; -webkit-transition: top 1.0s ease-in-out; -moz-transition: top 1.0s ease-in-out; -ms-transition: top 1.0s ease-in-out; -o-transition: top 1.0s ease-in-out; transition: top 1.0s ease-in-out; } body.fp-viewing-welcome #section1 .ctaCircleBtn { top: 52%; } /* ============================ Home Section 2 * ============================*/ #section2 .boxInner, #section2 .fp-tableCell { vertical-align: bottom; } #section2 .bgEffect { position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: -1; } /* Left Area */ #section2 .grayBg { position: absolute; width: 28%; height: 100vh; left: 0; top: 0; background: #F5F5F5; -webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in; -ms-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in; transition: all 0.7s ease-in; z-index: 1; } body.activated #section2 .grayBg { left: -28%; -webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in; -ms-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in; transition: all 0.7s ease-in; } body.fp-viewing-about #section2 .grayBg, body.fp-viewing-academics #section2 { left: 0; } #section2 .yellowBoxAccent { position: absolute; width: 50%; height: 50%; top: -20px; right: -20px; background-color: transparent; border-top: 20px solid rgba(253, 184, 39, .9); border-left: none; border-bottom: none; border-right: 20px solid rgba(253, 184, 39, .9); z-index: -1; border-left: none; border-bottom: none; } #section2 .boxLeft { left: 0; padding: 88px 6% 30px 11.5%; margin-top: 99px; height: 89.5vh; width:43%; background-color: #fff; color: #46474A; position: relative; z-index: 2; } body.activated #section2 .boxLeft { left: -43%; } body.fp-viewing-about #section2 .boxLeft { left: 0; -webkit-transition: all 0.7s ease-in; -moz-transition: all 0.7s ease-in; -ms-transition: all 0.7s ease-in; -o-transition: all 0.7s ease-in; transition: all 0.7s ease-in; } #section2 .intro { height: 73vh; } /* Right Area */ #section2 .blueBoxAccent { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 45, 116, .75); z-index: 0; } #section2 .boxRight { position: absolute; width: 72%; height: 100vh; top: 0; right: 0; background-color: rgba(0, 45, 116, 1); -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease-in-out; -ms-transition: all 0.9s ease-in-out; -o-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; z-index: 1; } body.activated #section2 .boxRight { right: -72%; } body.fp-viewing-about #section2 .boxRight{ right: 0; } #section2 .verticalDots.right.noJS { top: 0; } /* Right Side Circle Button */ #section2 .ctaCircleBtn { top: 90%; } body.activated #section2 .ctaCircleBtn { top: 10%; -webkit-transition: top 1.5s ease-in-out; -moz-transition: top 1.5s ease-in-out; -ms-transition: top 1.5s ease-in-out; -o-transition: top 1.5s ease-in-out; transition: top 1.5s ease-in-out; } body.fp-viewing-about #section2 .ctaCircleBtn { top: 90%; } body.fp-viewing-about #section2 .ctaCircleBtn.alertOn { top: 82%; } /* Infographics Rotation */ .sliderInfographic { position: absolute; top: 15%; padding: 40px 2% 20px 36%; } .sliderInfographic.slick-slider { position: absolute; top: 41%; left: 0; right: 0; padding: 30px 5% 30px 26%; } body.activated #section2 .sliderInfographic.slick-slider { position: absolute; top: 41%; left: 0; right: 0; padding: 30px 5% 30px 26%; } .statBox { left: 0; width: 100%; max-width: 482px; margin: 0 auto 55px auto; letter-spacing: 0.05em; } .stat { font-size: 5.1rem; font-weight: 700; line-height: .9; text-transform: uppercase; } .statContent { font-family: 'alfonbold_italic'; font-size: 2.5rem; line-height: 1; margin-top: 18px; } .statBox .stat [class^="fa-"]:before, .statBox .stat [class*=" fa-"]:before { font-family: "Font Awesome 5 Free"; font-weight: 900; } /* ============================ Home Section 3 * ============================*/ #section3 .boxInner, #section3 .fp-tableCell { vertical-align: bottom; } #section3 .grayBg { position: absolute; width: 28%; height: 100vh; left: 0; top: 0; background: #F5F5F5; } /* Left Area */ #section3 .yellowBoxAccent { position: absolute; width: 50%; height: 50%; top: 0%; bottom: auto; right: -20px; background-color: transparent; border-top: none; border-left: none; border-bottom: none; border-right: 20px solid rgba(253, 184, 39, .9); z-index: -1; border-left: none; border-bottom: none; -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; z-index: 1;} body.fp-viewing-academics #section3 .yellowBoxAccent { top: 50%; } #section3 .boxLeft { left: 0%; padding: 88px 3% 30px 11.5%; margin-top: 99px; height: 89.5vh; width: 39%; background-color: #fff; color: #46474A; position: relative; z-index: 2; } #section3 .intro { height: 80vh; } #section3 .introCopy { opacity: 1; } body.activated #section3 .introCopy { opacity: 0; } body.fp-viewing-academics #section3 .introCopy { opacity: 1; -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; } /* Program List Popup Button */ a.programListBtnPop { display: block; position: relative; font-size: .9rem; font-weight: 500; max-width: 450px; width: 100%; padding: 15px; margin: 21px 0; border: solid 2px #FDB827; background-color: #fff; text-decoration: none; z-index: 2; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } a.programListBtnPop:hover, a.programListBtnPop:focus { background-color: #fdb827; } a.programListBtnPop:after { content: ""; position: absolute; top: 25px; right: 0; width: 15px; height: 15px; padding: 4px 7px; background-image: url(../images/icons/arrow-right.svg); background-repeat: no-repeat; z-index: 9; } /* Program List Popup */ .programPopList .mfp-inline-holder .mfp-content { width: 100%; max-width: 400px; margin: 0 auto; } .programBox.list { width: 100%; } .programSummary.list { width: 100%; padding: 20px 25px; } .programSummary.list ul { list-style-type: none; padding: 0; margin:0; width: 100%; height: 250px; overflow-x: hidden; overflow-y: scroll !important; } .programSummary.list li { margin: 0 0 10px 0; } .programSummary.list li:last-child { margin: 0; } .programSummary.list a { color: #46474A; text-align: center; text-decoration: none; position: relative; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 -1px 0 transparent; box-shadow: inset 0 -1px 0 transparent; transition-property: background-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .2s; transition-duration: .2s; transition-timing-function: ease; } .programSummary.list a:hover, .programSummary.list a:focus { outline:0; -webkit-box-shadow: inset 0 -2px 0 #FDB827; box-shadow: inset 0 -2px 0 #FDB827; } /* Program Summary Links Contrast */ .contrast .programSummary.list a { border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 -1px 0 transparent; box-shadow: inset 0 -1px 0 transparent; } .contrast .programSummary.list a:hover, .contrast .programSummary.list a:focus { outline:0; -webkit-box-shadow: inset 0 -2px 0 #002D74; box-shadow: inset 0 -2px 0 #002D74; } /* Right Area */ #section3 .blueBoxAccent { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 45, 116, .75); z-index: 1; } #section3 .boxRight { position:absolute; width: 72%; height: 100vh; top: 0; right: 0; right: 0; background-color: rgba(0, 45, 116, 1); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; padding: 11px 0% 30px 13.5%; z-index: 1; } #section3 .verticalDots.right.noJS { top: 0; } /* Programs Slider */ .programWrapper { position: relative; width: 100%; padding: 88px 0 30px 0; z-index: 8; } .sliderProgram { width: 100%; max-width: 1000px; height: 90vh; position: relative; overflow-y: auto; } .home #section3 .sliderProgram .slick-slide { margin-bottom: 0; margin-left: 25px; } .home .programLink { position: relative; float: left; display: block; color: #fff; margin: 0 0px 3.1% 3.1%; border: 4px solid #FDB827 !important; line-height: 1.5; } #section3 .programLink { margin-top: 10px; } #section3 .programLink img { max-width: 287px; } body.fp-viewing-academics #section3 .programLink { margin-top: 0; -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; } .collegeTitle { width: 100%; max-width: 90%; margin: 0 auto; font-size: .75rem; margin-top: 13px; line-height: 1.25; letter-spacing: .03em; text-transform: uppercase; } /* Program Popup */ .programBox { float: left; color: #fff; margin: 0 auto; background-color: #fff; border: 4px solid #FDB827; } .programImg { float: left; position: relative; max-width: 287px; width: 100%; } .programImg .textOverlay { position: absolute; bottom: 0; padding: 22px 32px; font-size: 1.4rem; font-weight: 900; line-height: 1.1; text-transform: uppercase; z-index: 4; } .programSummary { color:#46474A; float: left; position: relative; width: 60%; padding: 25px 30px; } .programSummary .collegeTitle { max-width: 260px; width: 100%; min-height: 21px; margin: 0 0 34px 0; font-size: .7rem; line-height: 1.3; } .programSummary .subhead { text-transform: uppercase; margin-bottom: 4px; letter-spacing: .07em; } .programSummary p { line-height: 1.95; margin-bottom: 32px; } .programSummary p:last-of-type { margin-bottom: 16px; } /* Magnific Popup Inline Custom */ .mfp-inline-holder .mfp-content { width: 100%; max-width: 885px; } .mfp-inline-holder .mfp-close { width: auto; margin-top: -60px; } .fp-viewing-academics .mfp-close, .fp-viewing-academics .closeButton, .fp-viewing-academics button.mfp-close { font-family: 'Montserrat', Helvetica, Arial, san-serif; } .fp-viewing-academics .mfp-close:before { margin: 1px 10px 0 0; } /* Magnific Popup Inline Fade Custom */ .mfp-fade.mfp-bg { opacity: 0; transition: all .3s; } .mfp-fade.mfp-bg.mfp-ready { opacity: 1; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; transition: all .3s; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* Magnific Arrow */ .fp-viewing-academics .mfp-arrow { position: absolute; opacity: 1.0; filter: alpha(opacity=100); margin: 0; top: auto; bottom: 28px; padding: 0; width: 35px; height: 35px; -webkit-tap-highlight-color: transparent; } .fp-viewing-academics button.mfp-arrow { background-color: #fff; border: 2px solid #FDB827; } .fp-viewing-academics .mfp-arrow:active { } .fp-viewing-academics .mfp-arrow:hover, .fp-viewing-academics .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); background-color: #FDB827; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .fp-viewing-academics .mfp-arrow .mfp-b, .fp-viewing-academics .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .fp-viewing-academics .mfp-arrow .mfp-a { top: 8px; } .fp-viewing-academics .mfp-arrow .mfp-b { opacity: 0.7; } .fp-viewing-academics .mfp-arrow-left { background-color: #fff; background-image: url(../images/icons/arrow-left.svg); background-position: center center; background-repeat: no-repeat; width: 35px; height: 35px; left: 323px; } .fp-viewing-academics .mfp-arrow-right { background-color: #fff; background-image: url(../images/icons/arrow-right.svg); background-position: center center; background-repeat: no-repeat; width: 35px; height: 35px; left: 356px; } .horizontalLine { position: absolute; bottom: 37px; left: 403px; font-size: .8rem; background: url(../images/horizontal-line.svg) no-repeat 0 10px; width: 40%; } .horizontalLine span { color: #46474A; margin-left: 53px; letter-spacing: .04em; font-size: .7rem; } /* Program Icons and Gradients */ .programBgDesign { z-index: 4; } .programBgDesign.caes { background-image: url(../images/icon-bg-agriculture-science.png); } .programBgDesign.chhs { background-image: url(../images/icon-bg-health-human-sciences.png); } .programBgDesign.chss { background-image: url(../images/icon-bg-art-humanities.png); } .programBgDesign.coe { background-image: url(../images/icon-bg-engineering.png); } .programBgDesign.jsnn { background-image: url(../images/icon-bg-nanoscience.png); } .programBgDesign.cobe { background-image: url(../images/icon-bg-business.png); } .programBgDesign.coed { background-image: url(../images/icon-bg-education.png); } .programBgDesign.grad { background-image: url(../images/icon-bg-graduate.png); } .programBgDesign.cost { background-image: url(../images/icon-bg-science.png); } .landing.dept .programBgDesign { z-index: 3; } .landing.dept .ctaFullWidth .programBgDesign { z-index: 1; opacity: 0.6; } /*.landing.dept.caes .programBgDesign { background-image: url(../images/icon-bg-agriculture-science-large.png); } .landing.dept.chhs .programBgDesign { background-image: url(../images/icon-bg-health-human-sciences-large.png); } .landing.dept.chss .programBgDesign { background-image: url(../images/icon-bg-art-humanities-large.png); } .landing.dept.coe .programBgDesign { background-image: url(../images/icon-bg-engineering-large.png); } .landing.dept.jsnn .programBgDesign { background-image: url(../images/icon-bg-nanoscience-large.png); } .landing.dept.cobe .programBgDesign { background-image: url(../images/icon-bg-business-large.png); } .landing.dept.coed .programBgDesign { background-image: url(../images/icon-bg-education-large.png); } .landing.dept.grad .programBgDesign { background-image: url(../images/icon-bg-graduate-large.png); } .landing.dept.cost .programBgDesign { background-image: url(../images/icon-bg-science-large.png); }*/ .fillArea { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .blueGradient { background: rgba(0,44,116,0); background: -moz-linear-gradient(top, rgba(0,44,116,0) 0%, rgba(0,44,116,0.3) 30%, rgba(0,44,116,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,44,116,0)), color-stop(30%, rgba(0,44,116,0.3)), color-stop(100%, rgba(0,44,116,1))); background: -webkit-linear-gradient(top, rgba(0,44,116,0) 0%, rgba(0,44,116,0.3) 30%, rgba(0,44,116,1) 100%); background: -o-linear-gradient(top, rgba(0,44,116,0) 0%, rgba(0,44,116,0.3) 30%, rgba(0,44,116,1) 100%); background: -ms-linear-gradient(top, rgba(0,44,116,0) 0%, rgba(0,44,116,0.3) 30%, rgba(0,44,116,1) 100%); background: linear-gradient(to bottom, rgba(0,44,116,0) 0%, rgba(0,44,116,0.3) 30%, rgba(0,44,116,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c74', endColorstr='#002c74', GradientType=0 ); z-index: 3; } .blueGradientReverse { background: -moz-linear-gradient(top, rgba(0,45,116,0.8) 0%, rgba(0,45,116,0.8) 9%, rgba(0,45,116,0.78) 10%, rgba(0,45,116,0.1) 50%, rgba(0,45,116,0) 100%); background: -webkit-linear-gradient(top, rgba(0,45,116,0.8) 0%,rgba(0,45,116,0.8) 9%,rgba(0,45,116,0.78) 10%,rgba(0,45,116,0.1) 50%,rgba(0,45,116,0) 100%); background: linear-gradient(to bottom, rgba(0,45,116,0.8) 0%,rgba(0,45,116,0.8) 9%,rgba(0,45,116,0.78) 10%,rgba(0,45,116,0.1) 50%,rgba(0,45,116,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002d74', endColorstr='#00002d74',GradientType=0 ); z-index: 3; } .blueGradientPopup {background: rgba(0,44,116,0); background: -moz-linear-gradient(top, rgba(0,44,116,0) 0%, rgba(0,44,116,0.3) 60%, rgba(0,44,116,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,44,116,0)), color-stop(60%, rgba(0,44,116,0.3)), color-stop(100%, rgba(0,44,116,1))); background: -webkit-linear-gradient(top, rgba(0,44,116,0) 0%, rgba(0,44,116,0.3) 60%, rgba(0,44,116,1) 100%); background: -o-linear-gradient(top, rgba(0,44,116,0) 0%, rgba(0,44,116,0.3) 60%, rgba(0,44,116,1) 100%); background: -ms-linear-gradient(top, rgba(0,44,116,0) 0%, rgba(0,44,116,0.3) 60%, rgba(0,44,116,1) 100%); background: linear-gradient(to bottom, rgba(0,44,116,0) 0%, rgba(0,44,116,0.3) 60%, rgba(0,44,116,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c74', endColorstr='#002c74', GradientType=0 ); z-index: 3; } .deptGradient { background-color: rgba(0, 45, 116, .15); z-index: 2; } .greenGradient, .caes .deptGradient { background-color: rgba(173, 220, 145, .40); z-index: 2; } .lightBlueGradient, .chhs .deptGradient { background-color: rgba(92, 184, 220, .40); z-index: 2; } .pinkGradient, .chss .deptGradient { background-color: rgba(233, 162, 178, .40); z-index: 2; } .redGradient, .coe .deptGradient { background-color: rgba(164, 82, 72, .40); z-index: 2; } .orangeGradient, .jsnn .deptGradient { background-color: rgba(255, 127, 50, .40); z-index: 2; } .grayGradient, .cobe .deptGradient { background-color: rgba(136, 139, 141, .40); z-index: 2; } .yellowGradient, .coed .deptGradient { background-color: rgba(255, 199, 44, .40); z-index: 2; } .tealGradient, .grad .deptGradient { background-color: rgba(92, 184, 178, .40); z-index: 2; } .purpleGradient, .cost .deptGradient { background-color: rgba(175, 149, 211, .40); z-index: 2; } .whiteGradient { background-color: rgba(255, 255, 255, .25); z-index: 1; } .slick-slide .collegeInfo img { display: inline-block; } .collegeInfo { position: absolute; top: 41%; bottom: 0; left: 0; right: 0; margin: auto; z-index: 4; text-align: center; } /* ============================ Home Section 4 * ============================*/ #section4 .boxInner, #section4 .fp-tableCell { vertical-align: bottom; } /* Left Area */ #section4 .grayBg { position: absolute; width: 27.25%; height: 100vh; left: 0; top: 0; background: #F5F5F5; } #section4 .yellowBoxAccent { position: absolute; width: 57.5%; height: 50%; top: -20px; bottom: 0; right: 0; left: 15%; background-color: transparent; border-top: 20px solid rgba(253, 184, 39, .9); border-left: none; border-bottom: none; border-right: none; z-index: -2; border-left: none; border-bottom: none; -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; } body.activated #section4 .yellowBoxAccent { opacity: 0; top: 20px; } body.fp-viewing-whatyoudo #section4 .yellowBoxAccent { opacity: 1; top: -20px; } #section4 .boxLeft { left: 0%; padding: 88px 3% 30px 11.5%; margin-top: 99px; height: 89.5vh; width: 46%; background-color: #fff; color: #46474A; position: relative; z-index: 2; } body.fp-viewing-whatyoudo #section4 .boxLeft { width: 46%; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } body.activated #section4 .introCopy { opacity: 0; } body.fp-viewing-whatyoudo #section4 .introCopy { opacity: 1; -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; } #section4 .introCopy p { max-width: 82%; } /* Right Area */ #section4 .blueBoxAccent { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 45, 116, .75); z-index: 1; } #section4 .boxRight { position:absolute; width: 72.75%; height: 100vh; top: 0; right: 0; right: 0; background-color: rgba(0, 45, 116, 1); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; padding: 11px 0% 30px 13.3%; z-index: 1; } #section4 .boxRight.front { width: 60%; right: -2%; background: transparent; padding: 95px 0 0 0; z-index: 8; } #section4 .verticalDots.right.noJS { top: 0; } /* Right Side Circle Button */ #section4 .ctaCircleBtn { top: 90%; } #section4 .ctaCircleBtn .info { width: 72px; } body.activated #section4 .ctaCircleBtn { top: 10%; -webkit-transition: top 1.5s ease-in-out; -moz-transition: top 1.5s ease-in-out; -ms-transition: top 1.5s ease-in-out; -o-transition: top 1.5s ease-in-out; transition: top 1.5s ease-in-out; } body.fp-viewing-whatyoudo #section4 .ctaCircleBtn { top: 90%; } body.fp-viewing-whatyoudo #section4 .ctaCircleBtn.alertOn { top: 82%; } /* Testimonial Slider */ .testimonialWrapper { position: relative; width: 100%; padding: 88px 0 30px 0; } .sliderTestimonial ~ .ctaCircleBtn { opacity: 1 ; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .sliderTestimonial:hover ~ .ctaCircleBtn, .sliderTestimonial:focus ~ .ctaCircleBtn { opacity: 0; } body.activated #section4 .testimonialWrapper { opacity: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } body.fp-viewing-whatyoudo #section4 .testimonialWrapper { opacity: 1; } .testimonialLink { position: relative; float: left; display: block; color: #fff; margin: 12px; } .sliderTestimonial.testimonial.noJS { height: 528px; overflow-y: auto; } .testimonialLink.noJS { margin: 12px 12px 12px 0; } body.fp-viewing-whatyoudo #section4 .testimonialLink { cursor: context-menu; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .testimonialSummary { opacity: 0; position: absolute; bottom: 0; z-index: 1; padding: 64px 13px 0 13px; color: #022761; background-color: rgba(253,184,39, 0.93); text-align: center; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .testimonialSummary .icon { width: 100%; height: 17px; margin: 0 auto; } .testimonialSummary .icon.top { background: url(../images/quote-top.svg) no-repeat center; margin-bottom: 9px; } .testimonialSummary .icon.bottom { background: url(../images/quote-bottom.svg) no-repeat center; margin-bottom: 14%; } .testimonialSummary:hover { opacity: 1; } .testimonialSummary .quote { font-family: 'alfonbold_italic'; /* font-size: 1.25rem; */ padding: 20px 15px; letter-spacing: 0.07em; } .testimonialSummary .quoteCredit { font-size: .75rem; line-height: 1.9; } .testimonialWrapper .slick-slide { margin: 0 42px 12px 0; } .testimonialWrapper .slick-list { margin: 0 -42px 0 0; } #section4 .horizontalLine { position: absolute; bottom: -27px; left: 79px; font-size: .8rem; background: url(../images/horizontal-line.svg) no-repeat 0 10px; width: 62%; line-height: 1.5; } #section4 .horizontalLine span { color: #fff; margin-left: 53px; letter-spacing: .04em; font-size: .7rem; } /* Arrows */ #section4 .slick-prev, #section4 .slick-next { bottom: -65px; } /* Testimonial Circle Button */ #section4 .testimonialWrapper .ctaCircleBtn { top: 48%; left: -37px; } body.fp-viewing-whatyoudo #section4 .testimonialWrapper .ctaCircleBtn { top: 50%; } /* ============================ Home Section 5 * ============================*/ #section5 .boxInner { display: table-row; z-index: 1; } #section5 .boxInner, #section5 .fp-tableCell { vertical-align: bottom; } /* Left Area */ #section5 .grayBg { position: absolute; width: 66.5%; height: 100%; left: 0; top: 0; background: #F5F5F5; } #section5 .yellowBoxAccent { position: absolute; width: 39%; height: 50%; top: -20px; right: -20px; background-color: transparent; border-top: 20px solid rgba(253, 184, 39, .9); border-left: none; border-bottom: none; border-right: 20px solid rgba(253, 184, 39, .9); z-index: -1; border-left: none; border-bottom: none; } body.fp-viewing-newsandevents #section5 .yellowBoxAccent { } #section5 .boxLeft { height: auto; width: 68.75%; left: 0%; margin-top: 96px; padding: 94px 3% 30px 11.5%; background-color: #fff; color: #46474A; position: relative; z-index: 2; } body.activated #section5 .boxLeft { width: 39%; } body.fp-viewing-newsandevents #section5 .boxLeft { width: 68.75%; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } body.activated #section5 .introCopy { opacity: 0; } body.fp-viewing-newsandevents #section5 .introCopy { opacity: 1; -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; } /*#section5 .fp-scrollable { overflow: scroll !important; } #section5 .iScrollVerticalScrollbar.iScrollLoneScrollbar { display: none; }*/ /* Left Area News Box */ .newsBox { float: left; width: 31%; margin-right: 3%; } .newsBox:last-child { margin-right: 0; } .newsBox .newsThumb { position: relative; margin-bottom: 20px; line-height: 1.5; } .newsBox .newsImage { max-width: 100%; width: 100%; height: auto; overflow: hidden; } .newsBox .newsTitle { font-size: .82rem; font-weight: 600; color:#002D74; letter-spacing: .08em; line-height: 1.95; } .newsBox img { width: 100%; } .newsBox .newsTitle a { border-bottom: 1px solid transparent; box-shadow: inset 0 -1px 0 transparent; } .newsBox a { display: inline; color: #002D74; text-decoration: none; position: relative; border-bottom: 1px solid #FDB827; box-shadow: inset 0 -1px 0 #FDB827; transition-property: background-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .2s; transition-duration: .2s; transition-timing-function: ease; text-decoration: none; } .newsBox a:hover, .newsBox a:focus { outline:0; -webkit-box-shadow: inset 0 -2px 0 #FDB827; box-shadow: inset 0 -2px 0 #FDB827; } #section5 .boxLeft .callout { margin-top: 12px; } /* Right Area */ #section5 .blueBoxAccent { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 45, 116, .85); z-index: 1; } #section5 .boxRight { position: absolute; width: 33.5%; height: auto; top: 0; right: 0; background-color: rgba(0, 45, 116, 1); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; padding: 96px 3% 30px 6.5%; z-index: 1; } body.activated #section5 .boxRight { width: 61%; } body.fp-viewing-newsandevents #section5 .boxRight { width: 33.5%; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } #section5 .verticalDots.right.noJS { top: 0; } .upcomingEvents { float: left; position: relative; max-width: 396px; width: 100%; padding: 0; height: 71vh; overflow-y: auto; z-index: 1; } .box .upcomingEvents p.subhead { margin-bottom: 22px; line-height: 1.5; } .upcomingEvents .eventBox { display: block; /*margin-top: 50px;*/ margin-top: 32px;} .upcomingEvents .eventBox:first-of-type { margin-top: 0; } .upcomingEvents .eventBox div { text-align: left; width: 100%; letter-spacing: .08em; } .upcomingEvents .eventBox a { color: #fff; text-decoration: none; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .upcomingEvents .eventBox a:hover, .upcomingEvents .eventBox a:focus { color: #FDB827; } .upcomingEvents .eventDate { font-size: .7rem; color: #FDB827; margin-bottom: 13px; text-transform: uppercase; line-height: 1.5; } .upcomingEvents .eventTitle { font-size: .83rem; margin-bottom: 20px; letter-spacing: .06em; line-height: 1.99; } .upcomingEvents .callout { color: #fff; background-color: transparent; } .upcomingEvents .callout:hover, .upcomingEvents .callout:focus { color: #002D74; } /* Social Area */ .socialArea { float: left; position: relative; width: 100%; background-color: #fff; z-index: 8; } #section5 .socialHeader .yellow { color: #FDB827; } #section5 .socialHeader .socialbar { float: right; margin: 0 0 27px 0; } #section5 .socialHeader .socialbar a { margin: 0 0 0 5px; } #section5 .socialHeader .blue { background-color: #fff; } .socialArea .verticalDots { top: 0; } .socialHeader { float: left; position: relative; width: 68.75%; padding: 0 2.75% 0 11%; z-index: 1; color: #46474A; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } body.fp-viewing-newsandevents { background: #fff; } body.activated #section5 .socialHeader { width: 25%; } body.fp-viewing-newsandevents #section5 .socialHeader { width: 68.75%; } .box .socialHeader h2 { font-size: 1.8rem; font-weight: 700; padding: 4px 0 0 0; } .socialArea .juicer { float: left; position: relative; width: 84%; background-color: #fff; padding: 68px 11%; z-index: 1; color: #46474A; line-height: 1.5; } .socialArea .juicer-feed h1.referral { display: none; } .socialArea .juicer-feed { width: 99%; float: left; } .socialArea .juicer-feed .j-paginate { width: 126px; font-family: 'alfonbold_italic'; border: 1px solid #FDB827; font-size: 1rem; font-weight: 500; color: #002D74; text-transform: none; padding: 7px; } .socialArea .juicer-feed .j-paginate:hover, .socialArea .juicer-feed .j-paginate:focus { background: #FDB827; color: #002D74; } @media screen and (max-width: 1660px) and (max-height: 920px) { /* Home Sections */ #menu li a { background: url(../images/arrow-down-gray.svg) no-repeat 0 0; } /* Home Section 1 */ body.home.activated.fp-viewing-welcome #menu li a { background: url(../images/arrow-down.svg) no-repeat 0 0; } } @media screen and (min-height: 920px) { /* Home Section 5 */ /*.socialHeader { margin-top: -188px; } .socialArea .juicer { margin-top: -151px; }*/ } @media screen and (max-width: 1279px) { /* Home Section 5 */ .socialHeader { margin-top: 0; } .socialArea .juicer { margin-top: 0; } } /* ============================ Main Content * ============================*/ body.landing { overflow-x: hidden; } /* Landing Slider Impact */ .landing .impact.wrap { height: 564px; } .landing .impact.wrap img { height: 564px; } .noImpact { /* margin-top: 133px;*/ margin-top: 45px; } .alert ~ #mainWrapper > .noImpact { margin-top: 45px; } /* Landing Content */ h1.landingTitle { padding: 34px 0 0 10.5%; } h1.landingTitle + .wysiwygContent.wrapper { padding-top: 0; } /* =============================================== * Left Navigation and Left Navigation Filters * ===============================================*/ .leftnavWrap.col3 { position: relative; } [class^="content col"] .leftPanel { margin: 0; padding: 0; list-style: none; } .leftnav { position: fixed; left: 45px; z-index: 2; } .landing.interior.impact .leftnav { position: relative; } #mainWrapper .leftnav .title > a:not(.callout):not(.eventWrap):not(.programLink) {border-bottom: 0; -webkit-box-shadow: none; box-shadow: none; } /* Left Navigation Tier 3 */ .leftnav .content > ul { margin:0 0 48px 0; padding:0; } .leftnav .content ul li, .programSelections .leftnav .content label { position: relative; display: block; line-height: 1.5; color: #46474A; margin: 6px 6px 26px 6px; } #mainWrapper .leftnav .content ul li a, #mainWrapper .programSelections .leftnav .content .navlink, .dept #mainWrapper .leftnav .content ul li a:not(.callout):not(.eventWrap):not(.programLink) { position: relative; display: block; z-index:1; cursor:pointer; text-decoration:none; border-bottom: none; -webkit-box-shadow: none; box-shadow: none; } #mainWrapper .leftnav .content ul li a:hover, #mainWrapper .programSelections .leftnav .content .navlink:hover { position: relative; display: block; z-index: 1; cursor: pointer; text-decoration: none; border-bottom: none; -webkit-box-shadow: none; box-shadow: none; outline: 0; } #mainWrapper .leftnav .content ul li a:focus, #mainWrapper .programSelections .leftnav .content .navlink:focus { border-bottom: none; -webkit-box-shadow: none; box-shadow: none; } .leftnav .active a { padding-top: 6px; } .leftnav .content .sectionTitle{ margin: 6px 6px 21px 6px; } .programSelections .leftnav .content .sectionTitle { margin: 3px 6px 18px 6px; } .leftnav .content ul li .navlink, .leftnav .content .navlink { display: block; color: #46474A; font-size: .83rem; font-weight: 500; text-transform: uppercase; letter-spacing: .04em; padding-left: 22px; } #mainWrapper .leftnav a, .contrast #mainWrapper .leftnav a:not(.callout):not(.eventWrap) { border-bottom: none; -webkit-box-shadow: none; box-shadow: none; } .leftnav .content .sectionTitle { position: relative; } .leftnav .content .sectionTitle .navlink { font-family: 'alfonbold_italic'; color: #002D74; font-size: .83rem; font-weight: 600; text-transform: none; letter-spacing: .04em; padding-left: 22px; } .sectionTitle .yellowBar { position: absolute; display: block; top: 8px; left: 7px; background: #FDB827; width: 14px; height: 1px; border-radius: 0; margin-left: -6px; } .programSelections .sectionTitle .yellowBar { top: 11px; } /* Left Navigation Icons */ .active .yellowBar, .leftnav .radioGroup input[type="radio"]:checked ~ label > .yellowBar { position: absolute; display: block; top: 0; left: 7px; background: #FDB827; height: 30px; border-radius: 5px; width: 5px; margin-left: -1px; } .grayCircleBtn { display: block; position: absolute; top: 1px; left: 0; width: 16px; height: 16px; border-bottom: none; z-index: 8; } .grayCircleBtn .grayCircle { background-color: #e8e8e8; display: block; border-radius: 50%; border: 4px solid rgba(232,232,232,.2); width: 16px; height: 16px; -moz-background-clip: border; -webkit-background-clip: border; background-clip: border-box; -moz-background-clip: padding; -webkit-background-clip: padding; background-clip: padding-box; -moz-background-clip: content; -webkit-background-clip: content; background-clip: content-box; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } a:hover > .grayCircleBtn .grayCircle, a:focus > .grayCircleBtn .grayCircle, .radio input:hover ~ label > .grayCircleBtn .grayCircle { background-color: #707070; border: 4px solid rgba(112,112,112, 0.3); } .programSelections .active .yellowBar { position: absolute; display: block; top: 0; left: 7px; background: #FDB827; height: 30px; border-radius: 5px; width: 5px; margin-left: -1px; } /* Left Navigation Filters */ label.sectionTitle { cursor: default; } .programSelections .leftnav .content label { z-index: 0; } .programSelections .leftnav .radioGroup .radio { position: relative; } .programSelections .leftnav .radioGroup .radio input { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; cursor: pointer; opacity: 0; } .programSelections .leftnav fieldset { margin-bottom: 14px; } .leftnav .radioGroup input[type="radio"]:checked .grayCircleBtn, .radio input[type="radio"]:checked ~ label > .grayCircleBtn .grayCircle { display: none; } .leftnav .radioGroup input[type="radio"]:checked ~ label > .yellowBar { top: -6px; } .leftnav .content .navlink.locationCampus, .leftnav .content .navlink.locationOnline { padding-left: 45px; } .navlink.locationCampus:before, .navlink.locationOnline:before { position:absolute; left: 17px; color: #e8e8e8; font-family: 'Font Awesome\ 5 Free'; font-weight: 900; font-size: 0.9rem; padding-left: 5px; vertical-align: middle; } .navlink.locationCampus:before { content: '\f3c5'; font-size: 1rem; margin-top: -2px; left: 19px; } .leftnav .radioGroup input[type="radio"]:checked ~ label > .navlink.locationCampus:before { color: #FDB827; } .navlink.locationOnline:before { content: '\f109'; } .leftnav .radioGroup input[type="radio"]:checked ~ label > .navlink.locationOnline:before { color: #FDB827; } /* ============================ Content * ============================*/ #mainWrapper > .yellowStripes { position: fixed; } .interior .yellowStripes { z-index: 2; } .content { color: #46474A; } .contrast .content { color: #46474A; } .content h1 { margin-bottom: 12px; } .landing .title.wrapper { max-width: 1225px; padding: 44px 20px 0 20px; } .content.col12, .dots.col12 { position: relative; background: #fff; width: 98.5%; } .dots.col12 { display: none; position: absolute; height: 100%; background: transparent; } .landing.impact .dots.col12 { display: block; } .landing.noImpactArea #mainWrapper .verticalDots { z-index: 2; } .landing.noImpactArea .footer { z-index: 1; } .landing .content.col12 { padding-top: 78px; } .landing.impact .content.col12 .verticalDots.right { position: absolute; right: 20px; top: 0 !important; } .landing.interior .content.col12 { padding-top: 68px; } .interior .content.col9 { /*margin-left: 17.5%;*/ margin-left: 327px; } .landing .grayBg { position: fixed; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background: #F5F5F5; z-index: -1; } .content.col9 > .yellowBoxAccent,.content.col12 > .yellowBoxAccent { position: absolute; width: 100%; max-width: 467px; height: 255px; top: -20px; right: -20px; background-color: transparent; border-top: 20px solid rgba(253, 184, 39, .9); border-left: none; border-bottom: none; border-right: 20px solid rgba(253, 184, 39, .9); z-index: 0; border-left: none; border-bottom: none; } .interior.noLeftNav .content.col9 { margin-left: 10.5%; width: 79%; } .interior.news .content.col9 { margin-left: 10.5%; width: 54.5%; } .interior.news .leftnavWrap + .content.col9 { margin-left: 17.5%; width: 54.5%; } .yellowStripesSquare { float: left; position: relative; width: 100%; height: 100%; right: 0; bottom: 0; background-image: url(../images/yellow-stripes-square.png); background-position: 0px; } .yellowStripesSquareWrapper { position: relative; float: left; } .yellowStripesSquareWrapper .yellowStripesSquare { position: absolute; right: -9px; bottom: -9px; z-index: 0; } .yellowStripesSquareWrapper .yellowStripesSquare + a, .yellowStripesSquareWrapper .yellowStripesSquare + img, .yellowStripesSquareWrapper .yellowStripesSquare + a > img { position: relative; float: left; z-index: 1; } #mainWrapper .columns a:focus { outline: 1px solid #002D74 !important; } .content .columns .yellowStripesSquare { margin-top: 9px; max-width: 878px; } .content .columns .yellowStripesSquare img { margin-top: -9px; } .content .columns .col6:last-of-type .yellowStripesSquare { float: right; padding-left: 9px; text-align: right; } .content .columns .col6:first-of-type .yellowStripesSquare { padding-right: 9px; text-align: left; } .content .columns .col4 { margin-right: 3.5%; } .content .columns .col4 > a { float: left; } .content .columns .col4 > a > img { width: 100%; } .content .columns .col4:last-of-type { margin-right: 0; } .content .columns .col6 { margin-right: 3%; } .content .columns .col6:last-of-type { margin-right: 0; } .content .columns .col6 h2, .content .columns h2, .content .columns h2, .content .accordion h2 { display: inline-block; font-family: 'alfonbold_italic'; font-size: 1.62rem; line-height: 1.2; margin-bottom: 9px; } .content .columns h3 { width: 89%; font-family: 'Montserrat', Helvetica, Arial, san-serif; font-size: .82rem; font-weight: 600; color: #002D74; line-height: 1.9; margin-bottom: 9px; text-transform: uppercase; } .content .columns img { margin-bottom: 22px; } .content .columns .col6 .yellowStripesSquare img { margin-bottom: 0; } .videoContent { margin-bottom:0; position: relative; } a.popupYoutube { display: block; } .videoWrapper { position: relative; padding-bottom: 56.25%; padding-top: 20px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Landing/Interior WYSIWYG Styles */ .wysiwygContent{ margin-bottom: 18px; } .wysiwygContent.wrapper{ padding: 10px 0; } .landing .wysiwygContent.wrapper { max-width: 79%; padding: 35px 6% 35px 0; clear: both; } .wysiwygContent.wrapper .accordion, .wysiwygContent.wrapper > .wysiwygContent.wrapper { padding-left: 0; padding-right: 0; max-width: 100%; } .wysiwygContent:after{ clear: both;content:""; display:block; } .wysiwygContent p { margin: 15px 0 32px 0; } .wysiwygContent p:last-of-type { margin-bottom: 15px; } .wysiwygContent p.subhead { margin-bottom: 5px; } .wysiwygContent p.subhead + p { margin-top: 2px; } [class^="content col"] ul, [class^="content col"] ol { margin: 10px 0 10px 30px; } [class^="content col"] ul { list-style: none; list-style-type: none; } [class^="content col"] ul li, [class^="content col"] ol li { margin-bottom: 15px; } .wysiwygContent ul > li:before, .columns .wrapper .content ul > li:before { float: left; content: "\2022 "; color: #FDB827; font-size: 2.5rem; vertical-align: top; padding: 0; line-height: .6; margin-left: -22px; } /* Spacing between content areas for WYSIWYG content, columns and content headings */ .wysiwygContent.wrapper + .wysiwygContent.wrapper, .columns + .wysiwygContent.wrapper, .wysiwygContent.wrapper + .columns { margin-top: -50px; } .wysiwygContent.wrapper + .news.columns, .news.columns + .wysiwygContent.wrapper, .wysiwygContent.wrapper + .events.columns, .events.columns + .wysiwygContent.wrapper { margin-top: 0; } h2 + h3, h3 + h4 { margin-bottom: 15px; } /* Blue Shadow Box Content */ .content .newsWidgetHeading.headerBlueBg { background-color: #002D74; margin-bottom: 16px; } .content .newsWidgetHeading.headerBlueBg h2, .content .newsWidgetHeading.headerBlueBg h3 { font-family: 'Montserrat', Helvetica, Arial, san-serif; color: #fff; font-size: .9rem; padding: 15px 20px; margin: 0; text-transform: uppercase; } .content .notice .newsWidgetHeading.headerBlueBg, .content .calendar .newsWidgetHeading.headerBlueBg { margin-bottom: 6px; } .noticeOverflow {overflow: auto; height: 235px; margin-top: 5px; margin-bottom: 15px; } .hub .noticeOverflow { height: 310px; } .notice .articleListing { margin-top: 0; margin-bottom: 0; padding: 10px 20px 15px 20px; } .notice article p.infoSmall { margin: 0; } .content .columns .shadow .articleListing h2 { font-size: 1.09rem; } .content .newsCenter.columns .shadow .articleListing h2 { font-size: 1.21rem; } .columns .shadow h2, .content .columns .shadow h2 { line-height: 1.42; } .shadow { float: left; margin-bottom: 25px; -webkit-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.11); -moz-box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.11); box-shadow: 0px 2px 5px -2px rgba(0,0,0,0.11); } .shadow .articleListing:last-of-type { margin-bottom: 0; background-image: none; } .shadow .newsWidgetHeading { float: none; } .shadow .col12.clear { padding: 0 20px 20px 20px; line-height: 1; } .shadow .col12.clear .content { margin-top: 7px; } .shadow .articleListing { margin-left: 20px; margin-right: 20px; } .notice .shadow .articleListing { background-image: none; margin-right: 0; margin-bottom: 0; margin-left: 0; } .shadow a.callout { margin-left: 10px; margin-right: 20px; } .shadow a:hover.callout, .shadow a:focus.callout { margin-left: 20px; margin-right: 20px; } .shadow ul.headlines { padding: 5px 20px; margin-bottom: 0; } .shadow ul.headlines li { background-image: none; font-weight: 500; text-transform: none; margin-bottom: 0; letter-spacing: 0.1em; } .shadow ul.headlines span { display: block; } .shadow ul.headlines .date { font-size: 1.1rem; line-height: 1.6; } .shadow ul.headlines li .infoSmall { font-size: .86rem; font-weight: 400; line-height: 1.6; } .shadow ul.headlines li h3 { font-family: 'alfonbold_italic'; font-size: 1.05rem; margin-top: 17px; } .shadow ul.headlines li:first-of-type h3 { margin-top: 0; } /* Breadcrumbs */ .breadcrumbs.wrapper { padding: 0; } .noLeftNav .breadcrumbs.wrapper, .interior.faculty .breadcrumbs.wrapper { padding: 0 0 0 10.5%; } .breadcrumbs ul{ list-style: none; margin: 0;} .breadcrumbs ul li{ display:inline-block; font-size: .8rem;text-decoration: none;color:#46474A; text-transform: uppercase; } .noLeftNav .breadcrumbs ul li, .interior.faculty .breadcrumbs ul li { margin-bottom: 0; } .breadcrumbs ul li:before { content: ""; margin-left: 0; padding: 0; } .breadcrumbs ul li:not(:last-child):after{ content:">"; } .breadcrumbs ul li:after{ margin: 0 2px 0 6px; } /* Landing/Interior Column Styles */ .columnWrap { float: left; width: 100%; } .columns { width: 100%; margin: 0 auto 72px auto; display: inline-block; } .columns > .wrapper { margin-right: -3.5%; } .interior .columns > .wrapper { margin-right: 0; } .columns.full > .wrapper { margin-right: auto; } .columns.quotes > .wrapper { margin-right: auto; } .home .columns, .landing .columns { display: block; } .landing .content .columns .col4:not(:last-child) { margin-right: 2%; } .landing .content .columns .col4 { width: 32%; } .landing .content .columns .col6:first-child { margin-right: 3%; } .landing .content .columns .col6 { width: 48.5%; } .landing .columns { max-width: 79%; padding-left: 0; } /* Full Width 2 Columns */ .columns.full { width: 100%; max-width: 100%; z-index: 0; position: relative; display: inline-block; padding-left: 0; } .columns.full > .wrapper { display: table; max-width: 100%; width: 100%; z-index: 1; } .columns.full.right > .wrapper { margin-right: -1.5%; } .interior .columns.full.right > .wrapper { margin-right: 0; } .landing .content .columns.full.left.right { max-width: 103%; } .landing .columns.full.left.right > .wrapper { width: 103%; max-width: 101.5%; } .landing .content .columns .col6:first-child { max-width: 103%; } .columns.full > .wrapper .col6:first-of-type > .content { padding-left: 18.5%; /* padding-top: 35px; */ } .columns.full > .wrapper .col6:first-of-type > .yellowStripesSquare + .content { float: left; padding-top: 11px; } .interior .columns.full > .wrapper .col6:first-of-type > .content { padding-left: 0; } .columns.full > .wrapper .col6:last-of-type > .content { padding-right: 22%; /* padding-top: 35px; */ } .columns.full > .wrapper .col6:last-of-type > .yellowStripesSquare + .content { float: left; padding-left: 3.5%; padding-top: 11px; } .interior .columns.full > .wrapper .col6:last-of-type > .content { padding-right: 0; /* padding-top: 35px; */ } .landing .columns:after{ content: ""; clear: both; display: block; } .columns .content{ padding: 0 15px 0 0; } .columns .content p:last-of-type { margin-bottom: 0; } .columns .popupYoutube img{ width:100%; } .columns .popupYoutube img.playIcon { width: auto; margin-top: auto; margin-bottom: auto !important; } .columns .fa.fa-play, .fa.fa-play { position: absolute;background-color: rgba(0, 0, 0, .9);border-radius: 500px;padding: 15px 20px;color: #fff;font-size: 2em;right: 0;left: 0;top: 0;bottom: 0; margin: auto; width: 60px; height: 60px; } /* ============================ Infographics * ============================*/ /* Infographics */ .container.infographics { float: left; width: 100%; margin-bottom: 76px; } .wysiwygContent .container.infographics { padding: 0; } .wysiwyg-content .infographics .col4 p { margin: 0; } .wysiwyg-content .infographics p.infoLarge { margin-bottom: 10px; } .wysiwyg-content .infographics { margin-bottom: 8px; } .infographics .col4 { width: 32%; padding: 15px 0; margin-bottom: 0; margin-right: 0; } .interior .infographics .col4 { width: 33.3%; } .infographics .col6 { margin-bottom: 0; padding: 15px 0; margin-right: 0; } .landing .infographics .blueWrap { float: left; width: 97%; height: 278px; margin: 0 auto 0 0; padding: 37px 15px 37px 11%; z-index: 1; background: #002D74 url(../images/alert-blue-bg.png); } .landing.dept .infographics .blueWrap { float: left; width: 97%; height: 278px; margin: 0 auto 0 0; padding: 37px 15px 37px 11%; z-index: 1; background: #FDB827 url(../images/alert-yellow-bg.png); } .landing.interior .infographics .blueWrap { width: 100%; padding: 37px 0 37px 2%; } .landing .infographics .blueWrap > div { display: table; height: 100%; } .landing .infographics .blueWrap .infoWrap { display: table-cell; vertical-align: middle; padding: 0 9%; } .landing .infographics .infoLarge { width: 81%; font-size: 3.9em; font-weight: 700; color: #FDB827; padding: 0; line-height: 1em; letter-spacing: .1em; } .landing.dept .infographics .infoLarge { color: #002D74; } .landing .infographics p.infoLarge { display: block; float: left; width: 20%; margin: 0 10px 10px 0; } .landing .infographics p.infoSmall { display: block; float: left; width: 77%; color: #fff; padding: 0 10px; margin: 12px 0 0 0; line-height: 1.15em; } .landing.dept .infographics p.infoSmall { color: #002D74; } .landing .infographics .infoSmall span { display: block; } .landing .infographics p.infoSmall .lineOne { font-family: 'alfonbold_italic'; font-size: 1.25em; margin-bottom: 10px; letter-spacing: .06em; line-height: 1.2; } .landing .infographics p.infoSmall .lineTwo { font-size: .73rem; text-transform: uppercase; } /* ============================ Events Module * ============================*/ /* Events Landing */ .container.events { float: left; width: 100%; margin-bottom: 76px; } .eventWidgetHeading { float: left; width: 100%; clear: both; padding: 0 0 0 10.5%; margin-bottom: 11px; } .interior .eventWidgetHeading { padding: 0; } .content .eventWidgetHeading > h2, .content .columns.eventWidgetHeading > h2 { font-family: 'Montserrat', Helvetica, Arial, san-serif; display: inline; font-size: 1rem; text-transform: uppercase; letter-spacing: 0.04em; margin-right: 56px; } .eventWidgetHeading .callout { margin-bottom: -17px; } .container.events .yellowWrap { display: -ms-flex; display: -moz-flex; display: -webkit-flex; display: flex; float: left; width: 97%; height: auto; margin: 0 auto 0 0; padding: 50px 3% 50px 10.5%; z-index: 1; background: #fff url(../images/events-bg.png); } .container.events .col12 { display: -ms-flex; display: -moz-flex; display: -webkit-flex; display: flex; float: left; width: 97%; height: auto; margin: 0 auto 0 0; padding: 50px 3% 50px 10.5%; z-index: 1; } .container.events .yellowWrap > div.col3, .container.events .yellowWrap > .col12 > div.col3 { position: relative; padding-bottom: 39px; background: #fff; border: 2px solid #FDB827; margin: 0 2% 0 0; } .container.events .yellowWrap > div.col3:last-of-type, .container.events .yellowWrap > .col12 > div.col3:last-of-type { margin: 0; } #mainWrapper a.eventWrap, #mainWrapper a.eventWrap:hover, #mainWrapper a.eventWrap:focus, .dept #mainWrapper a.eventWrap, .dept #mainWrapper a.eventWrap:hover, .dept #mainWrapper a.eventWrap:focus, .landing #mainWrapper a.eventWrap, .landing #mainWrapper a.eventWrap:hover, .landing #mainWrapper a.eventWrap:focus { display: inline-block; padding: 39px 10% 20px 10%; border-bottom: none; -webkit-box-shadow: none; box-shadow: none; outline: none; } .interior .container.events .yellowWrap.surround { display: block; padding: 0; } .container.events .yellowWrap.surround .yellowWrap { background: none; } .container.events .yellowWrap.surround .yellowWrap:first-of-type { padding-bottom: 0; } .container.events div { display: block; width: 100%; } .container.events .eventWidgetDate { font-size: .7rem; font-weight: 600; margin-bottom: 5px; letter-spacing: .06em; line-height: 1.2; text-transform: uppercase; } .container.events .eventWidgetTitle { font-size: .9rem; color: #002D74; letter-spacing: .02em; } /* Event Widget Title HREF */ .container.events div.eventWidgetTitle { display: inline; position: relative; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 -1px 0 transparent; box-shadow: inset 0 -1px 0 transparent; transition-property: background-color,box-shadow,-webkit-box-shadow; -webkit-transition-duration: .2s; transition-duration: .2s; transition-timing-function: ease; } .container.events a:hover div.eventWidgetTitle, .container.events a:focus div.eventWidgetTitle { outline:0; -webkit-box-shadow: inset 0 -2px 0 #FDB827; box-shadow: inset 0 -2px 0 #FDB827; } /* Event Widget Title HREF Contrast */ .contrast .container.events div.eventWidgetTitle { border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 -1px 0 transparent; box-shadow: inset 0 -1px 0 transparent; } .contrast .container.events a:hover div.eventWidgetTitle, .contrast .container.events a:focus div.eventWidgetTitle { outline:0; -webkit-box-shadow: inset 0 -2px 0 #002D74; box-shadow: inset 0 -2px 0 #002D74; } .container.events .eventWidgetCategory { font-size: .73rem; font-weight: 600; text-transform: uppercase; padding: 0 10%; } /* ============================ Gallery * ============================*/ /* Gallery Slider */ .galleryWrapper { position: relative; width: 100%; padding: 0 0 30px 0; } .galleryWrapper .yellowStripesSquare { position: absolute; width: 100%; height: 100%; right: -9px; bottom: -9px; background-image: url(../images/yellow-stripes-square.png); background-position: 0px; z-index: -1; } .columns.gallery { margin: 0 auto 109px auto; } .gallery h2 { text-align: center; } .gallery .summary { max-width: 1300px; text-align: center; margin: 0 auto 30px auto; } .gallery .summary > p { margin-bottom: 0; } .content .columns.gallery img { margin-bottom: 0; } .galleryLink { position: relative; float: left; display: block; color: #fff; margin: 12px; background: #002D74; } .gallerySummary { display: -ms-flex; display: -moz-flex; display: -webkit-flex; display: flex; align-items: center; opacity: 0; position: absolute; bottom: 0; z-index: 2; padding: 20px 13px; color: #fff; background-color: rgba(0,45,116, 0.85); text-align: center; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .gallerySummary:hover { opacity: 1; } .captionFront { position: absolute; top: 0; bottom: 0; left: 0; right: 0; font-family: 'alfonbold_italic'; font-size: 1.05rem; color: #fff; line-height: 1.6; padding: 30px 20px 0 20px; letter-spacing: 0.07em; z-index: 1; -webkit-transition: all 1.0s ease-in-out; -moz-transition: all 1.0s ease-in-out; -ms-transition: all 1.0s ease-in-out; -o-transition: all 1.0s ease-in-out; transition: all 1.0s ease-in-out; } .galleryLink:hover .captionFront, .galleryLink:focus .captionFront { opacity: 0; } .captionFront p { position: absolute; width: 74%; bottom: 27px; left: 0; right: 0; margin: 0 auto; z-index: 2; text-align: center; } .captionFront .blueGradient { background: -moz-linear-gradient(top, rgba(30,87,153,0) 0%, rgba(0,33,84,0.5) 100%); background: -webkit-linear-gradient(top, rgba(30,87,153,0) 0%,rgba(0,33,84,0.5) 100%); background: linear-gradient(to bottom, rgba(30,87,153,0) 0%,rgba(0,33,84,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#80002154',GradientType=0 ); z-index: 1; } .landing .gallerySummary .programBgDesign { z-index: 0; opacity: .4; } .gallerySummary .caption { padding: 30px 20px 0 20px; letter-spacing: 0.07em; z-index: 4; color: #fff; } .gallerySummary .caption p.title { font-family: 'alfonbold_italic'; font-size: 1.1rem; line-height: 1.75; } .dept .gallerySummary .caption p.title { font-size: 1.05rem; line-height: 1.6; margin-bottom: 10px; } .gallerySummary .caption p { font-family: 'Montserrat', Helvetica, Arial, san-serif; font-size: 0.9rem; line-height: 2.05; } .gallerySummary .blueGradient { background: rgba(0,44,116,0); background: -moz-linear-gradient(top, rgba(0,44,116,0) 0%, rgba(0,44,116,0.3) 20%, rgba(0,44,116,.8) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,44,116,0)), color-stop(20%, rgba(0,44,116,0.3)), color-stop(100%, rgba(0,44,116,.8))); background: -webkit-linear-gradient(top, rgba(0,44,116,0) 0%, rgba(0,44,116,0.3) 20%, rgba(0,44,116,.8) 100%); background: -o-linear-gradient(top, rgba(0,44,116,0) 0%, rgba(0,44,116,0.3) 20%, rgba(0,44,116,.8) 100%); background: -ms-linear-gradient(top, rgba(0,44,116,0) 0%, rgba(0,44,116,0.3) 20%, rgba(0,44,116,.8) 100%); background: linear-gradient(to bottom, rgba(0,44,116,0) 0%, rgba(0,44,116,0.3) 20%, rgba(0,44,116,.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002c74', endColorstr='#002c74', GradientType=0 ); z-index: 3; } .caes .gallerySummary .deptGradient { background-color: rgba(173, 220, 145, .65); z-index: 2; } .chhs .gallerySummary .deptGradient { background-color: rgba(92, 184, 220, .65); z-index: 2; } .chss .gallerySummary .deptGradient { background-color: rgba(233, 162, 178, .65); z-index: 2; } .coe .gallerySummary .deptGradient { background-color: rgba(164, 82, 72, .65); z-index: 2; } .jsnn .gallerySummary .deptGradient { background-color: rgba(255, 127, 50, .65); z-index: 2; } .cobe .gallerySummary .deptGradient { background-color: rgba(136, 139, 141, .65); z-index: 2; } .coed .gallerySummary .deptGradient { background-color: rgba(255, 199, 44, .65); z-index: 2; } .grad .gallerySummary .deptGradient { background-color: rgba(92, 184, 178, .65); z-index: 2; } .cost .gallerySummary .deptGradient { background-color: rgba(175, 149, 211, .65); z-index: 2; } .gallerySummary .callout { float: none; color: #fff; background-color: transparent; margin: 0 auto; } .gallerySummary .popupYoutube { display: inline-block; } .galleryWrapper .slick-prev, .galleryWrapper .slick-next { bottom: -65px; } .galleryWrapper .slick-slide { margin: 0 30px 12px 0; } .galleryWrapper .slick-list { margin: 0 -30px 0 0; } /* ============================ News Module * ============================*/ .news.columns > .wrapper { display: inline-block; } .news.columns .wrapper > .col12 { margin-bottom: 32px; } .news.columns .wrapper > .col12:last-child { margin-bottom: 0; } .content .news.columns .wrapper > h2 { text-align: center; } .news .summary { max-width: 1300px; text-align: center; margin: 0 auto 20px auto; } .news .summary > p { margin-bottom: 0; } .content .news.columns .eventWidgetHeading { padding: 0; } .content .news.columns img:not(.playIcon) { margin-bottom: 0; width: 100%; } .content .news .ctaCircleBtn img { margin-bottom: auto; } .content .news.columns h3 { font-size: .95rem; margin-bottom: 0; letter-spacing: .04em; } .news .infoSmall, .newsBox p.infoSmall { font-size: .7rem; letter-spacing: 0.04rem; } .mainContent .content .articleListing h2.newsTitle a:not(.callout), #mainWrapper .content .articleListing h2.newsTitle a:not(.callout) { border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 -1px 0 transparent; box-shadow: inset 0 -1px 0 transparent; } .mainContent .content .articleListing h2.newsTitle a:hover:not(.callout), .mainContent .content .articleListing h2.newsTitle a:focus:not(.callout), #mainWrapper .content .articleListing h2.newsTitle a:hover:not(.callout), #mainWrapper .content .articleListing h2.newsTitle a:focus:not(.callout) { -webkit-box-shadow: inset 0 -2px 0 #FDB827; box-shadow: inset 0 -2px 0 #FDB827; } .contrast .mainContent .content .articleListing h2.newsTitle a:hover:not(.callout), .contrast .mainContent .content .articleListing h2.newsTitle a:focus:not(.callout), .contrast #mainWrapper .content .articleListing h2.newsTitle a:hover:not(.callout), .contrast #mainWrapper .content .articleListing h2.newsTitle a:focus:not(.callout) { -webkit-box-shadow: inset 0 -2px 0 #002D74; box-shadow: inset 0 -2px 0 #002D74; } /* ============================ CTA Full-Width * ============================*/ /* CTA Full-Width Info */ .container.ctaFullWidth { padding-left: 0; padding-right: 0; } .ctaFullWidth .bgWrap { float: left; width: 97.25%; margin: 0 auto 72px 0; z-index: 1; background: #002D74; } .ctaFullWidth .bgWrap h2 { color: #fff; font-size: 2.15rem; font-weight: 900; text-transform: uppercase; margin-bottom: 34px; } .ctaFullWidth .bgWrap .infoWrap { position: relative; width: 100%; padding: 131px 11% 110px 11%; } .ctaFullWidth .bgWrap .infoWrapContent { position: relative; max-width: 97%; color: #fff; z-index: 5; } .ctaFullWidth .blueGradient { background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(0,45,116,0.45) 100%); background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(0,45,116,0.45) 100%); background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,45,116,0.45) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#73002d74',GradientType=0 ); } .dept .ctaFullWidth .blueGradient { background: -moz-linear-gradient(top, rgba(125,185,232,0) 0%, rgba(0,45,116,0.85) 100%); background: -webkit-linear-gradient(top, rgba(125,185,232,0) 0%,rgba(0,45,116,0.85) 100%); background: linear-gradient(to bottom, rgba(125,185,232,0) 0%,rgba(0,45,116,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#73002d74',GradientType=0 ); } /* ============================ Accordions * ============================*/ /* Landing/Interior Accordion Styles */ .landing .accordion .wrapper { max-width: 79%; } .landing.interior .accordion .wrapper{ max-width: 100%; } .content .accordion { float: left; width: 100%; margin:0 auto 72px auto; } .columns + .accordion { margin-top: -14px; } .content .accordion h2 { margin-top: 7px; } .landing .content .accordion .accRow { float: left; position: relative; width: 104%; max-width: 104%; margin-bottom: 25px; } .landing.interior .content .accordion .accRow { width: 100%; max-width: 100%; } .content .accordion .accRow:last-of-type { margin-bottom: 0; } .content .accordion .accRow input[type=checkbox] { position: absolute; display: inline; height: 0; width: 0; color: #002D74; margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance:none; appearance:none; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 1; cursor: pointer; } .content .accordion .accRow > h3 { font-family: 'Montserrat', Helvetica, Arial, san-serif; color: #002D74; font-size: .95em; font-weight: 600; letter-spacing: .03em; margin: 0; padding: 9px 9px 22px 0; background-color: #fff; text-transform: uppercase; background-image: url(../images/horizontal-dots.png); background-repeat: repeat-x; background-position: bottom; } .content .accordion .accRow label { cursor: pointer; position: relative; display: block; color:#002D74; background: #fff; } .content .accordion .accRow label:after { float: right; display: inline-block; content: ''; width: 24px; height:19px; margin-left: 15px; background-image: url(../images/accordion-closed.svg); background-repeat: no-repeat; } .content .accordion .accRow input[type=checkbox]:focus ~ h3 label { color: #46474A; } .content .accordion .accRow input[type=checkbox]:checked ~ h3 { background-image: none; padding-bottom: 0; } .content .accordion .accRow input[type=checkbox]:checked ~ h3 label { background: #fff; } .content .accordion .accRow input[type=checkbox]:checked ~ h3 label:after { background-image: url(../images/accordion-open.svg); } .content .accordion .accRow input[type=checkbox]:checked ~ h3 ~ div { position: relative; width: 100%; background-color: #fff; max-height: 999999px; padding: 12px 0 20px 0; background-image: url(../images/horizontal-dots.png); background-repeat: repeat-x; background-position: bottom; /*-webkit-transition: max-height 0.2s ease; transition: max-height 0.2s ease;*/ z-index: 1; } .content .accordion .accRow input[type=checkbox]:checked ~ h3 ~ .wysiwygContent p:first-of-type { margin-top: 0; } .content .accordion .accRow > div { box-sizing: border-box; max-height: 0; overflow: hidden; padding: 0 60px 0 66px; /*-webkit-transition: max-height 0.1s ease; transition: max-height 0.1s ease;*/ margin: 0; } /* ============================ Quotes * ============================*/ .landing .content > .columns.quotes { width:100%; padding: 20px 35px; margin: 0 auto 72px auto; } .quotes .wrapper { max-width: 1100px; padding: 50px 35px; } /* Highlighted Text Box Colors*/ .quotes.yellow { color: #022761; background-color: rgba(253,184,39, 1); background-image: url(../images/alert-yellow-bg.png); background-position: 0px; } .quotes .icon { width: 100%; height: 22px; margin: 0 auto; } .quotes .icon.top { background: url(../images/quote-top.svg) no-repeat center; margin-bottom: 16px; } .quotes .icon.bottom { background: url(../images/quote-bottom.svg) no-repeat center; margin-bottom: 0; } .quotes .quoteText { font-family: 'alfonbold_italic'; font-size: 1.25rem; line-height: 1.5; padding: 16px 15px; letter-spacing: 0.07em; text-align: center; } .quotes .quoteCredit { font-size: .88rem; line-height: 1.9; padding: 28px 15px 0px 15px; text-align: center; letter-spacing: 0.07em; } /* ============================ Right Column/Widgets * ============================*/ .rightCol { width: 23.5%; } .rightCol.col3 { margin: 0; } .content.col3.rightCol.widget.last { clear: both; } .rightCol > .widget { margin: 0 0 35px 30px; } /* News Widget */ .widget.news ul { list-style-type: none; } /* WYSIWYG Widget */ .widget .widgetTitle{ margin-bottom: 10px; } .widget.wysiwyg{ margin-bottom: 35px; } .widget.wysiwyg img{ display:block; margin-bottom: 10px; } .widget.wysiwyg .widgetContent{ background-color: #fff; padding: 12px 0; } .widget.wysiwyg .widgetContent h3{ font-size: 1.35rem; margin-bottom: 8px; } /* Video Widget */ .widget.video{ margin-bottom: 35px; } .widget.video .vidOverlay { position: relative; cursor: pointer; } .widget.video .popupYoutube img{ width:100%; } .widget.video .fa.fa-play { position: absolute; background-color: rgba(0, 0, 0, .9); border-radius: 500px; padding: 15px 20px; color: #fff; font-size: 2em; right: 0; left: 0; top: 0; bottom: 0; margin: auto; width: 60px; height: 60px; } /* Linked List Widget */ .widget.wysiwyg.list ul{ list-style: none; } .widget.wysiwyg.list ul li{ margin-bottom:7px; } .widget.wysiwyg.list ul li:before{ content:"\25aa";color:#044d98;margin-right:10px;font-size: 1.25em; } .widget.infographics { text-align: center; margin-bottom:30px; } .widget.infographics .widgetContent { margin-bottom:30px; } .widget.infographics .widgetTitle { text-align: left; } /* ============================ Programs Listing * ============================*/ /* Programs */ /* Program Intro */ .landing .programIntro > .wysiwygContent.wrapper { margin-bottom: 0; } /* Program Search */ #searchProgramsBox { margin-bottom: 37px; } .programSearch { margin-bottom: 37px; } .landing .content .searchBox { width: 46%; font-size: .84rem; text-transform: none; background: #fff; color: #46474A; border: 2px solid #E8E8E8; padding: 8px; background-image: url(../images/search-content.svg); background-repeat: no-repeat; background-position: right 7px center; background-size: 24px; letter-spacing: .09em; } .landing .content .searchBox .hiddenLabel { color: #46474A; } .landing .content .searchBox::placeholder { color: #71757D; } .landing .content .searchBox::-webkit-input-placeholder { color: #71757D; } .landing .content .searchBox::-moz-placeholder { color: #71757D; } .landing .content .searchBox:-ms-input-placeholder { color: #71757D; } .landing .content .searchBox:-moz-placeholder { color: #71757D; } .programSearch button { font-style: italic; color: #002D74; font-size: .8rem; font-weight: 600; letter-spacing: .04em; margin: 0px 0 0 5px; background: #fff; border: none; cursor: pointer; vertical-align: bottom; } /* Program Boxes */ .landing .programWrapper { position: relative; width: 100%; padding: 0; z-index: 1; } .landing .programContainer {display: -ms-flex; display: -moz-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; justify-content: space-between; } .landing .programWrapper a.programLink .yellowStripesSquare { opacity: 0; position: absolute; width: 100%; height: 100%; right: -9px; bottom: -9px; background-image: url(../images/yellow-stripes-square.png); background-position: 0px; z-index: -1; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .landing .programWrapper a.programLink:hover .yellowStripesSquare, .landing .programWrapper a.programLink:focus .yellowStripesSquare { opacity: 1; } /*.landing .program { margin-left: -3.1%; }*/ .landing #mainWrapper a.programLink { position: relative; float: left; display: -ms-flex; display: -moz-flex; display: -webkit-flex; display: flex; flex-direction: column; -webkit-flex-direction: column; width: 32%; min-height: 182px; background: #fff; color: #46474A; margin: 0 0 40px 0; padding: 20px 20px 8px 20px; border: 4px solid #FDB827; line-height: 1.5; box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .landing #mainWrapper a.programLink.is-empty { height: 0; min-height: 0; padding: 0; margin: 0; border: none; } .landing #mainWrapper a.programLink.caes, .landing .programBox.caes { border: 4px solid #95CB89; -webkit-box-shadow: none; box-shadow: none; } .landing #mainWrapper a.programLink.chhs, .landing .programBox.chhs { border: 4px solid #5CB8DC; -webkit-box-shadow: none; box-shadow: none; } .landing #mainWrapper a.programLink.chss, .landing .programBox.chss { border: 4px solid #D9A9B0; -webkit-box-shadow: none; box-shadow: none; } .landing #mainWrapper a.programLink.coe, .landing .programBox.coe { border: 4px solid #BC5C45; -webkit-box-shadow: none; box-shadow: none; } .landing #mainWrapper a.programLink.jsnn, .landing .programBox.jsnn { border: 4px solid #DF8738; -webkit-box-shadow: none; box-shadow: none; } .landing #mainWrapper a.programLink.cobe, .landing .programBox.cobe { border: 4px solid #888890; -webkit-box-shadow: none; box-shadow: none; } .landing #mainWrapper a.programLink.coed, .landing .programBox.coed, .contrast.landing #mainWrapper a.programLink.coed, .contrast.landing #mainWrapper a.programLink.coed:hover, .contrast.landing #mainWrapper a.programLink.coed:focus { border: 4px solid #FDB827; -webkit-box-shadow: none; box-shadow: none; } .landing #mainWrapper a.programLink.grad, .landing .programBox.grad { border: 4px solid #5CB8B2; -webkit-box-shadow: none; box-shadow: none; } .landing #mainWrapper a.programLink.cost, .landing .programBox.cost { border: 4px solid #9A86A9; -webkit-box-shadow: none; box-shadow: none; } .landing .programInfo .icon { float: left; margin: 8px 8px 30px 0; } .landing .programInfo .icon img { max-width: 81%; } .landing .caes .programInfo .icon { margin: 8px 8px 50px 0; } .landing .caes .programInfo .icon img { max-width: 83%; } .landing .chhs .programInfo .icon { margin: 3px 3px 50px 0; } .landing .chhs .programInfo .icon img { max-width: 78%; } .landing .chss .programInfo .icon { margin: 2px -8px 50px 0; } .landing .chss .programInfo .icon img { max-width: 52%; } .landing .coe .programInfo .icon { margin: 3px 0 50px 0; } .landing .coe .programInfo .icon img { max-width: 62%; } .landing .jsnn .programInfo .icon { margin: 12px 8px 50px 0; } .landing .jsnn .programInfo .icon img { max-width: 83%; } .landing .cobe .programInfo .icon { margin: 3px 8px 50px 0; } .landing .cobe .programInfo .icon img { max-width: 100%; } .landing .coed .programInfo .icon { margin: 6px -5px 50px 0; } .landing .coed .programInfo .icon img { max-width: 54%; } .landing .grad .programInfo .icon { margin: 3px 3px 50px 0; } .landing .grad .programInfo .icon img { max-width: 68%; } .landing .cost .programInfo .icon { margin: 4px 0 50px 0; } .landing .cost .programInfo .icon img { max-width: 66%; } .landing .programInfo .programTitle { font-family: 'alfonbold_italic'; color: #002D74; margin: 0 0 6px 0; padding: 0 0 8px 0; font-size: 1.15rem; font-weight: 600; letter-spacing: .05em; border-bottom: 1px dashed #bbb; } .landing .programInfo .collegeTitle { width: 100%; font-size: .8rem; font-weight: 600; line-height: 1.5; margin: 10px 0 46px 0; letter-spacing: .05em; text-transform: uppercase; } .landing .programInfo .collegeDegree { position: absolute; bottom: 10px; font-size: .75rem; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; } .landing .programInfo .fas.fa-map-marker-alt, .landing .programInfo .fas.fa-laptop { color: #FDB827; } .landing .programInfo .fas.fa-map-marker-alt { font-size: .8rem; } .landing .programInfo .fas.fa-laptop { font-size: .8rem; } .pipeSpacer { padding: 0 14px; font-size: .72rem; vertical-align: top; } .programSummary .pipeSpacer { padding: 0 0 0 5px; } .iconSpacer { padding: 0 5px; } /* Program Popup */ .landing .programs .mfp-inline-holder .mfp-content { max-width: 1300px; } .landing .programBox { border: 4px solid #FDB827; } .landing .programSummary { width: 100%; padding: 46px 50px 40px 50px; } .landing .programSummary img.programIcon { float: left; margin: 0 13px 0 10px; } .landing .programSummary .collegeTitle { float: left; font-size: .6rem; font-weight: 600; line-height: 1.6; letter-spacing: .17em; margin: 0 0 38px 0; } .landing .coe .programSummary .collegeTitle, .landing .coed .programSummary .collegeTitle, .landing .grad .programSummary .collegeTitle { margin: 10px 0 28px 0; } .landing .programSummary .programTitle { float: left; width: 100%; font-family: 'alfonbold_italic'; font-size: 1.52rem; letter-spacing: .09rem; color: #002D74; margin: 0; } .landing .programSummary .programInfo { float: left; width: 100%; } .landing .programSummary .programOffer { font-size: .78rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; padding: 0; margin: 0 0 25px 0; border-bottom: 1px dashed #bbb; } .landing .programSummary .subhead { font-weight: 600; font-size: 1.02rem; letter-spacing: .09em; } /* ============================ Departments * ============================*/ .landing .wysiwygContent.wrapper { padding: 35px 0; } .landing.dept #mainWrapper h1 { margin-bottom: 17px; } .landing.dept p.subhead { line-height: 1.5; } .landingTitle.inContent { padding: 0 0 0 10.5%; } .landing.dept .impact.wrap .programIcon, .landing.dept .inContent .programIcon { float: left; background-repeat: no-repeat; background-position: 0px; background-size: 100%; width: 100%; max-width: 25px; height: 36px; } .landing.dept.caes .impact.wrap .programIcon, .landing.dept.caes .inContent .programIcon { background-image: url(../images/icons/icon-agriculture-color.svg); max-width: 22px; } .landing.dept.chhs .impact.wrap .programIcon, .landing.dept.chhs .inContent .programIcon { background-image: url(../images/icons/icon-health-color.svg); } .landing.dept.chss .impact.wrap .programIcon, .landing.dept.chss .inContent .programIcon { background-image: url(../images/icons/icon-arts-color.svg); } .landing.dept.coe .impact.wrap .programIcon, .landing.dept.coe .inContent .programIcon { background-image: url(../images/icons/icon-engineering-color.svg); background-position: top; } .landing.dept.jsnn .impact.wrap .programIcon, .landing.dept.jsnn .inContent .programIcon { background-image: url(../images/icons/icon-nano-color.svg); max-width: 27px; } .landing.dept.cobe .impact.wrap .programIcon, .landing.dept.cobe .inContent .programIcon { background-image: url(../images/icons/icon-business-color.svg); max-width: 27px; } .landing.dept.coed .impact.wrap .programIcon, .landing.dept.coed .inContent .programIcon { background-image: url(../images/icons/icon-education-color.svg); background-position: top; } .landing.dept.grad .impact.wrap .programIcon, .landing.dept.grad .inContent .programIcon { background-image: url(../images/icons/icon-graduate-color.svg); } .landing.dept.cost .impact.wrap .programIcon, .landing.dept.cost .inContent .programIcon { background-image: url(../images/icons/icon-science-color.svg); } .landing.dept .impact .caption { max-width: 1626px; top: 31%; } .landing.dept .impact .caption .captionText { float: left; text-align: left; margin-top: 4%; } .landing.dept .impact .collegeTitle { max-width: 350px; margin: 2px 33px 24px 33px; font-size: .93rem; font-weight: 600; letter-spacing: .09em; } .landing.dept .deptNav ul { list-style: none; margin-left: 18px; } .landing.dept .deptNav ul li:before { display: none; } [class^="content col"] .deptNav ul li { margin-bottom: 28px; font-size: 1.2rem; } /* ============================ News Pages * ============================*/ /* News Hub */ /* News Slider */ .newsFeatured .caption > .wrapper { z-index: 2; } .landing .newsFeatured.wysiwygContent.wrapper { background-color: #46474A; padding: 0; margin-top: 8px; margin-bottom: 85px; } #mainWrapper .news.columns h3 > a { color: #002D74; } #mainWrapper .news.columns h3.infoSmall > a { color: #46474A; } .newsFeatured .captionText { position: absolute; bottom: 108px; left: 5%; right: 5%; color: #fff; } .newsFeatured .slick-slide > img { } #mainWrapper .newsFeatured .captionText > a { font-size: .7rem; color: #fff; font-weight: 500; } .newsFeatured .captionText .title { font-size: 1.38rem; font-weight: 600; line-height: 1.1; margin: 10px 0 0 0; } #mainWrapper .newsFeatured .captionText .title a { color: #fff; } .contrast .newsFeatured .captionText .title.clear a:hover:not(.callout), .contrast .mainContent .newsFeatured .captionText .title.clear a:focus:not(.callout), .contrast #mainWrapper .newsFeatured .captionText .title.clear a:hover:not(.callout), .contrast #mainWrapper .newsFeatured .captionText .title.clear a:focus:not(.callout) { -webkit-box-shadow: inset 0 -2px 0 #FDB827; box-shadow: inset 0 -2px 0 #FDB827; } .newsFeatured .captionText .summary { font-size: .82rem; line-height: 2; padding-left: 0; text-align: left; } .captionText .summary { text-align: left; margin: 0; } .newsFeatured .yellowStripesSquare { position: absolute; margin: 0 -9px -9px 0; } .newsFeatured .blueGradient { background: -moz-linear-gradient(top, rgba(0,45,116,0) 0%, rgba(0,33,84,0.08) 54%, rgba(0,21,54,0.15) 100%); background: -webkit-linear-gradient(top, rgba(0,45,116,0) 0%,rgba(0,33,84,0.08) 54%,rgba(0,21,54,0.15) 100%); background: linear-gradient(to bottom, rgba(0,45,116,0) 0%,rgba(0,33,84,0.08) 54%,rgba(0,21,54,0.15) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00002d74', endColorstr='#8c001536',GradientType=0 ); z-index: 1; } .newsFeatured .slick-next, .newsFeatured .slick-prev { color: #fff; background-color: transparent; bottom: 49px; } .newsFeatured .slick-prev { left: 48px; background-image: url(../images/icons/arrow-left-white.svg); } .newsFeatured .slick-next { left: 81px; background-image: url(../images/icons/arrow-right-white.svg); } .newsFeatured .slick-prev:hover { left: 48px; background-image: url(../images/icons/arrow-left.svg); } .newsFeatured .slick-next:hover { left: 81px; background-image: url(../images/icons/arrow-right.svg); } /* News Hub Listings */ .newsWidgetHeading { float: left; width: 100%; clear: both; padding: 0; margin-bottom: 4px; } .below .newsWidgetHeading { margin-bottom: 0; } .content .newsWidgetHeading > h2, .newsWidgetHeading > h2 { font-family: 'alfonbold_italic'; font-size: 1.4rem; letter-spacing: 0.04em; } /* News Latest */ .news.latest.columns { margin-bottom: 54px; } .content .news.latest.columns h3 { width: 100%; line-height: 1.7; margin-bottom: 3px; } .mainContent .content .news.latest h3 a:not(.callout), #mainWrapper .content .news.latest h3 a:not(.callout) { color: #002D74; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 -1px 0 transparent; box-shadow: inset 0 -1px 0 transparent; } .mainContent .content .news.latest h3 a:hover:not(.callout), .mainContent .content .news.latest h3 a:focus:not(.callout), #mainWrapper .content .news.latest h3 a:hover:not(.callout), #mainWrapper .content .news.latest h3 a:focus:not(.callout) { -webkit-box-shadow: inset 0 -2px 0 #FDB827; box-shadow: inset 0 -2px 0 #FDB827; } .contrast .mainContent .content .news.latest h3 a:hover:not(.callout), .contrast .mainContent .content .news.latest h3 a:focus:not(.callout), .contrast #mainWrapper .content .news.latest h3 a:hover:not(.callout), .contrast #mainWrapper .content .news.latest h3 a:focus:not(.callout) { -webkit-box-shadow: inset 0 -2px 0 #002D74; box-shadow: inset 0 -2px 0 #002D74; } /* News Article Listing */ .newsListing.columns { margin-bottom: 54px; } .articleListing { margin-top: 0; } .articleListing:first-child { margin-top:25px; } .notice .articleListing:first-child { margin-top: 0; } .articleListing:not(:last-child){ margin-bottom: 22px; background-image: url(../images/horizontal-dots.png); background-repeat: repeat-x; background-position: bottom left; } .articleListing.wysiwygContent:last-child { margin-bottom: 0; } .content .columns .articleListing h2 { float: left; width: 100%; font-family: 'Montserrat', Helvetica, Arial, san-serif; font-size: 1.2rem; margin-bottom: 0; vertical-align: top; } .landing .content .columns .articleListing .col4 { margin-right: 10px; } .newsListing p.infoSmall { font-size: .7rem; letter-spacing: 0.04rem; margin: 0 0 26px 0; } .content .columns .articleListing.wysiwygContent img.newsImage { margin-bottom: 12px; } .news.columns .content { padding: 0; } /* News Media Articles */ .content .news.columns h3.infoSmall { width: 100%; font-size: .98rem; font-weight: 400; letter-spacing: 0.04rem; margin: 0 0 10px 0; text-transform: none; } /* News Right Column */ .landing .content.col3.rightCol.below { padding-bottom: 35px; } .landing .content.col3.rightCol .searchBox { width: 100%; background-image: none; padding: 13px 15px; } .landing .content.col3.rightCol .programSearch { position: relative; margin-bottom: 23px; } .landing .content.col3.rightCol .programSearch button { position: absolute; top: 7px; right: 2px; width: 39px; height: 30px; background-image: url(../images/search-content.svg); background-repeat: no-repeat; background-position: right 7px center; background-size: 24px; } /* News Right Column Category Listing */ .newsCategory { position: relative; margin-top: 12px; margin-right:0; margin-bottom: 12px; z-index: 2; } .newsCategory label { position: relative; display: block; height: 45px; font-size: .9rem; border: 2px solid #FDB827; background-color: #fff; padding: 8px 15px; margin-bottom: 15px; } .newsCategory label:after { content: ""; position: absolute; top: 18px; right: 0; width: 15px; height: 15px; padding: 4px 7px; background-image: url(../images/chosen-sprite.png); background-repeat: no-repeat; z-index: 9; } .newsCategory input#category:checked + label:after { top: 6px; right: 18px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .newsCategory ul.deptDrop { display: none; width: 100%; position: absolute; top: 43px; left: 0; padding: 15px; margin: 0; list-style: none; background: #fff; border: 2px solid #FDB827;border-top:0; } .newsCategory input#category:checked ~ ul.deptDrop { display: block; } .newsCategory input{ position: absolute; display: inline; height: 0; width: 0; margin: 0; padding: 0; -webkit-appearance: none; -moz-appearance:none; appearance:none; } .newsCategory select{ width: 100%; height: 56px; padding: 0 20px; font-weight: 400; } .newsCategory.list li { list-style: none; } .newsCategory.list li:last-child { margin: 0; } /* News Right Column Headlines */ ul.headlines { float: left; width: 100%; margin: 0 0 48px 0; list-style: none; } .headlines li { list-style: none; font-weight: 600; line-height: 1.8; text-transform: uppercase; padding: 0 0 15px 0; margin: 0 0 20px 0; font-size: .89rem; letter-spacing: .06em; } .headlines li:not(:last-child){ background-image: url(../images/horizontal-dots.png); background-repeat: repeat-x; background-position: bottom left; } /* News Right Column News Listings */ .rightCol .newsListing { margin-bottom: 57px; } .rightCol .newsWidgetHeading > h2 { margin-bottom: 10px; } .rightCol h2.newsTitle { font-size: 1.08rem; line-height: 1.45em; margin-bottom: 0; font-weight: 600; } .rightCol .articleListing .col4 { width: 36%; } .rightCol .articleListing .col4 img.newsImage { width: 100%; } .rightCol .articleListing .col8 { width: 61%; } .rightCol .articleListing.wysiwygContent .col12 > p { font-size: .95rem; margin-top: 2px; margin-bottom: 12px; } .rightCol .articleListing:not(:last-child) { margin-bottom: 14px; } /* News Right Column Magazine */ .rightCol .magazine { margin: 5px 0 25px 0; } /*News Detail Styles*/ .landing .infoSmall.wysiwygContent.wrapper { padding-top: 0; padding-bottom: 0; } .newsSectionTitle p.infoSmall { font-size: .72rem; margin-bottom: 22px; letter-spacing: 0.09em; } .newsSectionTitle p.infoSmall.clear { margin-bottom: 0; } .newsSectionTitle h1.landingTitle { padding-top: 0; } #mainWrapper .newsSectionTitle h1.landingTitle { margin-bottom: 4px; } .contrast .newsSectionTitle .yellow { color: #002D74; } .doubleArrow { font-size: .9rem; } .contrast .doubleArrow { color: #002D74; } .newsFeatured .featuredImage { position: relative; z-index: 1; } .newsFeatured.detail .blueGradient { background: -moz-linear-gradient(top, rgba(0,45,116,0) 0%, rgba(0,33,84,0.16) 24%, rgba(0,21,54,0.58) 100%); background: -webkit-linear-gradient(top, rgba(0,45,116,0) 0%,rgba(0,33,84,0.16) 24%,rgba(0,21,54,0.58) 100%); background: linear-gradient(to bottom, rgba(0,45,116,0) 0%,rgba(0,33,84,0.16) 24%,rgba(0,21,54,0.58) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00002d74', endColorstr='#8c001536',GradientType=0 ); z-index: 2; } .landing.interior.noLeftNav .newsFeatured.detail.wysiwygContent.wrapper { margin-bottom: 20px; } .newsFeatured .videoContent a {position: relative; z-index: 3; } .landing .caption.wysiwygContent.wrapper { position: relative; padding-top: 20px; padding-bottom: 0; } .captionText { position: relative; } .captionText .summary { padding-left: 16px; font-size: .82rem; line-height: 2; } .captionText .yellowBar { position: absolute; display: block; top: 14px; left: 7px; background: #FDB827; width: 14px; height: 1px; border-radius: 0; margin-left: -16px; } .landing .newsContact.wysiwygContent.wrapper { width: 100%; padding-top: 0; padding-bottom: 0; margin-bottom: 22px; } .landing .newsContact.wysiwygContent .wrapper { float: left; width: 100%; padding-top: 0; padding-bottom: 0; background-image: url(../images/horizontal-dots.png); background-repeat: repeat-x; background-position: bottom left; } .newsContact p.infoSmall { font-size: .82rem; margin-top: 0; margin-bottom: 6px; } .newsContact .eventWidgetCategory { font-size: .73rem; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; } .newsContact .socialbar { float: left; margin: 10px 0 22px 0; } .newsContact .socialbar a { margin: 0 18px 0 0; } /* News Figure Image */ figure { position: relative; } figure.align-right { float: right; } figure.align-left { float: left; } figure > figcaption { position: relative; padding-left: 16px; font-size: .82rem; letter-spacing: .07em; } figure > figcaption:before { position: absolute; display: block; top: 12px; left: 7px; content:""; background: #FDB827; width: 16px; height: 1px; border-radius: 0; margin-left: -16px; } /* ================================================== Faculty Employee Listing and Detail Pages * ==================================================*/ /*Faculty Employee Listing Page */ .faculty #mainWrapper h1 { margin-bottom: 16px; } /* Employee Filter Styles */ .faculty .azFilters { margin: 10px 0 28px 0; font-size: 1em; } .faculty .azFilters ul { list-style-type: none; padding: 0; margin: 0; } .faculty .azFilters ul li { display: inline-block; margin-right: 2.2%; margin-bottom: 0; list-style-type: none; } .faculty #mainWrapper .azFilters ul li a, .contrast.faculty #mainWrapper .azFilters ul li a { font-size: .9rem; text-decoration: none; color: #002D74; border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 -1px 0 transparent; box-shadow: inset 0 -1px 0 transparent; } .faculty .azFilters ul li a:hover, .faculty .azFilters ul li a:focus { text-decoration: underline; } .faculty #mainWrapper .azFilters ul a.azFilter.na { color:#46474A; cursor:default; } .faculty #mainWrapper .azFilters ul a.azFilter.na:hover{ border-bottom: 1px solid transparent; -webkit-box-shadow: inset 0 -1px 0 transparent; box-shadow: inset 0 -1px 0 transparent; } .faculty #mainWrapper .azFilters ul li.viewAll { width: 100%; margin-right: 0; } .faculty #mainWrapper .azFilters ul li.viewAll a { color: #46474A; letter-spacing: .15em; font-size: .9rem; } .landing.faculty .content.col3.rightCol .programSearch { position: relative; margin-bottom: 38px; } .description { font-size: 1rem; font-weight: 600; line-height: 1; margin-bottom: 14px; text-transform: uppercase; letter-spacing: .09em; } .employeeCategory { margin-bottom: 25px; } .employeeCategory select { width: 100%; } .directorySearch button { float: right; font-style: italic; color: #002D74; font-size: .8rem; font-weight: 600; letter-spacing: .04em; margin: -5px 0 0 0; background: #fff; border: none; cursor: pointer; vertical-align: bottom; } /* Employee Listing */ .employeeListing { background-image: url(../images/horizontal-dots.png); background-repeat: repeat-x; background-position: bottom; padding-bottom: 2px; margin-bottom: 20px; } .employeeListing div { font-size: .85rem; margin-bottom: 8px; } .employeePhoto { position: relative; display: inline-block; max-width: 130px; width: 100%; margin: 0 15px 0 0; } .employeePhoto .yellowStripesSquareWrapper .yellowStripesSquare + img { max-width: 309px; width: 100%; } .employeeInfo { position: relative; display: inline-block; width: 80%; vertical-align: top; } div.employeeName { font-size: 1.15rem; font-weight: 500; line-height: 1; margin-bottom: 5px; } .employeeListing div.title { line-height: 1; margin-bottom: 20px; } /* Faculty Employee Bio Page */ .bio .employeePhoto { position: relative; float: left; max-width: 309px; margin: 5px 0 37px 0; } .faculty .newsSectionTitle .landingTitle + .infoSmall.wysiwygContent.wrapper { text-transform: uppercase; margin-top: -36px; font-size: .85rem; font-weight: 600; letter-spacing: .07em; } .bio .employeeInfo { position: relative; float: left; display: block; width: 90%; margin-bottom: 43px; } .descriptionRow { margin-bottom: 23px; } .education .descriptionRow { margin-bottom: 38px; } .descriptionRow > span { display: block; line-height: 1.5; margin-bottom: 7px; } .bio > .col3 { width: 26%; } .bio > .col9 { width: 64.5%; } .bio h2 { font-family: 'alfonbold_italic'; font-size: 1.35rem; letter-spacing: 0.05em; margin: 43px 0 0 0; } .bio h2:first-child { margin: 5px 0 0 0; } .wysiwygContent p { margin: 10px 0 32px 0; } .bio .wysiwygContent p:last-of-type { margin-bottom: 32px; } /* ============================ Media Queries * ============================*/ @media print { body { color: #000 !important; background: #fff !important; } a { outline: none !important; } .header, .headerContent.wrapper, .landing .infographics .blueWrap, .footer { background-color: #fff !important; background-image: none !important; } .logoBlue { display: block !important; } .logoWhite, .leftnavWrap, .grayBg, .yellowStripes, .yellowBoxAccent, .verticalDots, .footerRight, .backToTop, .ctaCircleBtn.left.bottom, .quotes .icon, .impact.wrap { display: none !important; } .yellowStripesSquare {background-image: none !important; } .columns .col4, .rightCol.col3, .articleListing .wysiwygContent .newsImage, .col6 { width: 100% !important; } .landing.interior .content.col12 { padding-top: 0 !important; margin-top: 20px !important; } .landing .infographics .blueWrap { width: 100%; height: auto !important; margin: 0 auto; padding-top: 0 !important; padding-bottom: 0 !important; } .interior .columns.full .content, .landing .content .columns .col6, .columns .col6 { width: 100% !important; } .quotes .wrapper { padding: 0 35px; } .quotes .quoteCredit { padding: 0 15px; } .infographics .col4 { width: 33% !important; } .infographics .infoLarge { font-size: 3em !important; } .header { position: relative !important; box-shadow: none !important; } .footer { padding-top: 0; } .copyright { position: relative !important; color: #000 !important; } body, h1, h2, h3, h4, h5, p, a, span { color: #000 !important; } } @media all and (min-width: 1766px) { /* Home Programs Slider */ .home #section3 .sliderProgram .slick-track { width: 100% !important; } .home #section3 .sliderProgram .slick-list { padding-left: 3%; } .home #section3 .sliderProgram .programLink { margin: 0 0px 3.1% 3.1% !important; } .home #section3 .sliderProgram { max-width: 1100px; } } @media all and (max-width: 1765px) { /* Programs Slider */ .programWrapper { position: relative; width: 100%; padding: 47px 0; } .sliderProgram { width: 100%; /*max-width: 970px;*/ max-width: 100%; margin: 30% auto 0 49%; height: auto; overflow-y: initial; } .programLink { margin: 0 20px 0 0; } } @media all and (max-width: 1765px) and (min-width: 1025px) { /* Department Impact Slider */ .landing.dept .impact .caption { max-width: 90%; } /* Home Section 3 */ #section3 ul.slick-dots { position: relative; text-align: left; bottom: -5px; } } @media all and (max-width: 1765px) and (min-width: 1025px) { /* Home Section 3 */ #section3 .grayBg { width: 40%; } #section3 .boxLeft, body.fp-viewing-about #section3 .boxLeft { width: 60%; padding: 40px 2.5% 0px 11.5%; height: 89vh; } #section3 .boxRight { width: 60%; } .sliderProgram { margin: 20% auto 0 30%; } } @media all and (min-width: 1621px) { /* Faculty Directory */ .interior.faculty .content.col9 { width: 44%; } .interior.faculty.impact .content.col9 { width: 54%; } /* Faculty Directory Bio */ .interior.faculty .bio.content.col9 { width: 73.5%; } } @media all and (max-width: 1620px) and (min-width: 1201px) { /* Faculty Directory */ .interior.faculty .content.col9 { width: 50%; margin-left: 10.5%; } } @media all and (max-width: 1620px) { /* Home Section 4 */ #section4 .grayBg { width: 33%; } #section4 .boxLeft { width: 43%; } #section4 .boxRight { width: 67%; } /* Home Section 5 */ #section5 .boxLeft, body.fp-viewing-newsandevents #section5 .boxLeft { width: 60%; } .socialHeader, body.fp-viewing-newsandevents #section5 .socialHeader { width: 49%; } #section5 .boxRight, body.fp-viewing-newsandevents #section5 .boxRight { width: 40%; } /* Faculty Directory Bio */ .interior.faculty .bio.content.col9 { width: 73.5%; } .bio > .col3 { margin-right: 4%; } } @media all and (min-width: 1850px) { /* Infographics */ .landing .infographics .blueWrap .infoWrap { padding: 0; } .landing .infographics p.infoLarge { width: 30%; margin: 0 20px 10px 0; text-align: right; } .landing .infographics p.infoSmall { width: 64%; } } @media all and (max-width: 1849px) { /* Infographics */ .landing .infographics .blueWrap .infoWrap { vertical-align: top; } .landing .infographics p.infoLarge { width: 100%; margin: 0 0 10px 0; } .landing .infographics .blueWrap { height: auto; } } @media all and (max-width: 1490px) { /* Home Sections */ #fp-nav ul li .fp-tooltip.fp-left { left: 17px; } #fp-nav ul li:nth-child(4) .fp-tooltip, #fp-nav.fp-show-active :nth-child(4) a.active +.fp-tooltip { width: 65px; } .home.fp-viewing-newsandevents .backToTop { bottom: 260px; } /* Programs */ .landing #mainWrapper a.programLink { width: 48%; margin-bottom: 40px; } /* Content Padding */ .mainContent{ padding: 0 15px; } .home .mainContent { padding: 0; } .container { padding-left: 15px; padding-right: 15px; } .header .container, .header .wrapper, .container .impact.interior { padding-left: 0; padding-right: 0; } /* Home Section 2 */ .stat { font-size: 3.6rem; } .statContent { font-size: 2rem; } /* Main Content */ .content.col12, .dots.col12 { width: 98%; } .landing .mainContent { padding: 0 35px; } /* Landing Content Padding */ .landing .impact.contentWidth, .landing .title.wrapper, .landing .wysiwygContent.wrapper, .landing .content > .columns, .landing .divider { max-width: 79%; padding: 0 0 35px 0; } .landing .col9.faculty .wysiwygContent.wrapper { padding: 0; } .container + .columns { padding-top: 0; } .landing .content > .columns.full { max-width: 103%; width: 103%; padding: 0; } /* Infographics */ .container.infographics { padding-left: 0; padding-right: 0; } /* Events */ .container.events { padding-left: 0; padding-right: 0; } } @media all and (max-width: 1370px) { #fp-nav ul li .fp-tooltip { font-size: .65rem; } /* Home Section 4 */ #section4 .boxLeft { width: 43%; } #section4 .boxRight { width: 67%; } /* Home Section 5 */ #section5 .boxLeft, body.fp-viewing-newsandevents #section5 .boxLeft { width: 55%; } .socialHeader, body.fp-viewing-newsandevents #section5 .socialHeader { width: 44%; } #section5 .boxRight, body.fp-viewing-newsandevents #section5 .boxRight { width: 45%; } /* Content */ .col4 .content { word-wrap: break-word; } } @media all and (max-width: 1310px) { /* Home Section 2 */ #section2 .grayBg { width: 33%; } #section2 .boxLeft { width: 43%; } #section2 .boxRight { width: 67%; } .stat { font-size: 2.8rem; } .statContent { font-size: 1.4rem; } /* Home Section 3 */ #section3 .grayBg { width: 33%; } #section3 .boxLeft { width: 43%; } #section3 .boxRight { width: 67%; } } @media all and (min-width: 1281px){ /* Home Section 5 */ .socialArea .juicer { padding: 22px 0 61px 0; margin-left: 11%; } } @media all and (max-width: 1280px){ /* Home Section 2 */ #section2 .intro { height: 75vh; } /* Home Section 4 */ #section4 .boxLeft, body.fp-viewing-whatyoudo #section4 .boxLeft, body.activated #section4 .boxLeft { width: 66%; } #section4 .boxRight.front { width: 30%; right: 6%; } /* Home Section 5 */ .newsBox { width: 92%; margin-right: 0; margin-bottom: 25px; } .socialArea .juicer { width: 100%; } } @media all and (max-width: 1280px) and (max-height: 920px) { /* Home Section 4 */ #section4 .boxLeft, body.fp-viewing-whatyoudo #section4 .boxLeft, body.activated #section4 .boxLeft { width: 66%; } #section4 .boxRight.front { width: 30%; right: 6%; } } @media all and (max-width: 1279px){ /* Home Switchers */ #fp-nav.fp-show-active a.active + .fp-tooltip { display: none; } /* Home Section 5 */ .socialHeader, body.fp-viewing-newsandevents #section5 .socialHeader { width: 100%; } .socialHeader, .socialArea .juicer { margin-top: 0; } .socialHeader { padding: 64px 9% 0 11%; margin-left: 0; } } @media all and (max-width: 1200px){ /* Home Section 2 */ #section2 .grayBg { width: 41%; } #section2 .boxLeft { width: 52%; } #section2 .boxRight { width: 59%; } /* Home Section 3 */ #section3 .grayBg { width: 49%; } #section3 .boxLeft { width: 52%; } #section3 .boxRight { width: 61%; } /* Home Section 4 */ #section4 .grayBg { width: 49%; } #section4 .boxRight { width: 61%; } /* Home Section 5 */ #section5 .boxLeft, body.fp-viewing-newsandevents #section5 .boxLeft { width: 45%; } #section5 .boxRight, body.fp-viewing-newsandevents #section5 .boxRight { width: 55%; } /* Content */ .content.col12, .dots.col12 { width: 97.5%; } .content.col6 .columns .col4 { width: 100%; margin: 15px 0; } /* Faculty Directory Bio */ .interior.faculty .bio.content.col9 { width: 67.5%; } } @media all and (max-width: 1200px) and (min-width: 1025px) { /* Faculty Directory */ .interior.faculty .content.col9 { width: 50%; margin-left: 10.5%; } } @media all and (max-width: 1100px) { /* Home Section 5 */ #section5 .boxLeft, body.fp-viewing-newsandevents #section5 .boxLeft { width: 50%; } #section5 .boxRight, body.fp-viewing-newsandevents #section5 .boxRight { width: 50%; } } @media all and (min-width: 1361px) and (max-width: 1440px){ /* Main Content */ .interior .content.col9 { width: 69%; } } @media all and (min-width: 1025px) and (max-width: 1360px){ /* Main Content */ .interior .content.col9 { width: 62.5%; } } @media all and (min-width: 1025px) and (max-width: 1200px){ /* Top Nav Utility Area */ .topNavWrapper { width: 78%; } /* Main Menu More Menu */ .menuMoreInfo { width: 22%; } /* Home Section 2 */ .stat { font-size: 2.1rem; } /* Home Section 4 */ .sliderProgram { margin: 27% auto 0 27%; } } @media all and (min-width: 1025px) and (max-height: 920px) { /* Main Menu */ .topNavWrapper { width: 74%; } .menuMoreInfo { width: 23%; } /* Home Sections */ .box h2 { font-size: 1.6rem; margin-bottom: 20px; width: 100%; } .mfp-inline-holder .mfp-close { margin-top: -35px; } .box .boxLeft p { margin-bottom: 12px; line-height: 2; } /* Home Section 1 */ .home #section1.box h1, .home #section1.box h1 span, .home #section1.box h2, .home #section1.box h2 span { font-size: 2.5rem; } /* Home Section 2 */ #section2 .grayBg { width: 40%; } #section2 .boxRight { width: 60%; } body.activated #section2 .sliderInfographic.slick-slider { padding: 20px 1% 30px 35%; } .stat { font-size: 4rem; } .statContent { font-size: 2rem; } body.fp-viewing-about #section2 .ctaCircleBtn { top: 80%; } /* Right Side Circle Button */ body.fp-viewing-about #section2 .ctaCircleBtn.alertOn { top: 69%; } /* Home Section 4 */ #section4 .grayBg { width: 39%; } #section4 .boxLeft, body.fp-viewing-whatyoudo #section4 .boxLeft { width: 58%; padding: 40px 2.5% 0px 11.5%; } body.fp-viewing-whatyoudo #section4 .testimonialWrapper .ctaCircleBtn { top: 45%; } .testimonialWrapper { padding: 30px 0 10px 0; } body.fp-viewing-whatyoudo #section4 .testimonialWrapper.alertOn { padding: 0 0 10px 0; } body.fp-viewing-whatyoudo #section4 .boxRight.front.alertOn { padding: 71px 0 0 0; } .testimonialSummary .quote { /* font-size: 1rem; */ padding: 15px; } .testimonialSummary .icon.top { margin-bottom: 0; } .testimonialSummary .icon.bottom { margin-bottom: 5%; } #section4 .slick-prev, #section4 .slick-next { bottom: -45px; } /* Right Side Circle Button */ body.fp-viewing-whatyoudo #section4 .ctaCircleBtn.right.alertOn { top: 69%; } /* Home Section 5 */ #section5 .boxLeft, body.fp-viewing-newsandevents #section5 .boxLeft { width: 68%; padding: 40px 2.5% 0px 11.5%; height: auto; } /* Programs */ .landing .programSummary { padding: 40px 50px 25px 50px; } .landing .programSummary .collegeTitle { margin: 0 0 14px 0; } .landing .programSummary p { margin-bottom: 20px; } } @media all and (max-width: 1660px) and (max-height: 920px) { /* Home Section 5 */ .socialHeader { padding: 25px 2.75% 0 11%; } #section5 .boxRight, body.fp-viewing-newsandevents #section5 .boxRight { width: 51.5%; } #section5 .boxRight { padding: 96px 3% 30px 3.5%; } #section5 .socialHeader, body.fp-viewing-newsandevents #section5 .socialHeader { width: 54.75%; } } @media all and (max-width: 1370px) and (max-height: 920px) { /* Home Section 5 */ #section5 .boxLeft, body.fp-viewing-newsandevents #section5 .boxLeft { width: 58%; } #section5 .boxRight, body.fp-viewing-newsandevents #section5 .boxRight { width: 51.5%; } } @media all and (min-width: 1281px) and (max-height: 920px) { /* Home Section 4 */ #section4 .boxRight.front { width: 50%; } } @media all and (min-width: 1025px) and (max-width: 1280px) and (max-height: 920px) { /* Home Section 4 */ #section4.box h2 { width: 90%; } #section4 .boxRight.front { width: 42%; } /* Home Section 5 */ #section5 .boxRight, body.fp-viewing-newsandevents #section5 .boxRight { width: 68.5%; } } @media all and (min-width: 1025px) and (max-height: 920px) { /* Home Section 4 */ #section4 .slick-slide img { max-width: 92%; max-width: 250px; height: 375px; } #section4 .testimonialSummary { padding: 30px 13px 0 13px; } body.fp-viewing-whatyoudo #section4 .ctaCircleBtn { top: 80%; } /* Home Section 5 */ #section5 .boxLeft { height: auto; } #section5 .boxRight { position: relative; height: auto; } .upcomingEvents { height: 100%; max-width: 430px; } /* Left Navigation */ /*.leftnav { top: 15%; }*/ } @media all and (min-width: 1025px) and (max-width: 1660px) { /* Home Sections */ .box h2 { font-size: 1.6rem; margin-bottom: 20px; width: 100%; } #section2.box h2 { width: 94%; } #section2 .introCopy p, #section3 .introCopy p, #section5 .introCopy p { max-width: 95%; } /* Home Section 2 */ #section2 .boxLeft, body.fp-viewing-about #section2 .boxLeft { width: 54%; padding: 40px 2.5% 0px 11.5%; } body.activated #section2 .sliderInfographic.slick-slider { padding: 30px 10% 30px 40%; } .stat { font-size: 3rem; } .statContent { font-size: 1.8rem; } /* Home Section 3 */ #section3 .boxLeft, body.fp-viewing-about #section3 .boxLeft { width: 60%; padding: 40px 2.5% 0px 11.5%; } /* Home Section 4 */ #section4 .boxLeft, body.fp-viewing-whatyoudo #section4 .boxLeft { padding: 40px 2.5% 0px 11.5%; } /* Home Section 5 */ #section5 .boxLeft, body.fp-viewing-newsandevents #section5 .boxLeft { padding: 40px 2.5% 0px 11.5%; } #section5 .intro { overflow-x: hidden; } } /* To accomodate Windows 10 150% default resolution setting */ @media (max-width: 1400px) and (min-width: 1025px) { .box h2 { font-size: 1.3rem; margin-bottom: 15px; } .box .boxLeft p { font-size: .8rem; line-height: 1.5; margin-bottom: 15px; } .stat { font-size: 2rem; } .statContent { font-size: 1.5rem; } /* Home Section 1 */ body #section1 .boxLeft { top: 20.5%; padding: 10px 11.4%; } .home #section1.box h1, .home #section1.box h1 span, .home #section1.box h2, .home #section1.box h2 span { font-size: 2.1rem; } .home .hero { overflow: auto; } /* Home Section 2 */ #section2 .boxLeft, body.fp-viewing-about #section2 .boxLeft { width: 57%; } /* Home Section 3 */ .fp-viewing-academics .programImg { max-width: 275px; } .fp-viewing-academics .mfp-arrow-left { left: 310px; } .fp-viewing-academics .mfp-arrow-right { left: 343px; } .fp-viewing-academics .horizontalLine { bottom: 34px; left: 387px; } /* Home Section 4 */ #section4 .slick-slide img { max-width: 220px; height: 295px; } .testimonialSummary .quote { font-size: .75rem; line-height: 1.7; padding: 8px; } .testimonialSummary .quoteCredit { font-size: .75rem; line-height: 1.4; } #section4 .testimonialSummary { padding: 15px 13px; } /* Left Navigation */ .leftnavWrap.col3.stationary, .landing.interior.impact .leftnavWrap.col3 { margin: 0; width: 327px; } .leftnavWrap .leftnav, .leftnavWrap .leftPanel, .leftnavWrap .ctaCircleBtn.left, .landing.interior.impact .leftnavWrap .leftnav, .landing.interior.impact .leftnavWrap .leftPanel, .landing.interior.impact .leftnavWrap .ctaCircleBtn.left { position: relative; } .interior .leftnavWrap + .content.col9, .interior.impact .leftnavWrap + .content.col9 { margin-left: 0; } .leftnavWrap .ctaCircleBtn.left, .interior.impact .leftnavWrap .ctaCircleBtn.left { left: -20px; margin-top: 50px; } /* Impact Landing */ .landing .impact .caption .captionText { font-size: 2rem; } } @media (min-width: 1025px) { /* Header */ /* Home Section 2 */ #section2.box { overflow: hidden !important; } /* Home Section 2 */ #section2 .boxLeft, body.fp-viewing-about #section2 .boxLeft { height: 89vh; } /* Home Section 3 */ #section3 .boxLeft, body.fp-viewing-about #section3 .boxLeft { height: 89vh; } /* Home Section 4 */ #section4 .boxLeft, body.fp-viewing-whatyoudo #section4 .boxLeft { height: 89vh; } /* Landing and Interior Header Overrides */ .home .header { position: absolute !important; } .alert ~ div .fp-section { margin-top: 77px; } .utilityWrapper { position: absolute !important; } #searchHeader { position: absolute !important; } #mobileHeader { position: absolute !important; } .alert ~ #searchHeader { position: relative !important; margin-top: 0 !important; } .alert ~ #mobileHeader { position: relative !important; margin-top: 0 !important; } .landing .utilityWrapper { position: relative !important; } .landing.noImpactArea .alert { position: relative !important; height: auto; z-index: 3; } .landing.impact .alert { position: relative !important; height: auto; z-index: 3; } .landing.impact .alert.blueBg { background: rgba(0, 45, 116, 1); } .landing .header { position: relative !important; margin-top: -7px !important; } .landing .utilityLink { margin-top: 7px; } .landing .impact.wrap { float: left; margin-top: -100px; } .landing .impact.wrap .sliderLandingImpact .slick-prev, .landing .impact.wrap .sliderLandingImpact .slick-next { bottom: 50px; } .landing .impact.wrap .sliderLandingImpact .slick-prev { left: 87px; } .landing .impact.wrap .sliderLandingImpact .slick-next { left: 120px; } /* Landing Header */ .landing .header { height: 100px; background-color: transparent; background: -moz-linear-gradient(top, rgba(0,45,116,0.8) 0%, rgba(125,185,232,0) 100%); background: -webkit-linear-gradient(top, rgba(0,45,116,0.8) 0%,rgba(125,185,232,0) 100%); background: linear-gradient(to bottom, rgba(0,45,116,0.8) 0%,rgba(125,185,232,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002d74', endColorstr='#007db9e8',GradientType=0 ); } .landing.noImpactArea .header { height: 82px; background-color: #002D74; } /* Home Logo Switch */ .fp-viewing-about .logoWhite, .fp-viewing-academics .logoWhite, .fp-viewing-whatyoudo .logoWhite, .fp-viewing-newsandevents .logoWhite, .fp-viewing-5 .logoWhite { display: none; } .fp-viewing-about .logoBlue, .fp-viewing-academics .logoBlue, .fp-viewing-whatyoudo .logoBlue, .fp-viewing-newsandevents .logoBlue, .fp-viewing-5 .logoBlue { display: block; } /* Home Header Switch */ .fp-viewing-about .header, .fp-viewing-academics .header, .fp-viewing-whatyoudo .header, .fp-viewing-newsandevents .header, .fp-viewing-5 .header { background: none; } .fp-viewing-newsandevents .headerContent.wrapper.blue { background-color: #002D74; -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; -ms-transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out; transition: all 1.5s ease-in-out; } /* Home Section */ /* Intro Copy */ .intro { overflow-y: auto; overflow-x: auto; } #section5 .intro { overflow-y: unset; overflow-x: unset; } /* Home Fade Transition */ .fullpage-wrapper { width: 100% !important; transform: none !important; } .fp-section { width: 100% !important; position: absolute !important; left: 0; top: 0; visibility: hidden; opacity: 0; z-index: 0; transition: all .0s ease-in-out; } .fp-section.active { visibility: visible; opacity: 1; z-index: 1; } /* Home Section 5 */ #section5 .intro { height: 100%; } .fp-viewing-newsandevents .headerContent.wrapper.blue { background-color: #002D74; } .fp-viewing-newsandevents .headerContent.wrapper.blue .logoBlue { display: none; } .fp-viewing-newsandevents .headerContent.wrapper.blue .logoWhite { display: block; } /* Page Edge Vertical Dots */ .landing .alert ~ div .verticalDots { top: 136px; } .landing.interior .verticalDots { top: 82px; } /* Impact Landing */ .landing .impact.wrap, .landing .impact.wrap img { height: auto; } /* Main Content */ .mainContent { padding-top: 75px; } .interior .content.col9:not(.newsHubTitle):not(.newsSectionTitle) { min-height: 590px; } .interior .content.col9.faculty:not(.newsHubTitle):not(.newsSectionTitle) { min-height: 0; } .leftnav { width: 230px; } .leftnavWrap.col3.stationary, .landing.interior.impact .leftnavWrap.col3 { margin: 0; width: 327px; } .leftnavWrap.stationary .leftnav, .leftnavWrap.stationary .leftPanel, .leftnavWrap.stationary .ctaCircleBtn.left, .landing.interior.impact .leftnavWrap .leftnav, .landing.interior.impact .leftnavWrap .leftPanel, .landing.interior.impact .leftnavWrap .ctaCircleBtn.left { position: relative; } .interior .leftnavWrap.stationary + .content.col9, .interior.impact .leftnavWrap + .content.col9 { margin-left: 0; } .leftnavWrap.stationary .ctaCircleBtn.left, .interior.impact .leftnavWrap .ctaCircleBtn.left { left: -20px; margin-top: 50px; } .interior h1.landingTitle { padding: 10px 0 0 0; } .interior .landingTitle.inContent { padding: 0; } .landing.noImpactArea h1.landingTitle{ padding-top: 10px; } .landing.noImpactArea .yellowStripes.leftEdge { z-index: 2; } .landing.interior .wysiwygContent.wrapper { float: left; padding-top: 0; max-width: 100%; width: 100%; padding-right: 0; } .landing.interior .columns { float: left; max-width: 100%; } .newsSectionTitle .landingTitle + .infoSmall.wysiwygContent.wrapper { margin-top: -30px; } /* Left Navigation */ .leftnav .row > input, .leftnav ul li.row > em, .leftnav .title { display: none; } .leftcol.col3 { float: left; margin: 0; } .leftNav { margin-bottom: 40px; float: left; } .leftNav .nav-drop .navTitle label { padding: 0 20px 5px 20px; margin-top: -3px;} .styleguide.leftnav > ul { position: fixed; width: 100%; margin-bottom: 20px; padding-bottom: 12px; max-width: 250px; } /* Departments */ .landing.dept .wysiwygContent.deptIntro.wrapper { max-width: 79%; } .landing.dept.noLeftNav .wysiwygContent.deptIntro.wrapper { margin-left: 10.5%; margin-right: 4%; } .landing.dept .deptIntro .col10 { width: 75.5%; } .landing.dept .deptIntro .col2 { width: 21%; } /* News Pages */ .landing .news.columns + .news.columns { margin-top: -52px; } /* News Hub */ .newsSectionTitle { margin-top: -27px; } .interior.noLeftNav .content.col9.newsHubTitle, .interior.noLeftNav .content.col9.newsSectionTitle { margin-left: 10.5%; width: 89.5%; } #mainWrapper .newsSectionTitle h1.landingTitle { width: 60%; margin-bottom: 35px; } .faculty.impact.interior.noLeftNav .content.col9.newsHubTitle { width: auto; } .landing.interior .newsFeatured.wysiwygContent.wrapper { max-width: 1008px; margin-left: 0; margin-bottom: 20px; } .landing.interior.noLeftNav .newsFeatured.wysiwygContent.wrapper { margin-bottom: 85px; } .landing .content.col3.rightCol { margin-top: 8px; float: right; margin-right: 8%; } .landing .content.col3.rightCol.below { margin-top: 25px; } .landing .newsContact.wysiwygContent.wrapper { float: left; } /* Events */ .interior .container.events .yellowWrap { width: 100%; padding: 50px 3%; } .container.events .yellowWrap > div.col3, .container.events .yellowWrap > .col12 > div.col3 { max-width: 22.5%; } /* Faculty Directory */ .landing.faculty .wysiwygContent.wrapper { padding-top: 0; } } @media all and (min-width: 1025px) and (max-width: 1850px){ .footer { padding-left: 7%; } } @media all and (max-width: 1024px) { /* Global */ .tabletOnly { display: block!important; } .desktopOnly { display: none!important; } input { font-size: 1rem; } /* Alert */ .landing.impact .alert { height: auto; z-index: 3; } .landing.impact .alert.blueBg { background: rgba(0, 45, 116, 1); } .header, .landing.interior.noImpactArea .alert ~ .header { position: relative; } /* Header */ header.header, .landing.interior .header, .landing.interior.noImpactArea .header, .headerContent.wrapper { height: 56px; background-color: #002D74; } .header, .landing.interior.noImpactArea .header { z-index: 1000; } .header + .landing { margin-top: 53px; } .landing .alert ~ #searchHeader.mobileExpand, .landing .alert ~ #mobileHeader.mobileExpand { position: fixed; } .landing .alert ~ #mobileHeader.mobileExpand { right: 24px; } .logo { width: 70%; padding-left: 12px; margin: 9px 0 0 0; z-index: 1; } .logo img { max-width: 262px; } .utilityWrapper { width: 30%; } /* Header Mobile Menu Buttons */ .menu .open > .text { display: none; } .toggleBtn { height: 37px; } .toggleBtn.close { margin-top: 74px; } #searchHeader { right: 60px; top: 14px; } .toggle + div .toggleBtn.close { width: 100px; position: absolute; right: 10px; z-index: 1; } .toggle + div .toggleBtn.open, .toggle:checked + div .toggleBtn.open { display: inline-block; position: relative; z-index: 0; } .toggle + div .toggleBtn.open > .img { background: url(../images/menu-mobile-icon.svg) no-repeat center; } .toggle + div .toggleBtn.close > .img { background-position: center 2px; } .toggle + div .toggleBtn > .img { width: 17px; height: 14px; } #mobileHeader { right: 25px; top: 13px; } .toggle + #mobileHeader, .toggle:checked + #mobileHeader { z-index: 1001; } /* Main Menu */ .mobileWrapper { overflow-y: auto; } .topNavWrapper { width: 100%; height: auto; } .toggle ~ .topNav > .container #mainMenu { top: 60px; } .toggle:checked ~ .topNav > .container #mainMenu { top: 48px; } #mainMenu { float: left; height: auto; padding: 0; } #mainMenu > ul > li > a { display: inline-block; width: auto; font-size: 1.45rem; text-align: left; padding: 11px 37px; margin-bottom: 0; } #mainMenu ul li > ul li a { padding: 5px 0 5px 36px; } #mainMenu > ul.highContrast { margin-top: 89px; } #mainMenu:hover .menuItem:hover .menuItemContent { opacity: 1; min-height: 0; } #mainMenu { overflow: unset; } #mainMenu > ul > li { position: relative; } #mainMenu ul li > ul { position: relative; top: 0; left: 0; margin-bottom: 15px; } .parentMenu { float: left; padding: 16px 0 16px 32px; background: none; max-width: 100%; } /* Top Nav Sub Menu */ .menuItemContent, .parentMenu:hover .menuItemContent { overflow: unset; height: auto; } .menuItemContent, .parentMenu:hover :not(.menuItemDefault) .menuItemContent { overflow: unset; height: auto; } .parentMenu .menuItemContent { position: relative; width: auto; opacity: 1; margin: 0; } #mainMenu .parentMenu input[type="checkbox"], #mainMenu .parentMenu input[type="checkbox"]:focus { cursor: pointer; height: 40px; width: 25%; opacity: 0; top: 0; right: 0; z-index: 2; } #mainMenu .parentMenu input[type="checkbox"] ~ .menuItemContent { display: none !important; position: relative; } #mainMenu .parentMenu input[type="checkbox"] ~ .menuItemContent.menuItemDefault { display: none !important; } #mainMenu .parentMenu input[type="checkbox"]:checked ~ .menuItemContent { display: block !important; } .menuItem:not(:first-child) .menuItemContent.menuItemDefault { height: auto; opacity: 1; } #mainMenu .parentMenu input[type="checkbox"] + .menuExpand { position: absolute; right:0; top: 16px; padding: 10px 32px; z-index: 1; content: ' '; width: 24px; height: 19px; background: url(../images/menu-expand-open.svg) no-repeat 0 0; } #mainMenu .parentMenu input[type="checkbox"]:checked + .menuExpand { background: url(../images/menu-expand-closed.svg) no-repeat 0 0; } /* Main Menu More Menu */ .menuMoreInfo { float: left; max-width: 856px; width: 100%; height: auto; background-color: transparent; margin-top: 43px; padding: 16px 32px; } .menuMoreInfo > ul:nth-of-type(2) { margin-top: 0; } .menuMoreInfo > ul { padding: 0 40px; } .menuMoreInfo li { text-align: left; } /* Header Search Menu */ .searchToggle + #searchHeader, .searchToggle:checked + #searchHeader { z-index: 1001; } .searchToggle:checked + div .toggleBtn.open { display: inline-block; position: absolute; right: 0px; margin-right: 24px; } .searchToggle + div .toggleBtn.close { width: 100px; position: absolute; right: 0; } .searchToggle + div .toggleBtn.close > .img { background-position: center 5px; } .searchToggle + div .toggleBtn.open > .img { background: url(../images/search-icon-mobile.svg) no-repeat center; } .searchToggle + div .toggleBtn > .img { width: 18px; height: 17px; } .searchBox { padding: 16px 20px; } .searchContainer button[type=submit] { margin-right: 12px; } /* Alert Message Area */ .alert .toggleRow, .alertMessage .wrapper { padding: 16px 0 0 29px; } .alertMessage a { display: table; margin: 10px 0 0 0; clear: both; } /* Header Active Alert */ .alert ~ .topNav { top: auto; } .alert ~ .mainBody { margin-top: 0; } .alert ~ #searchHeader,.alert ~ #mobileHeader { position: relative; } .alert ~ #mobileHeader { right: -18px; } .alert ~ .searchToggle:checked ~ #mobileHeader { right: 24px !important; } .alert ~ .searchContainer .searchBoxWrap { top: 55%; } .alert ~ nav .mobileWrapper { height: 80vh; } .alert ~ .topNav #mainMenu > ul.highContrast { margin-top: 59px; } /* Page Edge Vertical Dots */ .verticalDots { top: 0px !important; } .verticalDots.left { left: 22px; } .verticalDots.right { right: 22px; } .verticalDots.right.withImpact { right: 10px; } /* Buttons */ /* CTA Buttons */ .callout { float: left; clear: both; margin-bottom: 5px; } .hero .callout { float: none; } /* Circle Buttons */ .ctaCircleBtn .ctaCircle { border: 3px solid rgba(253,184,39,.6); width: 40px; height: 40px; } a > .ctaCircleBtn .ctaCircle { border: 5px solid rgba(253,184,39,.6); width: 70px; height: 70px; } .home .ctaCircleBtn .playIcon, .heroBG .ctaCircleBtn .playIcon { margin: auto 11px; height: 16px; width: 16px; } .home .ctaCircleBtn .mapIcon, .heroBG .ctaCircleBtn .mapIcon { margin: auto 14px; height: 15px; width: 11px; } .home .ctaCircleBtn .pencilIcon, .heroBG .ctaCircleBtn .pencilIcon { margin: auto 14px; height: 15px; width: 11px; } .ctaCircleBtn.right { right: 4px; } .ctaCircleBtn .info { top: -70px; right: -32px; text-align: left; -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); /*-ms-transform-origin:right, top; transform-origin: right, top; -webkit-transform-origin: right, top;*/ } #section1 .ctaCircleBtn { top: 75%; } body.fp-viewing-welcome #section1 .ctaCircleBtn { top: 45%; z-index: 99; } /* Home Switchers */ #fp-nav.fp-left { left: 9px; } #fp-nav ul li .fp-tooltip { display: none; } /* Home Sections */ #section1 .boxInner, #section1 .boxInnerImpact { display: block !important; } .boxInner, .boxInnerImpact { flex-direction: column; -webkit-flex-direction: column; position: relative !important; } .box .boxRight video { position: relative; height: 700px; z-index: 0; } /* Intro Copy */ .intro { height: auto; } .box h2 { font-size: 2rem; } /* Home Section 1 */ body #section1 .boxLeft { top: 10.75%; padding: 30px 11.4%; } .home #section1 h2, #section1.box h2 span { font-size: 2rem; line-height: .94; } /*.home #section1 h1, .home #section1 h2 { font-size: 3rem; }*/ .sliderHomeHero .slick-prev, .sliderHomeHero .slick-next { bottom: 200px; } .alert ~ .mainBody .sliderHomeHero .slick-prev, .alert ~ .mainBody .sliderHomeHero .slick-next { bottom: 300px; } .sliderHomeHero .slick-next { right: 60px; } .sliderHomeHero .slick-prev { right: 93px; } /* Home Section 2 */ #section2 .bgEffect { display: none; } body.fp-viewing-about #section2 .ctaCircleBtn { top: 85%; } body.fp-viewing-welcome .grayBg { display: none; } /* Left Area */ #section2 .boxLeft { margin-top: 30px; padding: 88px 6% 88px 11.5%; height: auto; width: 98%; position: relative; float: left; display: block; } #section2 .grayBg { width: 100%; } #section2 .boxInner, #section2 .fp-tableCell { vertical-align: top; } #section2 .yellowBoxAccent { top: -10px; right: -10px; border-top: 10px solid rgba(253, 184, 39, .9); border-right: 10px solid rgba(253, 184, 39, .9); } #section2 .intro { height: auto; } /* Right Area */ #section2 .boxRight { position: relative; float: left; width: 100%; height: auto; min-height: 700px; padding-bottom: 0; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #section2 .boxRight.video { padding-bottom: 0; } #section2 .blueBoxAccent { background-color: rgba(0, 45, 116, .8); } .sliderInfographic.slick-slider { position: absolute; } .boxRight.video .sliderInfographic.slick-slider { position: absolute; } #section2 .slick-dotted.slick-slider { margin-bottom: 0; } .sliderInfographic, .sliderInfographic.slick-slider, body.activated #section2 .sliderInfographic.slick-slider { top: 5%; padding: 30px 11%; } .sliderInfographic .slick-slide { width: 100% !important; } /* Home Section 3 */ #section3 .boxInner, #section3 .fp-tableCell { vertical-align: top; } /* Left Area */ #section3 .boxLeft { margin-top: 30px; padding: 88px 6% 88px 11.5%; height: auto; width: 98%; position: relative; float: left; display: block; } #section3 .grayBg { width: 100%; } #section3 .yellowBoxAccent { right: -5px; border-right: 10px solid rgba(253, 184, 39, .9); } #section3 .intro { height: auto; } .chosen-wrapper { width: 100%; max-width: 100%; clear: both; } /* Right Area */ #section3 .boxRight { position: relative; float: left; width: 100%; height: auto; top: 0; right: 0; right: 0; background-color: rgba(0, 45, 116, 1); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; padding: 11px 0% 180px 10%; z-index: 1; } #section3.box .boxRight video { height: 688px; } #section3 .blueBoxAccent { background-color: rgba(0, 45, 116, .8); } /* Programs Slider */ .programWrapper { position: relative; width: 100%; padding: 47px 0 70px 0; } .sliderProgram { width: 100%; max-width: 970px; height: auto; overflow-y: initial; margin: 27px auto 0 auto;} .programLink { margin: 0 20px 0 0; } .programImg { max-width: 287px; } /* Home Section 4 */ #section4 { overflow: hidden; } body.home.fp-viewing-whatyoudo #section4 .ctaCircleBtn { top: 85%; } /* Left Area */ #section4 .boxLeft { margin-top: 30px; padding: 88px 6% 88px 11.5%; height: auto; width: 98%; position: relative; float: left; display: block; } body.fp-viewing-whatyoudo #section4 .boxLeft, body.activated #section4 .boxLeft { width: 98%; } #section4 .grayBg { width: 100%; } #section4 .yellowBoxAccent { border-top: 10px solid rgba(253, 184, 39, .9); } body.fp-viewing-whatyoudo #section4 .yellowBoxAccent { top: -10px; } #section4 .intro { height: auto; } /* Right Area */ #section4 .blueBoxAccent { position: relative; float: left; width: 100%; height: auto; background-color: rgba(0, 45, 116, .8); } #section4 .boxRight.front { position: relative; right: 0; float: left; width: 100%; height: 800px; padding: 0; z-index: 7; overflow: hidden; } #section4 .testimonialWrapper { padding: 0; } #section4 .testimonialWrapper .ctaCircleBtn { display: none; } #section4 .testimonialLink { background-position: center !important; } #section4 .yellowStripesSquare { display: none; } #section4 .horizontalLine span { display: none; } #section4 .slick-dotted.slick-slider { margin-bottom: 0; } #section4 .testimonialWrapper .slick-list { margin: 0; } #section4 .testimonialWrapper .slick-slide { margin: 0; } #section4 .slick-slide img { width: 100%; height: 800px; } #section4 .testimonialSummary { height: auto; opacity: 1; background-color: rgba(0,45,115, 0.8); } #section4 .testimonialSummary .quote { color: #fff; padding: 20px 30%; } #section4 .testimonialSummary .icon { height: 22px; } #section4 .testimonialSummary .icon.top { background: url(../images/quote-top-yellow.svg) no-repeat center; } #section4 .testimonialSummary .icon.bottom { background: url(../images/quote-bottom-yellow.svg) no-repeat center; margin-bottom: 5%; } #section4 .testimonialSummary .quoteCredit { color: #fff; padding-bottom: 88px; } #section4 ul.slick-dots { bottom: 25%; } #section4 .ctaCircleBtn .info { top: -58px; right: -18px; } /* Home Section 5 */ /* Left Area */ #section5 .boxLeft { margin-top: 30px; padding: 88px 6% 88px 11.5%; height: auto; width: 98%; float: left; display: block; } body.fp-viewing-newsandevents #section5 .boxLeft, body.activated #section5 .boxLeft { width: 100%; max-width: 98%; } #section5 .grayBg { width: 100%; } #section5 .intro { height: auto; } #section5 .newsBox { width: 94%; margin: 0 0 55px 0; } #section5 .newsBox:last-of-type { margin: 0 0 14px 0; } #section5 .boxLeft .callout { margin-top: 0; } #section5 .boxInner, #section5 .fp-tableCell { vertical-align: top; } #section5 .yellowBoxAccent { height: 15%; top: -10px; right: -10px; border-top: 10px solid rgba(253, 184, 39, .9); border-right: 10px solid rgba(253, 184, 39, .9); } /* Right Area */ body.fp-viewing-newsandevents #section5 .boxRight, body.activated #section5 .boxRight { width: 100%; } #section5 .boxRight { float: left; position: relative; width: 100%; height: auto; top: 0; right: 0; right: 0; background-color: rgba(0, 45, 116, 1); -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; padding: 11px 0% 30px 13.3%; z-index: 1; } #section5.box .boxRight video { height: 776px; } .upcomingEvents { max-width: 88%; height: 100%; margin: 30px 0; } .upcomingEvents .eventBox { display: block; margin-top: 26px; } .upcomingEvents .eventBox div { letter-spacing: .02em; } /* Social Area */ #section5.box .socialArea h2 { text-align: center; font-size: 1.4rem; } .socialArea { margin-top: 0; } .socialArea .juicer { padding-top: 0; padding-bottom: 0; } .socialHeader { padding: 32px 11% 0 11%; margin-left: 0; background-color: #fff; } .socialHeader h2 { width: 100%; margin-bottom: 30px; } .socialHeader, body.fp-viewing-newsandevents #section5 .socialHeader, #section5 .socialHeader .col6, body.activated #section5 .socialHeader { width: 100%; text-align: center; } .socialbar { float: left; width: 100%; } .socialbar a:first-child { margin: 0; } /* Home Footer */ #section5 .footer .wrapper { padding-bottom: 60px; } /* Impact Landing */ .landing .heroBG video { width: auto; height: auto; min-width: 100%; min-height: 100%; } .landing .impact.wrap.scroll { margin-top: 55px; } .landing .impact.wrap { height: 365px; margin: 0 auto; } .landing .impact.wrap img { height: 365px; } .landing .impact.wrap .sliderControl { bottom: 34px; } .landing .impact .caption { top: 36%; } .landing .impact .caption .captionText { padding: 0 50px; font-size: 2.4rem; } .landing .impact .caption .callout { float: none; } .landing .impact .caption .calloutWrap .callout { float: left; } .landing .heroBG .ctaCircleBtn .info { top: -70px; } .landing .heroBG .ctaCircleBtn.right { top: 57%; } .dots.col12 .verticalDots.right { right: 9px; } .landing.impact .content.col12 .verticalDots.right { right: 9px; } .landing.impact .content.col12 { background-position: right 9px top; } .landing .impact.wrap .sliderLandingImpact .slick-prev, .landing .impact.wrap .sliderLandingImpact .slick-next { bottom: 19px; } .landing .impact.wrap .sliderLandingImpact .slick-prev { left: 70px; } .landing .impact.wrap .sliderLandingImpact .slick-next { left: 103px; } /* Main Content */ .noImpact, .noImpactArea .noImpact.tabletExpand { margin-top: 98px; } .noImpact.tabletExpand, .noImpactArea.noLeftNav .col12.noImpact.tabletExpand { margin-top: 45px; } .landing.noImpactArea.noLeftNav .content.col12.noImpact.tabletExpand { padding-top: 20px; } .mainContent{ padding: 45px 0 0 0; } .mainContent.wrapper { margin-top: 25px; } .container .mainContent > .container { padding: 0; } .wysiwygContent { margin-bottom: 32px; } .col9.faculty .wysiwygContent { margin-bottom: 10px; } .widget.wysiwyg img { width:100%; } .content.col12, .dots.col12 { width: 98.7%; } .mainContent.col9 { margin-right: 0; width: 100%; } .interior .content.col9, .interior.news .content.col9, .interior.news .leftnavWrap + .content.col9 { margin-left: 0; } .interior.noLeftNav .content.col9 { margin-left: 0; width: 79%; } .landing.interior.noLeftNav .content.col12, .landing.interior.noLeftNavMobile .content.col12 { padding-top: 15px; } .content.col9.noRight{ width: 100%; } .content.col9 > .yellowBoxAccent, .content.col12 > .yellowBoxAccent { height: 125px; top: -10px; right: -10px; border-top: 10px solid rgba(253, 184, 39, .9); border-right: 10px solid rgba(253, 184, 39, .9); } .columns.full > .wrapper .col6:first-of-type > .content, .interior .columns.full > .wrapper .col6:first-of-type > .content { padding-left: 9%; padding-top: 0; } /* Interior Padding */ .content h1, .leftCol.col3, .impact.contentWidth, .breadcrumbs.wrapper, .title.wrapper, .wysiwygContent.wrapper { /*padding-left: 15px;*/ padding-right: 15px; width: 100%; } .breadcrumbs.wrapper { padding-left: 10.5%; } #mainWrapper h1 { margin-bottom: 18px; } .columns { margin: 0 auto 48px auto; } .columns + .accordion { margin-top: -20px; } /* CTA Full-Width */ .ctaFullWidth .bgWrap { width: 97%; } .ctaFullWidth .bgWrap .infoWrapContent { max-width: 100%; } /* Content Columns */ .columns .col12 a.popupYoutube img{ max-width:100%; } .content .columns .col4 { margin-bottom: 32px; } .content .columns .col4 > a { width: 100%; } .content .columns .col4:last-of-type { margin-bottom: 0; } .content .columns .col6 { margin-bottom: 32px; } .content .columns .col6:last-of-type { margin-bottom: 41px; } .content .columns .col6:last-of-type .yellowStripesSquare { max-width: 91%; } .content .columns .col6:first-of-type .yellowStripesSquare { max-width: 91%; } .columns.full > .wrapper .col6:last-of-type > .yellowStripesSquare + .content { padding-left: 0; } .columns { margin: 0 auto 30px auto; } .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 { width: 100% !important; margin-right: 0; display: inline-block; } a.news.out-btn{ position:relative;top:auto;right:auto;margin-bottom: 30px;margin-top: 0; } /*.content .columns .yellowStripesSquare img { max-width: 960px; }*/ .landing .content .columns .col6 { width: 100%; } .landing .content .columns .col6:first-of-type { margin-right: 0; } .landing .content .columns .col6:last-of-type .content, .landing.interior .content .columns .col6:last-of-type .content { margin-left: 9%; padding-top: 11px; padding-right: 9%; } .landing .content .columns .col6:first-child .content { margin-right: 9%; } /* Infographics */ .container.infographics { float: left; padding-bottom: 0; margin-bottom: 76px; } .infographics .col4 { width: 100%; padding: 15px 0 34px; } .infographics .col4:last-child { padding-bottom: 0; } .landing .infographics .blueWrap, .landing.interior .infographics .blueWrap, .landing.dept .infographics .blueWrap { width: 96.25%; height: auto; padding: 94px 15px 94px 9%; } .landing .infographics .blueWrap > div { display: block; height: auto; } .landing .infographics .blueWrap .infoWrap { padding: 0; } .landing .infographics p.infoLarge { width: 100%; margin-right: 0; } .landing .infographics p.infoSmall { width: 100%; } /* Events */ .content .eventWidgetHeading { padding: 0 0 0 11%; margin-bottom: 23px; } .content .eventWidgetHeading h2 { display: block; margin-right: 0; } .container.events .yellowWrap { display: block; padding: 50px 6% 50px 11%; } .container.events .yellowWrap > div.col3, .container.events .yellowWrap > .col12 > div.col3 { padding-bottom: 75px; margin: 0 0 50px 0; } .container.events .yellowWrap > div.col3:last-of-type, .container.events .yellowWrap > .col12 > div.col3:last-of-type { margin: 0; } /* Gallery */ .galleryWrapper { margin-left: auto; margin-right: auto; } .galleryWrapper .slick-prev, .galleryWrapper .slick-next { left: 50%; } .galleryWrapper .slick-prev { margin-left: -33px; } .galleryWrapper .slick-next { margin-right: 0px; } /* Accordions */ .content .accordion .accRow input[type=checkbox]:checked ~ h3 ~ div { padding: 20px 0; } .content .accordion { padding-left: 9%; padding-right: 9%; } .landing .accordion .wrapper { max-width: 100%; } /* Quotes */ .landing .columns.quotes { max-width: 84%; } .landing .wysiwygContent.wrapper .columns.quotes { max-width: 100%; margin-left: 0; } /* Left Navigation */ .leftnavWrap.col3 { margin: -57px 0 0 0; } .leftnavWrap ~ .col9 > h1.landingTitle { padding-top: 17px; } .leftnav { position: relative; left: 0; padding: 0 4.25% 0 0; margin-bottom: 0; } .leftnav > ul { margin-left: auto; margin-right: auto; } .leftnav ul li.row > input[type=checkbox] { width: 100%; height: 100%; position: absolute; left: 0; z-index: 1; opacity: 0; cursor: pointer; padding: 0; margin: 0; display: inline-block; border: none; opacity: 0; } .leftnav ul li.row > input[type=checkbox]:focus + .icon:before { outline: 2px solid #fff; } .leftnav ul li.row > input[type=checkbox]:checked ~ div { margin-top: 0; max-height: 0; opacity: 0; display: none; } .leftnav ul li.row > em.icon { display: inline-block; float: right; padding-top: 5px; text-indent: -99999px; } .leftnav ul li.row > em:after { float: right; display: inline-block; content: ''; width: 24px; height:19px; margin-left: 15px; background-image: url(../images/accordion-open.svg); background-repeat: no-repeat; } .leftnav ul li.row > input[type=checkbox]:checked ~ em:after { background-image: url(../images/accordion-closed.svg); } #mainWrapper .leftnav ul li .title a { display: block; color: #46474A; font-size: .88rem; font-weight: 600; text-transform: uppercase; letter-spacing: .09em; padding: 0 0 0 36px; border-bottom: none; -webkit-box-shadow: none; box-shadow: none; } .leftnav div.content { position: relative; left: 9px; overflow: hidden; opacity: 1; z-index: 2; width: 100%; } .leftnav div li::-moz-list-bullet { font-size: 0.750em; margin-right: 5px; } .leftnav .ctaCircleBtn.left { position: relative; left: 0; } .leftnav .ctaCircleBtn .info { position: relative; width: 80%; top: 11px; -ms-transform: none; -webkit-transform: none; transform: none; } .leftnav .ctaCircleBtn .ctaCircle em { font-size: 0.95rem; margin: 9px auto; } /* Right Column */ .rightCol.col3{ padding: 18px 10.5% 0 10.5%; } .rightCol > .widget { margin-left: 0; } .content.col6 { width: 73.5%; } .content.col9.last{ width: 100%; } .columns .col12 a.popupYoutube img{ max-width:100%; } /* Programs */ .landing .programs .mfp-container { margin-top: 75px; } /* Departments */ .landing.dept .impact .caption { top: 33%; } .landing.dept .deptNav ul { margin-left: 0; } /* News */ /* News Hub */ .newsFeatured .slick-next, .newsFeatured .slick-prev { display: none !important; } .newsFeatured .captionText { bottom: 19px; left: 3%; right: 3%; } .landing .content.col3.rightCol .programSearch { margin-bottom: 4px; } /* News Latest */ .landing .content .latest.columns .col4 { margin-right: 0; margin-bottom: 41px; } .landing .content .latest.columns .col4:last-of-type { margin-bottom: 0; } .landing .content .latest.columns .col4 a > img { width: 100%; } /* News Listing */ .news.columns { margin-bottom: 0; } .newsListing.columns { margin-bottom: 28px; } .landing .content .columns .articleListing .col4 { margin-bottom: 0; } .news.latest.columns { margin-bottom: 34px; } .content .news.columns .articleListing img, .content .news.columns .articleListing img { width: 100%; } .content .columns .articleListing.wysiwygContent img.newsImage { width: 100%; margin-bottom: 4px; } /* News Right Column News Listing */ .rightCol .articleListing .col4 { width: 36% !important; margin-right: 3%; } .rightCol .articleListing .col8 { width: 61% !important; } /* News Detail */ .newsSectionTitle p.infoSmall.clear { margin-top: 15px; margin-bottom: 15px; } .newsSectionTitle p.infoSmall { margin-bottom: 9px; } .landing .newsFeatured.detail + .caption.wysiwygContent.wrapper { padding-top: 0; } .landing .newsContact.wysiwygContent.wrapper { margin-top: -17px; } .landing .newsContact.events.wysiwygContent.wrapper { margin-top: 0; max-width: 100%; padding-left: 0; padding-right: 0; } .newsContact .socialbar a:first-child { margin: 0 18px 0 0; } /* Faculty Directory */ .faculty .azFilters { margin: 0 0 28px 0; } .landing.faculty .content.col3.rightCol .programSearch { margin-bottom: 16px; } .employeeCategory { margin-bottom: 3px; } .employeePhoto { display: none; } .faculty .content.col3.rightCol + .content.col9 > .wysiwygContent.wrapper { margin-bottom: 10px; } .bio > .col3 { margin-right: 0; } .employeeListing { background-image: none; } .directorySearch button { margin: 0; } /* Faculty Directory Bio */ .faculty .newsSectionTitle .landingTitle + .infoSmall.wysiwygContent.wrapper { margin-top: 0; margin-bottom: 10px; } .faculty .newsSectionTitle p.infoSmall.clear { margin-top: 0; margin-bottom: 0; } .bio .employeePhoto { display: block; margin: 23px 0 30px 0; } .bio .wysiwygContent.wrapper { padding-bottom: 0; } .bio .employeeInfo, .bio .employeeInfo:last-of-type { margin-bottom: 0; } .education.employeeInfo:last-of-type .descriptionRow:last-of-type { margin-bottom: 0; } .employeeInfo.education { display: none; } /* Back to Top */ .backToTop .ctaCircleBtn .info { top: -70px; right: -36px; } .backToTop .ctaCircleBtn .playIcon { margin: auto 13px; height: 16px; width: 16px; } /* Footer */ .footer { font-size: 0.8rem; } .footer .wrapper { float: left; width: 100%; max-width: 100%; } .footer .col6.footerLeft { width: 100%; margin: 0; text-align: center; } .footer .address { margin: 0 0 20px 0; line-height: 2; } .footer .col6.footerRight { float: none; width: 100%; margin: 0; } .footer .footerlinks { float: none; display: block; width: 100%; max-width: 310px; margin: 0 auto; } .footer .oneRow { display: block; float: left; width: 100%; margin: 11px 0; } .footer .oneRow > div { width: 100%; margin: 8px 0; } .footer .footerlinks ul { display: block; width: 100%; margin: 27px 0 0 0; } .footer .footerlinks ul li { margin-bottom: 27px; } .footer .footerlinks ul li, .footer .oneRow ul li a { display: block; width: 100%; text-align: center; } .footer .socialbar { display: inline-block; float: none; width: 100%; text-align: center; margin: 20px auto 35px auto; } .footer .socialbar a:first-child { margin-left: 0; } } @media all and (max-width:960px) { .testimonialSummary .quote { font-size: 1rem; } } @media all and (max-width:768px) { /* Main Content */ .content.col12, .dots.col12 { width: 98.7%; } .landing .content.col12 { padding-top: 18px; } /* Columns */ .content.col6, .columns .col6, .content.col9 { width: 100%; } .landing .columns.full { padding-left: 15px; padding-right: 15px; } /* Right Column */ .widget.wysiwyg img{ width:100%; } } @media all and (max-width:750px) { /* Main Content */ .content.col12, .dots.col12 { width: 98.2%; } } @media all and (min-width:581px) { /* Programs */ /* Program Intro */ .landing .programIntro > .wysiwygContent.wrapper { padding: 0 0 18px 0; } .landing .programIntro + .wysiwygContent.wrapper { padding-top: 0; } } @media all and (max-width:580px) { /* Header Search */ .searchContainer .searchBoxWrap { top: 40%; } .searchBox { height: 50px; width: 76%; padding: 13px 20px; } .searchContainer button[type=submit] { margin-right: 10px; } /* Home Sections */ .box h2 { font-size: 1.4rem; } .box p.subhead { font-size: .85rem; } /* Home Section 1 */ .home #section1 h1, #section1.box h1 span, .home #section1 h2, #section1.box h2 span { font-size: 1.85rem; } /* Home Section 2 */ .sliderInfographic, .sliderInfographic.slick-slider { top: 1%; padding: 42px 11% 0 11%; } .sliderProgram.slick-dotted.slick-slider { margin-bottom: 0; } .stat { font-size: 2.1rem; line-height: 1; } .statContent { font-size: 1.1rem; margin-top: 10px; } #section2 .boxLeft { padding: 26px 6% 30px 10%; } /* Home Section 3 */ #section3 .boxLeft { padding: 26px 6% 30px 10%; } #section3 p {font-size: 0.8rem; letter-spacing: .04rem; margin-bottom: 28px; line-height: 1.8; } /* Home Section 4 */ #section4 .boxLeft { padding: 26px 6% 30px 10%; } #section4 ul.slick-dots { bottom: 20%; } /* Right Area */ #section4 .testimonialSummary .quote { padding: 20px 15%; } /* Home Section 5 */ /* Left Area */ #section5 .boxLeft { padding: 26px 6% 30px 10%; } .socialArea .juicer-feed .j-stacker > .j-stack { width: 100% !important; float: left !important; } /* Breadcrumbs */ .breadcrumbs { display: none; } /* Main Content */ .content.col12, .dots.col12 { width: 97.2%; } .content.col9 > .yellowBoxAccent, .content.col12 > .yellowBoxAccent { max-width: 50%; } .section-intro { font-size: 1.1rem; } .content h1 { font-size: 1.5rem; } p.subhead { font-size: .87rem; line-height: 1.7; } .wysiwygContent p.subhead { margin-bottom: 6px; } .wysiwygContent h2 { font-size: 1.3rem; } .content .columns .col6 h2, .content .columns h2 { font-size: 1.3rem; line-height: 1.2; margin-bottom: 8px; } .columns.full.right > .wrapper { margin-right: -3%; } .align-left, .align-right { float: left; margin-left: 0; margin-right: 0; width: 100%; } img.align-left, img.align-right { width: 100%; } /* Impact Landing */ .landing:not(.dept) .impact .captionText { display: none; } .landing .impact.wrap { height: 214px; } .landing .heroBG, .landing .impact.wrap img { height: 214px; } .landing .impact .caption .callout { bottom: 15px; position: absolute; right: 15px; } /* Landing Content */ h1.landingTitle { padding: 34px 3% 0 11%; } .landing .leftCol.col3, .landing .impact.contentWidth, .landing .breadcrumbs.wrapper, .landing .title.wrapper, .landing .wysiwygContent.wrapper, .landing .content > .columns, .landing .content > .accordion.wrapper { float: left; max-width: 103%; width: 103%; padding-left: 11%; padding-right: 11%; } .landing .newsFeatured.wysiwygContent.wrapper { width: 79%; margin-left: 11%; margin-right: 11%; } .columns.full > .wrapper .col6:first-of-type > .content, .interior .columns.full > .wrapper .col6:first-of-type > .content { padding-left: 11%; } .landing .content .columns .col6:last-of-type .content, .landing.interior .content .columns .col6:last-of-type .content { margin-left: 11%; padding-right: 11%; } .landing .content.col9.faculty { padding-left: 11%; padding-right: 11%; } .landing .content .columns .col4:not(:last-child) { margin-right: 0; } /* Infographics */ .landing .infographics p.infoSmall { width: 100%; } /* Events */ .container.events .yellowWrap > div.col3, .container.events .yellowWrap > .col12 > div.col3 { padding-bottom: 10px; } #mainWrapper a.eventWrap, #mainWrapper a.eventWrap:hover, #mainWrapper a.eventWrap:focus { padding: 31px 10% 12px 6%; } .container.events .eventWidgetCategory { padding: 0 10% 24px 10%; } .content .columns .eventWidgetHeading h2 { font-size: 1rem; } /* CTA Full-Width */ .ctaFullWidth .bgWrap h2 { font-size: 1.55rem; } .ctaFullWidth .bgWrap .infoWrap { padding: 131px 9% 161px 11%; } /* Quotes */ .landing .columns.quotes { width: 100%; padding: 20px 35px; float: none; display: table; max-width: 87%; margin-left: 8%; } .quotes .icon { height: 18px; } .quotes .quoteText { font-size: 1.1rem; line-height: 1.48; padding: 16px 25px; letter-spacing: 0.05em; } .quotes .quoteCredit { font-size: .8rem; padding: 34px 15px 0px 15px; } /* Programs */ /* Program Intro */ .landing .programIntro > .wysiwygContent.wrapper { padding-bottom: 18px; } /* Programs Listing */ .landing .content .searchBox { width: 100%; height: auto; } .programSearch button { float: right; margin-top: 4px; } .landing #mainWrapper a.programLink { width: 100%; margin-bottom: 33px; } /* Program Popup */ .landing .programSummary { padding: 20px; } .landing .programSummary img.programIcon { margin: 0 13px 0 0; } .landing .programSummary .collegeTitle { margin: 0 0 27px 0; } .landing .programSummary .programTitle { font-size: 1.27rem; letter-spacing: .1rem; } .landing .programSummary .pipeSpacer { display: block; text-indent: -9999px; height: 0; } .landing .programSummary .iconSpacer { padding-left: 0; } .landing .programSummary .locationText { padding-right: 5px; } /* Departments */ .landing.dept .impact .caption { display: block; top: 38%; } .landing.dept .impact .caption span { display: none; } .landing.dept .impact.wrap .programIcon { max-width: 18px; } .landing.dept.caes .impact.wrap .programIcon { max-width: 15px; } .landing.dept.jsnn .impact.wrap .programIcon { max-width: 20px; } .landing.dept.cobe .impact.wrap .programIcon { max-width: 20px; } .landing.dept .impact .collegeTitle { max-width: 300px; margin: 4px 30px 24px 30px; font-size: .7rem; } .blueGradientReverse { background: -moz-linear-gradient(top, rgba(0,45,116,0.8) 0%, rgba(0,45,116,0.8) 9%, rgba(0,45,116,0.78) 10%, rgba(0,45,116,0.1) 60%, rgba(0,45,116,0) 100%); background: -webkit-linear-gradient(top, rgba(0,45,116,0.8) 0%,rgba(0,45,116,0.8) 9%,rgba(0,45,116,0.78) 10%,rgba(0,45,116,0.1) 60%,rgba(0,45,116,0) 100%); background: linear-gradient(to bottom, rgba(0,45,116,0.8) 0%,rgba(0,45,116,0.8) 9%,rgba(0,45,116,0.78) 10%,rgba(0,45,116,0.1) 60%,rgba(0,45,116,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002d74', endColorstr='#00002d74',GradientType=0 ); } /* News */ /* News Hub */ .newsFeatured .captionText .title { font-size: .82rem; } /* News Listing */ .content .newsWidgetHeading > h2, .newsWidgetHeading > h2 { font-size: 1.3rem; } /* News Search */ .landing .content.col3.rightCol .programSearch button { top: 4px; right: 5px; } /* News Right Column News Listing */ .rightCol h2.newsTitle { font-size: .9rem; } /* News Detail */ #mainWrapper .newsSectionTitle h1.landingTitle { float: left; line-height: 1; } /* News Figure Image */ figure { width: 100%; } figure.align-left, figure.align-right { float: left; margin-left: 0; margin-right: 0; } figure img { width: 100%; } } @media all and (max-width:479px) { /*Landing Content */ .landing .leftCol.col3, .landing .impact.contentWidth, .landing .breadcrumbs.wrapper, .landing .title.wrapper, .landing .wysiwygContent.wrapper, .landing .content > .columns, .landing .content > .accordion.wrapper { float: left; max-width: 100%; padding: 0 11% 35px 11%; } /* Quotes */ .quotes .wrapper, .quotes .quoteText { padding-left: 0; padding-right: 0; } } /* Calendar -------------------------------------------------------------- */ .eventDetailsWrap { float: left; margin: 0; } .eventLabel { text-transform: uppercase; font-size: .99rem; font-weight: 600; margin-bottom: 8px; } .col2.eventLabel + .col10 p:first-child { margin-top: 0; } 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; } .widget h3 { font-size: 1.45rem; } #calendars a { font-size: .875rem; line-height: 1.4rem; } #calendar .fc-header tr:nth-of-type(odd) { background: none; } #calendar .fc-header td, th { border: none; } #mainWrapper #calendar a:not(.callout):not(.at-share-btn) { border-bottom: none; -webkit-box-shadow: none; box-shadow: none; } #calendar-wrapper { z-index: 0; } .col3.calendar-col { margin-right: 0; } .landing.interior.news.noLeftNav .content.col3.rightCol.widget.last { clear: none; } .landing.interior.news.noLeftNav.subpage .content.col3.rightCol.widget.last { clear: both; } .calendar-col .breadcrumbs .breadcrumb { background-color: transparent !important; } #csu-search-box label, #csu-search-box-desktop 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, .eventDate .day { margin-bottom: 5px; display: block; font-size: 1.2em; font-weight: bold; } .landing .eventDetailsWrap .newsContact.wysiwygContent .wrapper { background: none; } .eventsList {display: none;} .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 { font-weight: bold; } .calendarListing .time-row, .calendarListing .description { display: inline-block; } .eventName { color: #044d98 !important; font-size: 1.2rem; font-weight: 700; text-decoration: none !important; } .eventName:hover { text-decoration: underline !important; } .fc-content table { margin-bottom: 0; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; display: none; width: 236px; padding: 1px; text-align: left; background-color: #fff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px;-moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal; } .popover.top { margin-top: -10px } .popover.right { margin-left: 10px } .popover.bottom { margin-top: 10px } .popover.left {margin-left: -10px} .popover-title {margin: 0;padding: 8px 14px;font-size: 14px;font-weight: normal;line-height: 18px;background-color: #f7f7f7;border-bottom: 1px solid #044d98;-webkit-border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0} .popover-content {padding: 9px 14px} .popover .arrow, .popover .arrow:after {position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid} .popover .arrow {border-width: 11px} .popover .arrow:after {border-width: 10px;content: ""} .popover.top .arrow {left: 50%;margin-left: -11px;border-bottom-width: 0;border-top-color: #999;border-top-color: rgba(0, 0, 0, 0.25);bottom: -11px} .popover.top .arrow:after {bottom: 1px;margin-left: -10px;border-bottom-width: 0;border-top-color: #fff} .popover.right .arrow {top: 50%;left: -11px;margin-top: -11px;border-left-width: 0;border-right-color: #999;border-right-color: rgba(0, 0, 0, 0.25)} .popover.right .arrow:after {left: 1px;bottom: -10px;border-left-width: 0;border-right-color: #fff} .popover.bottom .arrow {left: 50%;margin-left: -11px;border-top-width: 0;border-bottom-color: #999;border-bottom-color: rgba(0, 0, 0, 0.25);top: -11px} .popover.bottom .arrow:after {top: 1px;margin-left: -10px;border-top-width: 0;border-bottom-color: #fff} .popover.left .arrow {top: 50%;right: -11px;margin-top: -11px;border-right-width: 0;border-left-color: #999;border-left-color: rgba(0, 0, 0, 0.25)} .popover.left .arrow:after {right: 1px;border-right-width: 0;border-left-color: #fff;bottom: -10px} ul.unstyled, ol.unstyled {margin-left: 0;list-style: none;} .pull-right {float: right;} .popover-content p { font-size: 1.125em;line-height: 1.75em;margin-bottom: 15px;} .popover-content li {line-height: 20px;} .popover-content a [class^="icon-"], .popover-content a [class*=" icon-"] {display: inline-block;} .popover-content [class^="icon-"], .popover-content [class*="icon-"] {font-family: 'Font Awesome\ 5 Free'; font-weight: 900;font-style: normal;text-decoration: inherit;display: inline;width: auto;height: auto;line-height: normal;vertical-align: baseline;/* background-image: none!important; */background-position: 0 0;background-repeat: repeat;-webkit-font-smoothing: antialiased;} .popover-content .icon-double-angle-right:before {content: "\f101";} .popover-content [class^="icon-"]:before, .popover-content [class*=" icon-"]:before {text-decoration: inherit;display: inline-block;speak: none;} #calendars { display: inline-block; background-image: url(../images/horizontal-dots.png); background-repeat: repeat-x; background-position: bottom left; } #calendars ul li {padding: 5px 0;} #calendars a { font-size: .875rem; line-height: 1.45; display: -ms-flexbox; display: block; margin: 11px 13px 4px 0; clear: both; } #calendars a.off span { background-image: url(../images/calendar-hide-category.png); background-repeat: no-repeat; background-position: center center; } .calendar-wrapper-main {position: relative;margin: 0 auto;width: 950px;} #calendar-wrapper {float: left;} .calendar-wrapper-main .rightCol { padding-left: 25px; } .calendar-wrapper-main .rightCol.col3 { margin: 72px 0 0 0; } .calendar-wrapper-main .rightCol p { font-size: 1.1em; line-height: 1.5em;; } @media only screen and (min-width: 1700px) { .eventDetailsWrap .col2 { width: 7%; } .eventDetailsWrap .col10 { width: 90%; } } @media only screen and (max-width: 1024px) { .eventDetailsWrap { margin: 20px 0 0 0; } .eventLabel { margin-top: 18px; line-height: 1; } } @media only screen and (max-width: 960px) { .calendar-wrapper-main { width: 100%; } #calendar { width: 100% !important; } #calendar-wrapper { float:left; width: 100% !important; } .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; } .viewCalendars, .calendar-wrapper-main .rightCol.col3 {display: none;} } /*Plugins*/ /* ============================ Slick Slider * ============================*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; display: block; width: 35px; height: 35px; padding: 0; cursor: pointer; border: none; outline: none; z-index: 2; background-color: #fff; border: 2px solid #FDB827; bottom: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .slick-prev:hover, .slick-next:hover, .slick-prev:focus, .slick-next:focus { background-color: #FDB827; } .slick-prev { left: 0; background-image: url(../images/icons/arrow-left.svg); background-position: center center; background-repeat: no-repeat; } .slick-prev:before { content:""; padding-top: 0px; } .slick-next { left: 33px; background-image: url(../images/icons/arrow-right.svg); background-position: center center; background-repeat: no-repeat; } .slick-next:before { content:""; padding-top: 0px; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } ul.slick-dots { position: absolute; display: block; width: 100%; bottom: -44px; padding: 0; margin: 0; list-style: none; text-align: center; text-indent: 0; } ul.slick-dots > li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 2px; padding: 0; cursor: pointer; clear: none; } ul.slick-dots li:before { content: ''; } ul.slick-dots > li button { /*font-size: 0;*/ line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } ul.slick-dots li button:hover, ul.slick-dots li button:focus { outline: none; } ul.slick-dots li button:hover:before, ul.slick-dots li button:focus:before { opacity: 1; color: #FDB827; } ul.slick-dots > li button:before { font-size: 2.8125em; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '\2022'; text-align: center; color: #707070; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; } ul.slick-dots li.slick-active button:before { color: #FDB827; background: url(../images/slider-active.svg) no-repeat center 7px; content: ""; } /* ============================ Magnific Popup * ============================*/ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 99998; overflow: hidden; position: fixed; background: rgba(2, 39, 97, .95); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 99999; position: fixed; outline: none !important; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow, .closeButton { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 999999; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close, .closeButton, button.mfp-close { width: auto; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.9; filter: alpha(opacity=65); padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 2rem; } .mfp-close:before { display: inline-block; font-size: .9rem; content: "CLOSE"; margin: 2px 10px 0 0; vertical-align: top; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -57px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; /*box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); */background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width:900px) { .mfp-arrow { /*-webkit-transform: scale(0.75); transform: scale(0.75);*/ } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 15px; padding-right: 15px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } @media all and (max-width:580px) { .mfp-arrow-left { background: url(../images/icons/slider-arrow-gray.png) top left !important; width: 15px; height: 40px; } .mfp-arrow-right { background: url(../images/icons/slider-arrow-gray.png) top right !important; width: 15px; height: 40px; } } /*** BEGIN: SEARCH RESULTS ***/ /* NOTE: Change colors to Client Brand */ .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b { font-family: Arial, Helvetica, sans-serif !important; color: #000 !important; } .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b { font-family: Arial, Helvetica, sans-serif !important; color: #000 !important; } .gs-webResult.gs-result a.gs-title:link, .gs-webResult.gs-result a.gs-title:link b, .gs-imageResult a.gs-title:link, .gs-imageResult a.gs-title:link b { font-family: Arial, Helvetica, sans-serif !important; color: #000 !important; } .gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { font-size: 18px !important; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { border-color: #000 !important; background-color: #fff; color: #000 !important; } .gsc-results .gsc-cursor-box .gsc-cursor-page { border-color: #000 !important; background-color: #fff; color: #000 !important; } a.gs-title { border-bottom: none !important; display: inline; } .gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top { padding-left: 0 !important; padding-right: 0 !important; } /*** END: SEARCH RESULTS ***/ /*** BEGIN: YOUTUBE POPUP ***/ .popupYoutube img { margin-bottom: 0; } .popupYoutube a { display: block; } .youtube { max-width: 99%; height: auto; position: relative; cursor: pointer; } .play { filter: alpha(opacity=70); opacity: .7; background-size: 75%; width: 52px; height: 53px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /*** END: YOUTUBE POPUP ***/ /*** BEGIN: SITE MAP ***/ .sitemap div { width: 21.5%; vertical-align: top; display: inline-block; margin-bottom: 15px; } .sitemap div:first-child { width: 100%; margin-bottom: 0; } .sitemap div span { color: #1f1f1f; font-weight: 600; font-size: 1.7rem; display: block; margin: 0 0 12px 0; text-transform: uppercase; } .sitemap div.sitemap { display: inline-block; width: 100%; } .sitemap .sitemap span { font-size: 1.3rem; margin-bottom: 7px; font-weight: 600; text-transform: uppercase; } .sitemap div .sitemap { width: 100%; display: inline-block; } .sitemap div .sitemap div:first-child { width: 100%; margin-bottom: 0; } @media all and (max-width:960px) { /* Site Map */ .sitemap div { width: 32%; } } @media all and (max-width:720px) { /* Site Map */ .sitemap div { width: 45%; } } @media all and (max-width:580px) { /* Site Map */ .sitemap div { width: 100%; } } /*** END: SITE MAP ***/