@charset "UTF-8"; /*! * Theme Name: M&R Marketing Group Custom Theme * Description: Custom theme * Author: M&R Marketing Group * Author URI: http://www.mandr-group.com/s * Version: 3.0.0 */ /* contains global styles, such as resets, typography, colors, etc. */ /* Media Query Sizes $extra-large: 1600px; $extra-break: 1320px; $first-break: 1152px; $second-break: 1023px; $mobile-break: 900px; $mobile-med: 642px; $mobile-small: 479px; $extra-small: 360px; http://www.w3schools.com/tags/ref_pxtoemconversion.asp */ /* Set your primary colors here */ /*rgba(99, 51, 148, 1)*/ /* rgba(234, 234, 234, 1) */ /* Social colors */ /* Make sure to set this*/ /* typical text color */ /* color when ya highlight something with the mouse */ /* simple a and a:hover */ /*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */ *, *:before, *:after { box-sizing: border-box; } @media screen { html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove the margin in all browsers (opinionated). */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Add the correct display in IE 9-. * 1. Add the correct display in Edge, IE, and Firefox. * 2. Add the correct display in IE. */ article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { /* 1 */ display: block; } figcaption { font-style: italic; font-size: 95%; color: #555555; } .font-fix { font-family: RobotoMono; } .caption { font-style: italic; color: #505050; font-size: 1em; } .fixed { position: fixed !important; } /** * Add the correct display in IE 9-. */ audio, canvas, progress, video { display: inline-block; } .email-addr { max-height: 20px; overflow: hidden; display: inline-block; position: relative; top: 2px; } .secondary-navigation, .social-media-container a { color:#633394 !important; font-size: 2.5rem; } .banner-wrapper { text-align: center; } .external { } .records thead, tbody { font-size: 1.1rem; } .record tr { background-color: #fff !important; } .invoice tr { background-color: #fff !important; } /** * Add the correct display in iOS 4-7. */ audio:not([controls]) { display: none; height: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Add the correct display in IE 10-. * 1. Add the correct display in IE. */ template, [hidden] { display: none; } /* Links ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * Remove the outline on focused links when they are also active or hovered * in all browsers (opinionated). */ a:active, a:hover { outline-width: 0; } div:focus { outline: none; } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ b, strong { font-weight: inherit; } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * Add the correct font style in Android 4.3-. */ dfn { font-style: italic; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Add the correct background and color in IE 9-. */ mark { background-color: #ff0; color: #000; } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* EMS content ========================================================================== */ .ems-banner { background-color: red; text-align:center; padding: 1%; } .ems-banner h2 a{ color: #fff !important; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10-. */ img { border-style: none; } /** * Hide the overflow in IE. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct margin in IE 8. */ figure { position: relative; margin: 1em 40px; margin: 1em 4rem; } /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } .no-style-type { list-style-type: none; } .no-style { list-style-type: none; margin: 0; padding: 0; } .alpha-nav { list-style-type: none; } .alpha-nav li { display: inline; } .document { text-transform: capitalize; } /* Socials ========================================================================== */ .socials i { font-size: 25px; padding: 5px; } .socials li::after { display: none; } /* Forms ========================================================================== */ /** * Change font properties to `inherit` in all browsers (opinionated). */ .char-counter { font-size: 0.85em; color: #555; } .char-counter.over-limit { color: #BD0000; font-weight: bold; } input.over-limit { color: #BD0000; } button, input, select, textarea { font: inherit; } /** * Restore the font weight unset by the previous rule. */ optgroup { font-weight: bold; } /** * Show the overflow in IE. * 1. Show the overflow in Edge. * 2. Show the overflow in Edge, Firefox, and IE. */ button, input, select { /* 2 */ overflow: visible; } /** * Remove the margin in Safari. * 1. Remove the margin in Firefox and Safari. */ button, input, select, textarea { /* 1 */ margin: 0; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Change the cursor in all browsers (opinionated). */ button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer; } /** * Restore the default cursor to disabled elements unset by the previous rule. */ [disabled] { cursor: default; } /** * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` * controls in Android 4. * 2. Correct the inability to style clickable types in iOS. */ button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; /* 2 */ } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input.gsc-search-button { width: 100% !important; height: 50px !important; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText; outline: 0.1rem dotted ButtonText; } /** * Change the border, margin, and padding in all browsers (opinionated). */ fieldset { border: 1px solid #c0c0c0; border: 0.1rem solid #c0c0c0; margin: 0 2px; margin: 0 0.2rem; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Remove the default vertical scrollbar in IE. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10-. * 2. Remove the padding in IE 10-. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * Correct the odd appearance of search inputs in Chrome and Safari. */ [type="search"] { -webkit-appearance: textfield; } /** * Remove the inner padding and cancel buttons in Chrome on OS X and * Safari on OS X. */ [type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /* List all headings, or target range */ /* Typographical Basics --------------------------------------------- */ html { font-size: 62.5%; /* 10px browser default */ } body { background-color: #fff; color: #2c2c2c; font-family: 'montserrat', sans-serif; font-size: 16px; font-size: 1.6rem; font-weight: 400; line-height: 1.625; } body.menu-open { overflow: hidden; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #633394; font-family: 'proxima-nova', sans-serif; font-weight: 400; line-height: 1.2; margin: 0 0 16px; margin: 0 0 1.6rem; } h1 { font-size: 36px; font-size: 3.6rem; font-weight: 700; text-transform: capitalize; } h2 { color: #2c2c2c; font-size: 30px; font-size: 3rem; text-transform: capitalize; } h3 { font-size: 24px; font-size: 2.4rem; text-transform: capitalize; } h4 { color: #2c2c2c; font-family: 'proxima-nova', sans-serif; font-size: 22px; font-size: 2.2rem; font-weight: bold; text-transform: uppercase; } h5 { color: #2c2c2c; font-family: 'proxima-nova', sans-serif; font-size: 18px; font-size: 1.8rem; font-weight: bold; text-transform: capitalize; } h6 { color: #eaeaea; font-size: 16px; font-size: 1.6rem; text-transform: capitalize; } .page-title { position: absolute; z-index: 1; left: 0; right: 0; bottom: 35px; bottom: 3.5rem; margin: auto; color: #fff; font-size: 80px; font-size: 8rem; font-weight: 400; text-align: center; text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5); text-shadow: 0.2rem 0.2rem 1rem rgba(0, 0, 0, 0.5); text-transform: capitalize; } @media screen and (max-width: 82.5em) { .page-title { font-size: 60px; font-size: 6rem; } } @media screen and (max-width: 29.9375em) { .page-title { font-size: 50px; font-size: 5rem; } } .section-header { color: #000; font-family: 'proxima-nova', sans-serif; font-size: 52px; font-size: 5.2rem; font-weight: 700; text-align: center; } @media screen and (max-width: 56.25em) { .section-header { font-size: 30px; font-size: 3rem; } } .section-blurb { font-size: 25px; font-size: 2.5rem; text-align: center; width: 70%; margin: 0 auto 4% auto; } .entry-header { font-family: 'proxima-nova', sans-serif; font-size: 22px; font-size: 2.2rem; font-weight: normal; text-transform: none; } .entry-header-other { color: #2c2c2c; font-family: 'proxima-nova', sans-serif; font-size: 18px; font-size: 1.8rem; font-weight: bold; text-transform: capitalize; } #home-horiz-sidebar .entry-header { font-family: 'proxima-nova', sans-serif; font-size: 40px; font-size: 4rem; font-weight: normal; text-transform: none; position: relative; } @media screen and (max-width: 80.25em) { #home-horiz-sidebar .entry-header { font-size: 32px; font-size: 3.2rem; } } @media screen and (max-width: 65.25em) { #home-horiz-sidebar .entry-header { font-size: 22px; font-size: 2.2rem; } } #home-horiz-sidebar .explore-container { width: 100%; } @media screen and (max-width: 56.25em) { #home-horiz-sidebar .explore-container { margin-top: 5%; } } .header-underline { position: relative; margin-bottom: 25px; margin-bottom: 2.5rem; padding-bottom: 25px; padding-bottom: 2.5rem; } .header-underline:after { content: ''; background: #633394; display: block; position: absolute; bottom: 0; left: 0; right: 0; width: 125px; width: 12.5rem; height: 2px; height: 0.2rem; margin: auto; } .highlight { position: relative; padding-left: 10px; padding-left: 1rem; color: #633394; font-size: 18px; font-size: 1.8rem; font-weight: bold; line-height: 1.4; text-transform: uppercase; } .highlight:after { content: ''; background-color: #633394; position: absolute; z-index: 0; top: 0; left: 0; width: 2px; width: 0.2rem; height: 100%; } /* Typographical Basics + --------------------------------------------- */ #header a, .primary-nav a, .navigation-bg a, .secondary-menu a, #footer a, .tabs a, .trigger { color: #fff; text-decoration: none; } a img { vertical-align: bottom; } p a:not(.recommended-search-result):not(.button) { border-bottom: 1px solid rgba(195, 197, 200, 0); border-bottom: 0.1rem solid rgba(195, 197, 200, 0); padding-bottom: 3px; padding-bottom: 0.3rem; font-style: italic; font-weight: bold; -webkit-transition: border-bottom .3s ease-in, color .3s ease-in; -o-transition: border-bottom .3s ease-in, color .3s ease-in; transition: border-bottom .3s ease-in, color .3s ease-in; text-decoration: underline; } .primary-content-wrap p a { text-decoration: underline; } p a:hover, p a:focus { border-bottom: 1px solid #c3c5c8; border-bottom: 0.1rem solid #c3c5c8; } p a:focus { color: #2c2c2c; } p { margin: 0 0 20px; margin: 0 0 2rem; padding: 0; word-spacing: 0.16em; } strong { font-weight: 700; } blockquote, blockquote::before { color: #464646; } blockquote { position: relative; margin: 40px 40px 24px; margin: 4rem 4rem 2.4rem; } blockquote::before { content: ""; position: absolute; background-image: url("assets/images/mga-blockquote.png"); background-repeat: no-repeat; background-size: contain; display: block; font-size: 30px; font-size: 3rem; width: 30px; width: 3rem; height: 30px; height: 3rem; left: -40px; left: -4rem; top: 5px; top: 0.5rem; } hr { box-sizing: border-box; display: block; height: 1px; height: 0.1rem; border-color: #c3c5c8; border-style: solid; margin: 8px 0 10px; margin: 0.8rem 0 1rem; padding: 0; } .hr-alt { max-width: 200px; max-width: 20rem; border-color: #b7b7b7; } .entry-content code { background-color: #CBCBCB; color: #000; } cite { font-style: normal; } /* Selection colours */ ::-moz-selection { background: #333333; color: #fff; } ::selection { background: #333333; color: #fff; } ::-moz-selection { background: #333333; color: #fff; } img::-moz-selection { background: transparent; } img::selection { background: transparent; } img::-moz-selection { background: transparent; } body { -webkit-tap-highlight-color: #333333; } /* Typographical Transitions --------------------------------------------- */ a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button { -webkit-transition: color 0.3s ease-in-out, background 0.3s ease-in-out; -o-transition: color 0.3s ease-in-out, background 0.3s ease-in-out; transition: color 0.3s ease-in-out, background 0.3s ease-in-out; } /* Inspired by many other grids out there. Version 1.2.5 --increased width via haun's edits --added center_grid */ .container { margin: 0 auto; padding: 0; position: relative; width: 1140px; width: 114rem; } .container.grey-container { background: #eaeaea; } .container-large { margin: 0 auto; padding: 0; position: relative; width: 95%; } @media screen and (max-width: 63.9375em) { .container-large { width: 90%; } } @media screen and (max-width: 56.25em) { .container-large { width: 100%; padding: 0 2.5%; } } /* Column Classes Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css --------------------------------------------- */ .five-sixths, .four-fifths, .one-fifth, .one-fourth, .four-rows .info-card, .one-half, .two-rows .info-card, .one-sixth, .one-eighth, .one-third, .three-rows .info-card, .school-division-single, .three-fourths, .three-fifths, .two-fifths, .two-thirds, .stay-column.five-sixths, .stay-column.one-fourth, .four-rows .stay-column.info-card, .stay-column.one-half, .two-rows .stay-column.info-card, .stay-column.one-sixth, .stay-column.one-third, .three-rows .stay-column.info-card, .stay-column.school-division-single, .stay-column.three-fourths, .stay-column.two-sixths, .stay-column.two-thirds { float: left; margin-left: 3.5087719298246%; } .one-eighth { width: 8.9912280701754%; text-align: center; } .one-half, .two-rows .info-card, .stay-column.one-half, .two-rows .stay-column.info-card { width: 48.245614035088%; } .one-third, .three-rows .info-card, .school-division-single, .stay-column.one-third, .three-rows .stay-column.info-card, .stay-column.school-division-single { width: 30.994152046784%; } .two-thirds, .stay-column.two-thirds { width: 65.497076023392%; } .one-fourth, .four-rows .info-card, .stay-column.one-fourth, .four-rows .stay-column.info-card { width: 22.368421052632%; } .three-fourths, .stay-column.three-fourths { width: 74.122807017544%; } .one-fifth, .stay-column.one-fifth { width: 17.19298245614%; } .two-fifths, .stay-column.two-fifths { width: 37.894736842105%; } .three-fifths, .stay-column.three-fifths { width: 58.59649122807%; } .four-fifths, .stay-column.four-fifths { width: 79.298245614035%; } .one-sixth, .stay-column.one-sixth { width: 13.74269005848%; } .five-sixths, .stay-column.five-sixths { width: 82.748538011696%; } .first, .stay-column.first { clear: both; margin-left: 0; } .five-sixths:first-child, .four-fifths:first-child, .one-fourth:first-child, .four-rows .info-card:first-child, .three-fifths:first-child, .two-fifths:first-child, .one-fifth:first-child, .one-half:first-child, .two-rows .info-card:first-child, .one-sixth:first-child, .one-third:first-child, .three-rows .info-card:first-child, .school-division-single:first-child, .three-fourths:first-child, .two-thirds:first-child { clear: both; margin-left: 0; } @media only screen and (max-width: 75em) { .container { width: 960px; width: 96rem; } } @media only screen and (max-width: 56.25em) { .five-sixths, .one-fourth, .four-rows .info-card, .one-half, .two-rows .info-card, .one-sixth, .one-third, .three-rows .info-card, .school-division-single, .three-fourths, .two-thirds, .one-fifth, .two-fifths, .three-fifths, .four-fifths { margin: 0; width: 100%; } .one-eighth { width: 28%; margin-bottom: 3rem; } .one-eighth a span { margin-right: 0.5rem; } } @media only screen and (max-width: 63.9375em) { .container { width: 100%; padding: 0 5%; } .med-five-sixths, .med-four-fifths, .med-one-fifth, .med-one-fourth, .med-one-half, .three-rows .info-card, .four-rows .info-card, .school-division-single, .med-one-sixth, .med-one-third, .med-three-fourths, .med-three-fifths, .med-two-fifths, .med-two-thirds { clear: none; float: left; margin-left: 3.5087719298246%; } .med-one-half, .three-rows .info-card, .four-rows .info-card, .school-division-single { width: 48.245614035088%; } .med-one-third { width: 30.994152046784%; } .med-two-thirds { width: 65.497076023392%; } .med-one-fourth { width: 22.368421052632%; } .med-three-fourths { width: 74.122807017544%; } .med-one-fifth { width: 17.19298245614%; } .med-two-fifths { width: 37.894736842105%; } .med-three-fifths { width: 58.59649122807%; } .med-four-fifths { width: 79.298245614035%; } .med-one-sixth { width: 13.74269005848%; } .med-five-sixths { width: 82.748538011696%; } .med-first { clear: both; margin-left: 0; } .med-five-sixths:first-child, .med-four-fifths:first-child, .med-one-fourth:first-child, .med-three-fifths:first-child, .med-two-fifths:first-child, .med-one-fifth:first-child, .med-one-half:first-child, .three-rows .info-card:first-child, .four-rows .info-card:first-child, .school-division-single:first-child, .med-one-sixth:first-child, .med-one-third:first-child, .med-three-fourths:first-child, .med-two-thirds:first-child { clear: both; margin-left: 0; } } @media screen and (max-width: 29.9375em) { .med-five-sixths, .med-one-fourth, .med-one-half, .three-rows .info-card, .four-rows .info-card, .school-division-single, .med-one-sixth, .med-one-third, .med-three-fourths, .med-three-sixths, .med-two-thirds, .med-one-fifth, .med-two-fifths, .med-three-fifths, .med-four-fifths { margin: 0; width: 100%; } } .clearfix::before, .clearfix::after, .container::before, .container::after, #main::before, #main::after, header::before, header::after { content: ""; visibility: hidden; display: block; height: 0; clear: both; } .simpleClear { clear: both; } .clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; width: 0; } .clearfix { zoom: 1; } /* Box Sizing --------------------------------------------- */ * { box-sizing: border-box; } /* General CSS */ .no-margin { margin: 0; } /* Desktop specific classes ---------------------------*/ .desktop-hide { display: none; visibility: hidden; } @media screen and (max-width: 56.25em) { .desktop-hide { display: block; visibility: visible; } } @media screen and (max-width: 75em) { .pull-middle *:nth-child(2):nth-last-child(3) { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } .pull-middle *:nth-child(3):nth-last-child(3) { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; } } /* Mobile specific classes ---------------------------*/ @media screen and (max-width: 56.25em) { .mobile-hide, .news-grid-layout .read-more-link, .news-grid-layout .entry-time { width: 0; height: 0; visibility: hidden; overflow: hidden; } } /* Hide all images & bg images */ @media screen and (max-width: 56.25em) { .mobile-img-hide img { width: 0; height: 0; visibility: hidden; overflow: hidden; } .mobile-img-hide div[style*="background:"] { background: none !important; width: 0; height: 0; min-height: 0 !important; margin: 0; padding: 0; visibility: hidden; overflow: hidden; } } /* Allow for items to be manipulated w/ flex on mobile */ @media screen and (max-width: 56.25em) { .mobile-flex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* Background color classes ---------------------------*/ .dark-bg { background-color: #2c2c2c; } .dark-bg p, .dark-bg a, .dark-bg h1, .dark-bg h2, .dark-bg h3, .dark-bg h4, .dark-bg h5, .dark-bg h6 { color: #fff; } .grey-bg { background-color: #eaeaea; } .purple-bg { background-color: #633394 !important; } .purple-bg p, .purple-bg a, .purple-bg h1, .purple-bg h2, .purple-bg h3, .purple-bg h4, .purple-bg h5, .purple-bg h6 { color: #fff; } .dark-p-bg { background-color: #37236a; } .dark-p-bg p, .dark-p-bg a, .dark-p-bg h1, .dark-p-bg h2, .dark-p-bg h3, .dark-p-bg h4, .dark-p-bg h5, .dark-p-bg h6 { color: #fff; } .white-bg { background-color: #fff; } .white-bg p, .white-bg a, .white-bg h1, .white-bg h2, .white-bg h3, .white-bg h4, .white-bg h5, .white-bg h6 { color: #633394; } .grey-backdrop { position: relative; z-index: 1; text-align: center; } .grey-backdrop .one-fifth { width: 19%; margin-left: 1.25%; } .grey-backdrop .one-fifth:nth-of-type(1) { margin-left: 0; } @media screen and (max-width: 56.25em) { .grey-backdrop .one-fifth { width: 100%; margin: 0; } } .grey-backdrop:after { content: ''; background: #efefef; position: absolute; z-index: -1; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; width: 95%; height: 100%; margin: auto; } @media screen and (max-width: 63.9375em) { .grey-backdrop:after { width: 90%; } } @media screen and (max-width: 56.25em) { .grey-backdrop:after { width: 100%; padding: 0; } } span.image-overlay { background: rgba(0, 0, 0, 0.7); position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; } span.image-overlay-gradient { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.75)); position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; } /* Primary container classes ---------------------------*/ #main { position: relative; right: 0; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; /* @media screen and (max-width: $mobile-break){ margin-top: 65px; } */ /*overflow: hidden; */ } img { max-width: 100%; height: auto; } .hidden { display: none !important; } .hp-field { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; } .outer-container { display: inline-block; vertical-align: middle; width: 100%; height: auto; } /* Primary Content Wrap-related CSS */ .primary-content-wrap { background-color: #fff; padding-bottom: 55px; padding-bottom: 5.5rem; } .primary-content-wrap .outer-container { margin-top: 55px; margin-top: 5.5rem; } @media screen and (max-width: 40.125em) { .primary-content-wrap .outer-container { margin-top: 25px; margin-top: 2.5rem; } } .primary-content-wrap.outer-container, .primary-content-wrap .outer-container.grey-backdrop { padding: 55px 0; padding: 5.5rem 0; } @media screen and (max-width: 40.125em) { .primary-content-wrap.outer-container, .primary-content-wrap .outer-container.grey-backdrop { padding: 25px 0 0; padding: 2.5rem 0 0; } } /* Positioning classes ---------------------------*/ .left { float: left; } .right { float: right; } /* Position object in center of parent */ .abs-center, .image-overlay-excerpt, .large-button:after { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: auto; } .abs-right { position: absolute; top: 50%; left: 80%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin: auto; } /* Center all elements in container using flex */ .center-flex, .full-width-cards { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; -moz-justify-content: center; -webkit-justify-content: center; justify-content: center; } @media screen and (max-width: 40.125em) { .center-flex, .full-width-cards { display: block; } } /** * Object fit class for images * NOTE: object-fit not supported in IE or Edge; fallback in place */ .object-fit-image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } /* Object fit fallback class generated by JS */ .compat-object-fit { background-size: cover !important; } /* Needs to be coupled with parent :hover class */ .image-overlay { background-color: transparent; display: block; position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .image-overlay-excerpt { z-index: 10; font-style: italic; font-weight: bold; opacity: 0; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; } .image-overlay-excerpt span { vertical-align: middle; } /* WordPress --------------------------------------------- */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem); position: absolute !important; height: 1px; height: 0.1rem; width: 1px; width: 0.1rem; overflow: hidden; } .search-form input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; height: 0.1rem; margin: -1px; margin: -0.1rem; padding: 0; position: absolute; width: 1px; width: 0.1rem; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; margin: 0 auto 2.4rem; } img.alignnone { margin-bottom: 12px; margin-bottom: 1.2rem; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; margin: 0 2.4rem 2.4rem 0; } img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; margin: 0 0 2.4rem 2.4rem; } .wp-caption-text { font-size: 14px; font-size: 1.4rem; font-weight: 700; text-align: center; } /* Wordpress Gallery */ .gallery-icon img { border: 2px solid #633394 !important; border: 0.2rem solid #633394 !important; } .gallery-caption { display: block; } .gallery-item { display: inline-block; box-sizing: border-box; text-align: center; vertical-align: top; width: 100%; padding: 0 5px; padding: 0 0.5rem; margin: 0 0 24px; margin: 0 0 2.4rem; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } @media screen and (max-width: 56.25em) { .gallery-item { max-width: 50% !important; } } /* contains global mixins, functions, helper selectors, etc. */ @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -webkit-transform: translateX(2rem); transform: translateX(20px); transform: translateX(2rem); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); -o-transform: translateX(2rem); transform: translateX(20px); transform: translateX(2rem); } 100% { opacity: 1; -o-transform: translateX(0); transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -webkit-transform: translateX(2rem); -o-transform: translateX(20px); -o-transform: translateX(2rem); transform: translateX(20px); transform: translateX(2rem); } 100% { opacity: 1; -webkit-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } } @-webkit-keyframes color-wheel { 0% { background: #ED1C24; } 15% { background: #FFF200; } 30% { background: #00A651; } 45% { background: #00AEEF; } 60% { background: #0054A6; } 75% { background: #662D91; } 100% { background: #EC008C; } } @-o-keyframes color-wheel { 0% { background: #ED1C24; } 15% { background: #FFF200; } 30% { background: #00A651; } 45% { background: #00AEEF; } 60% { background: #0054A6; } 75% { background: #662D91; } 100% { background: #EC008C; } } @keyframes color-wheel { 0% { background: #ED1C24; } 15% { background: #FFF200; } 30% { background: #00A651; } 45% { background: #00AEEF; } 60% { background: #0054A6; } 75% { background: #662D91; } 100% { background: #EC008C; } } @-webkit-keyframes diamondAni { 0% { top: -180px; top: -18rem; opacity: 0; } 100% { top: -50px; top: -5rem; opacity: 1; } } @-o-keyframes diamondAni { 0% { top: -180px; top: -18rem; opacity: 0; } 100% { top: -50px; top: -5rem; opacity: 1; } } @keyframes diamondAni { 0% { top: -180px; top: -18rem; opacity: 0; } 100% { top: -50px; top: -5rem; opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /*-------------------------- Menu Bar Animation ---------------------------*/ @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes menuBarLeft { 0% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } 100% { -webkit-transform: translateY(5px) rotate(45deg); -webkit-transform: translateY(0.5rem) rotate(45deg); transform: translateY(5px) rotate(45deg); transform: translateY(0.55rem) translateX(0.1rem) rotate(45deg); } } @-o-keyframes menuBarLeft { 0% { -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } 100% { -o-transform: translateY(5px) rotate(45deg); -o-transform: translateY(0.5rem) rotate(45deg); transform: translateY(5px) rotate(45deg); transform: translateY(0.55rem) translateX(0.1rem) rotate(45deg); } } @keyframes menuBarLeft { 0% { -webkit-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } 100% { -webkit-transform: translateY(5px) rotate(45deg); -webkit-transform: translateY(0.5rem) rotate(45deg); -o-transform: translateY(5px) rotate(45deg); -o-transform: translateY(0.5rem) rotate(45deg); transform: translateY(5px) rotate(45deg); transform: translateY(0.55rem) translateX(0.1rem) rotate(45deg); } } @-webkit-keyframes menuBarRight { 0% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } 100% { -webkit-transform: translateY(-5px) rotate(-45deg); -webkit-transform: translateY(-0.5rem) rotate(-45deg); transform: translateY(-5px) rotate(-45deg); transform: translateY(-0.65rem) rotate(-45deg); } } @-o-keyframes menuBarRight { 0% { -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } 100% { -o-transform: translateY(-5px) rotate(-45deg); -o-transform: translateY(-0.5rem) rotate(-45deg); transform: translateY(-5px) rotate(-45deg); transform: translateY(-0.65rem) rotate(-45deg); } } @keyframes menuBarRight { 0% { -webkit-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } 100% { -webkit-transform: translateY(-5px) rotate(-45deg); -webkit-transform: translateY(-0.5rem) rotate(-45deg); -o-transform: translateY(-5px) rotate(-45deg); -o-transform: translateY(-0.5rem) rotate(-45deg); transform: translateY(-5px) rotate(-45deg); transform: translateY(-0.65rem) rotate(-45deg); } } @-webkit-keyframes fadeReset { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeReset { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeReset { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes menuBarLeftReset { 0% { -webkit-transform: translateY(5px) rotate(45deg); -webkit-transform: translateY(0.5rem) rotate(45deg); transform: translateY(5px) rotate(45deg); transform: translateY(0.55rem) translateX(0.1rem) rotate(45deg); } 100% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } } @-o-keyframes menuBarLeftReset { 0% { -o-transform: translateY(5px) rotate(45deg); -o-transform: translateY(0.5rem) rotate(45deg); transform: translateY(5px) rotate(45deg); transform: translateY(0.55rem) translateX(0.1rem) rotate(45deg); } 100% { -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } } @keyframes menuBarLeftReset { 0% { -webkit-transform: translateY(5px) rotate(45deg); -webkit-transform: translateY(0.5rem) rotate(45deg); -o-transform: translateY(5px) rotate(45deg); -o-transform: translateY(0.5rem) rotate(45deg); transform: translateY(5px) rotate(45deg); transform: translateY(0.55rem) translateX(0.1rem) rotate(45deg); } 100% { -webkit-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } } @-webkit-keyframes menuBarRightReset { 0% { -webkit-transform: translateY(-5px) rotate(-45deg); -webkit-transform: translateY(-0.5rem) rotate(-45deg); transform: translateY(-5px) rotate(-45deg); transform: translateY(-0.65rem) rotate(-45deg); } 100% { -webkit-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } } @-o-keyframes menuBarRightReset { 0% { -o-transform: translateY(-5px) rotate(-45deg); -o-transform: translateY(-0.5rem) rotate(-45deg); transform: translateY(-5px) rotate(-45deg); transform: translateY(-0.65rem) rotate(-45deg); } 100% { -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } } @keyframes menuBarRightReset { 0% { -webkit-transform: translateY(-5px) rotate(-45deg); -webkit-transform: translateY(-0.5rem) rotate(-45deg); -o-transform: translateY(-5px) rotate(-45deg); -o-transform: translateY(-0.5rem) rotate(-45deg); transform: translateY(-5px) rotate(-45deg); transform: translateY(-0.65rem) rotate(-45deg); } 100% { -webkit-transform: translateY(0) rotate(0); -o-transform: translateY(0) rotate(0); transform: translateY(0) rotate(0); } } .bg-fixed { background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: 50% 0; } /* contains 3rd-party plugin styles and mixins, etc. */ /* Bourbon.io Library */ /* WP Plugins */ /* @import "event-calendar"; */ /* @import "woocommerce/woo-custom"; */ /* Custom Gravity Forms Tooltips */ .gform_fields { padding: 0 !important; margin: 0 !important; } .gfield, .gfield li { text-indent: 0 !important; padding: 0 !important; margin: 0 !important; list-style-type: none !important; } .gfield:before, .gfield li:before { content: normal !important; } textarea.medium { height: 148px; height: 14.8rem; } .ginput_counter { display: none; } .gfield_description { position: relative; top: -12px; top: -1.2rem; left: 8px; left: 0.8rem; font-size: 12px; font-size: 1.2rem; } .gfield_list_container tbody { border: none; } .gfield_list_group > td { border: none; padding: 0; } .gfield_list_group > td > input { margin: 0; } .validation_message { margin: -12px 0 16px; margin: -1.2rem 0 1.6rem; } .validation_message:before { font-family: "WooCommerce"; content: "\e02a "; margin-right: 6px; margin-right: 0.6rem; color: #990000; } .validation_error { padding: 16px; padding: 1.6rem; margin-bottom: 24px; margin-bottom: 2.4rem; background-color: #fefefe; border: 1px solid #990000; border: 0.1rem solid #990000; } .gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container { display: none !important; position: absolute !important; left: -9000px; left: -900rem; } /* Other Plugins, etc */ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; padding: 0 0.8rem; 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: zoom-out; } .mfp-zoom { cursor: pointer; 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; -ms-user-select: none; 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; left: 0.8rem; right: 8px; right: 0.8rem; 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 { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; -ms-touch-action: manipulation; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; width: 4.4rem; height: 44px; height: 4.4rem; line-height: 44px; line-height: 4.4rem; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; padding: 0 0 1.8rem 1rem; color: #FFF; font-style: normal; font-size: 28px; font-size: 2.8rem; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; top: 0.1rem; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; right: -0.6rem; text-align: right; padding-right: 6px; padding-right: 0.6rem; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; font-size: 1.2rem; line-height: 18px; line-height: 1.8rem; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; margin-top: -5.5rem; padding: 0; width: 90px; width: 9rem; height: 110px; height: 11rem; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; margin-top: -5.4rem; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-top: 3.5rem; margin-left: 35px; margin-left: 3.5rem; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-top-width: 1.3rem; border-bottom-width: 13px; border-bottom-width: 1.3rem; top: 8px; top: 0.8rem; } .mfp-arrow:before { border-top-width: 21px; border-top-width: 2.1rem; border-bottom-width: 21px; border-bottom-width: 2.1rem; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; border-right: 1.7rem solid #FFF; margin-left: 31px; margin-left: 3.1rem; } .mfp-arrow-left:before { margin-left: 25px; margin-left: 2.5rem; border-right: 27px solid #3F3F3F; border-right: 2.7rem solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; border-left: 1.7rem solid #FFF; margin-left: 39px; margin-left: 3.9rem; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; border-left: 2.7rem solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-top: 4rem; padding-bottom: 40px; padding-bottom: 4rem; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; max-width: 90rem; } .mfp-iframe-holder .mfp-close { top: -40px; top: -4rem; } .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); box-shadow: 0 0 0.8rem 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; box-sizing: border-box; padding: 40px 0 40px; padding: 4rem 0 4rem; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; top: 4rem; bottom: 40px; bottom: 4rem; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; font-size: 1.2rem; line-height: 14px; line-height: 1.4rem; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; margin-top: -3.6rem; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; line-height: 1.8rem; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; padding-right: 3.6rem; } .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) { /** * Remove all paddings around the image on small screen */ .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; margin-left: 0.5rem; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; padding: 0.3rem 0.5rem; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; right: 0.5rem; top: 3px; top: 0.3rem; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; width: 3.5rem; height: 35px; height: 3.5rem; line-height: 35px; line-height: 3.5rem; 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); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; -ms-transform-origin: 0; -o-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; -ms-transform-origin: 100%; -o-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-left: 0.6rem; padding-right: 6px; padding-right: 0.6rem; } } /*** ESSENTIAL STYLES ***/ .inner-menu, .inner-menu * { margin: 0; padding: 0; list-style: none; } .inner-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .inner-menu > li { display: inline-block; vertical-align: bottom; } .inner-menu li:hover > ul, .inner-menu li.sfHover > ul { display: block; } .inner-menu a { display: block; position: relative; } .inner-menu ul ul { top: 0; left: 100%; } @font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot?tyi94p"); src: url("fonts/icomoon.eot?tyi94p#iefix") format("embedded-opentype"), url("fonts/icomoon.ttf?tyi94p") format("truetype"), url("fonts/icomoon.woff?tyi94p") format("woff"), url("fonts/icomoon.svg?tyi94p#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="iconf-"], [class*=" iconf-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon-free' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-cross:before { content: "\e903"; } .icon-menu:before { content: "\e908"; } .icon-youtube:before { content: "\e904"; } .icon-instagram:before { content: "\e900"; } .icon-twitter:before { content: "\1d54f"; } .icon-facebook-official:before { content: "\e902"; } .icon-angle-right:before { content: "\e905"; } .icon-angle-left:before { content: "\e907"; } .icon-calendar:before { content: "\e953"; } .icon-search:before { content: "\e906"; } .iconf-linkedin:before { content: "\eac9"; } .icon-facebook-official:hover:before { color: #3b5998; } .icon-twitter:hover:before { color: #3cf; } .icon-instagram:hover:before { color: #3f729b; } .icon-youtube:hover:before { color: #e52d27; } .iconf-linkedin:hover:before { color: #0a66c2; } .secondary-menu .social-media-container { z-index: 5; } @media screen and (max-width: 56.25em) { .secondary-menu .social-media-container { display: none; } } /* 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; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; overflow: visible; padding: 0 1.5em; } #faculty-landing-feed .slick-slider { overflow: visible; } #campuses-landing-feed .slick-slider { overflow: visible; } #campuses-landing-feed .slick-slide { border: none; border-radius: unset; box-shadow: unset; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .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; min-height: 1px; min-height: 0.1rem; } [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; border: 0.1rem solid transparent; } .slick-arrow.slick-hidden { display: none; } /* Slider */ /* Icons */ @font-face { font-family: "slick"; src: url("fonts/icon-fonts/slick.eot"); src: url("fonts/icon-fonts/slick.eot?#iefix") format("embedded-opentype"), url("fonts/icon-fonts/slick.woff") format("woff"), url("fonts/icon-fonts/slick.ttf") format("truetype"), url("fonts/icon-fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; } /* Arrows */ .slick-prev, .slick-next { position: absolute; z-index: 2; display: block; height: 20px; height: 2rem; width: 20px; width: 2rem; line-height: 0px; line-height: 0rem; font-size: 0px; font-size: 0rem; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px\9; margin-top: -1rem\9; /*lte IE 8 */ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; } .slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 40px; font-size: 4rem; line-height: 1; color: #633393; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -20px; left: -2rem; } [dir="rtl"] .slick-prev { left: auto; right: 20px; right: 2rem; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .slick-next { right: 0px; right: 0em; } [dir="rtl"] .slick-next { left: 0px; left: 0rem; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } .front-slider-wrapper .slick-prev { left: 20px; left: 2rem; margin-top: 25vh; } .front-slider-wrapper .slick-prev::before { font-size: 55px; font-size: 5.5rem; color: #fff; } .front-slider-wrapper .slick-next { right: 60px; right: 6rem; margin-top: 25vh; } .front-slider-wrapper .slick-next::before { font-size: 55px; font-size: 5.5rem; color: #fff; } /* slick arrows on basic pages */ .inpage-slider .slick-prev, .inpage-slider .slick-next { position: absolute; z-index: 2; display: block; height: 20px; height: 2rem; width: 20px; width: 2rem; line-height: 0px; line-height: 0rem; font-size: 0px; font-size: 0rem; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px\9; margin-top: -1rem\9; /*lte IE 8 */ -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; } .inpage-slider .slick-prev:hover, .inpage-slider .slick-prev:focus, .inpage-slider .slick-next:hover, .inpage-slider .slick-next:focus { outline: none; background: transparent; color: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .inpage-slider .slick-next:hover:before, .inpage-slider .slick-next:focus:before { opacity: 1; } .inpage-slider .slick-prev.slick-disabled:before, .inpage-slider .slick-next.slick-disabled:before { opacity: 0.25; } .inpage-slider .slick-prev:before, .inpage-slider .slick-next:before { font-family: "slick"; font-size: 40px; font-size: 4rem; line-height: 1; color: #C9CED1; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .inpage-slider .slick-prev { left: -20px; left: -2rem; } [dir="rtl"] .slick-prev { left: auto; right: 20px; right: 2rem; } .slick-prev:before { content: "←"; } [dir="rtl"] .slick-prev:before { content: "→"; } .inpage-slider .slick-next { right: 0px; right: 0em; } [dir="rtl"] .slick-next { left: 0px; left: 0rem; right: auto; } .slick-next:before { content: "→"; } [dir="rtl"] .slick-next:before { content: "←"; } /* Dots */ .slick-dots { position: absolute; bottom: 0; list-style: none; display: block; text-align: center; padding: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 20px; height: 2rem; width: 20px; width: 2rem; margin: 0 5px; margin: 0 0.5rem; padding: 0; cursor: pointer; } .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; height: 2rem; width: 20px; width: 2rem; outline: none; line-height: 0px; line-height: 0rem; font-size: 0px; font-size: 0rem; color: transparent; padding: 5px; padding: 0.5rem; cursor: pointer; } .slick-dots li button:hover, .slick-dots li button:focus { color: #b7b7b7; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; width: 2rem; height: 20px; height: 2rem; font-family: "slick"; font-size: 6px; font-size: 0.6rem; line-height: 20px; line-height: 2rem; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { color: black; opacity: 0.75; } .inpage-slider .slick-dots { bottom: -20px; bottom: -2rem; } .front-slider-wrapper .slick-dots { bottom: 50px; bottom: 5rem; } .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em; } .slicknav_menu { *zoom: 1; } .slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; } .slicknav_menu .slicknav_icon { float: left; width: 1.125em; height: .875em; margin: 0.188em 0 0 0.438em; } .slicknav_menu .slicknav_icon:before { content: ''; position: absolute; display: block; width: 1.125em; height: .875em; background: transparent; } .slicknav_menu .slicknav_no-text { margin: 0; } .slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; border-radius: 1px; border-radius: 0.1rem; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0.1rem 0 rgba(0, 0, 0, 0.25); } .slicknav_menu:before { content: " "; display: table; } .slicknav_menu:after { content: " "; display: table; clear: both; } .slicknav_nav { clear: both; } .slicknav_nav ul { display: block; } .slicknav_nav li { display: block; } .slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; } .slicknav_nav .slicknav_item { cursor: pointer; } .slicknav_nav .slicknav_item a { display: inline; } .slicknav_nav .slicknav_row { display: block; } .slicknav_nav a { display: block; } .slicknav_nav .slicknav_parent-link a { display: inline; } .slicknav_brand { float: left; } .slicknav_menu { font-size: 16px; font-size: 1.6rem; box-sizing: border-box; background: #eaeaea; } .slicknav_menu * { box-sizing: border-box; } .slicknav_menu .slicknav_menutxt { color: #2c2c2c; font-weight: bold; } .slicknav_menu .slicknav_icon-bar { background-color: #2c2c2c; } .slicknav_btn { margin: 5px 5px 6px; margin: 0.5rem 0.5rem 0.6rem; text-decoration: none; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); text-shadow: 0 0.1rem 0.1rem rgba(255, 255, 255, 0.75); border-radius: 4px; border-radius: 0.4rem; background-color: transparent; } .slicknav_icon_animation .slicknav_icon-bar:first-of-type { -webkit-animation: menuBarLeft .2s ease-in-out forwards; -o-animation: menuBarLeft .2s ease-in-out forwards; animation: menuBarLeft .2s ease-in-out forwards; } .slicknav_icon_animation .slicknav_icon-bar:nth-of-type(2) { -webkit-animation: fadeOut .2s ease-in-out forwards; -o-animation: fadeOut .2s ease-in-out forwards; animation: fadeOut .2s ease-in-out forwards; } .slicknav_icon_animation .slicknav_icon-bar:last-of-type { -webkit-animation: menuBarRight .2s ease-in-out forwards; -o-animation: menuBarRight .2s ease-in-out forwards; animation: menuBarRight .2s ease-in-out forwards; } .slicknav_animation_reset .slicknav_icon-bar:first-of-type { -webkit-animation: menuBarLeftReset .2s ease-in-out forwards; -o-animation: menuBarLeftReset .2s ease-in-out forwards; animation: menuBarLeftReset .2s ease-in-out forwards; } .slicknav_animation_reset .slicknav_icon-bar:nth-of-type(2) { -webkit-animation: fadeReset .2s ease-in-out forwards; -o-animation: fadeReset .2s ease-in-out forwards; animation: fadeReset .2s ease-in-out forwards; } .slicknav_animation_reset .slicknav_icon-bar:last-of-type { -webkit-animation: menuBarRightReset .2s ease-in-out forwards; -o-animation: menuBarRightReset .2s ease-in-out forwards; animation: menuBarRightReset .2s ease-in-out forwards; } .slicknav_nav { background-color: #562c81; color: #fff; margin: 0; padding: 0; font-size: 0.875em; list-style: none; overflow: hidden; } .slicknav_nav ul { list-style: none; overflow: hidden; padding: 0; margin: 0 0 0 20px; margin: 0 0 0 2rem; } .slicknav_nav .slicknav_row { padding: 5px 10px; padding: 0.5rem 1rem; margin: 2px 5px; margin: 0.2rem 0.5rem; } .slicknav_nav .slicknav_row:hover { border-radius: 6px; border-radius: 0.6rem; background: #633394; color: #fff; } .slicknav_nav a { padding: 5px 10px; padding: 0.5rem 1rem; margin: 2px 5px; margin: 0.2rem 0.5rem; text-decoration: none; color: #fff; font-weight: bold; } .slicknav_nav button { padding: 5px 10px; padding: 0.5rem 1rem; margin: 2px 5px; margin: 0.2rem 0.5rem; text-decoration: none; color: #fff; font-weight: bold; } .slicknav_nav a:hover { border-radius: 6px; border-radius: 0.6rem; background: #633394; color: #fff; } .slicknav_nav .slicknav_txtnode { margin-left: 15px; margin-left: 1.5rem; } .slicknav_nav .slicknav_item a { padding: 0; margin: 0; } .slicknav_nav .slicknav_parent-link a { padding: 0; margin: 0; } .slicknav_brand { color: #fff; font-size: 18px; font-size: 1.8rem; line-height: 30px; line-height: 3rem; padding: 7px 12px; padding: 0.7rem 1.2rem; height: 44px; height: 4.4rem; } .slicknav_nav aside a { float: left; font-size: 2em; } /* contains styling for larger layout components on every page; e.g. nav, header, footer, etc. */ /* Site Footer ---------------------------------------------------------------------------------------------------- */ #footer { position: relative; z-index: 30; width: 100%; font-size: 14px; font-size: 1.4rem; text-align: center; display: inline-block; } #footer p { margin-bottom: 0; } #footer a:hover, #footer a:focus { color: #b7b7b7; } #footer .outer-container { padding: 15px 0; padding: 1.5rem 0; } #footer #footer-navigation { padding-bottom: 0; } /*#footer #footer-navigation .container { margin-left: 40vw; } */ @media screen and (max-width: 56.25em) { #footer #footer-navigation .container { padding: 0; } } #footer #footer-navigation .footer-info-header { background-color: transparent; position: relative; z-index: 10; display: block; top: 0; right: 0; width: 100%; height: auto; margin-bottom: 20px; margin-bottom: 2rem; color: #fff; font-size: 16px; font-size: 1.6rem; font-weight: normal; line-height: 40px; line-height: 4rem; /*text-align: center; */ } #footer #footer-navigation .footer-info-header:after { content: ''; background-color: #fff; position: absolute; z-index: 1; left: 0; /*right: 0; */ bottom: -8px; bottom: -0.8rem; margin: auto; width: 50%; height: 1px; height: 0.1rem; } #footer-contact { border-top: solid #fff; } .contact-info { margin-top: 8%; margin-left: auto; margin-right: auto; width: 320px; } @media screen and (max-width: 75em) { .contact-info { margin-top: -3%; } } #footer #footer-contact ul.footer-nav { display: block; width: 100%; margin-bottom: 35px; margin-bottom: 3.5rem; font-size: 16px; font-size: 1.6rem; padding: 0; } #footer #footer-navigation ul.footer-nav { display: block; width: 100%; margin-bottom: 35px; margin-bottom: 3.5rem; font-size: 16px; font-size: 1.6rem; padding: 0; } @media screen and (max-width: 56.25em) { #footer #footer-contact ul.footer-nav { width: 84%; margin: auto auto 35px 35px; margin: auto auto 3.5rem 3.5rem; } #footer #footer-navigation ul.footer-nav { width: 84%; margin: auto auto 35px 35px; margin: auto auto 3.5rem 3.5rem; } } #footer #footer-contact ul.footer-nav li { position: relative; display: inline-block; margin: 0 5px; margin: 0 0.5rem; font-weight: 700; } #footer #footer-navigation ul.footer-nav li { position: relative; display: inline-block; margin: 0 5px; margin: 0 0.5rem; font-weight: 700; } #footer #footer-contact ul.footer-nav li:after { content: ''; background-color: #fff; position: absolute; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: -8px; right: -0.8rem; width: 1px; width: 0.1rem; height: 50%; } #footer #footer-navigation ul.footer-nav li:after { content: ''; background-color: #fff; position: absolute; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: -8px; right: -0.8rem; width: 1px; width: 0.1rem; height: 50%; } #footer #footer-contact ul.footer-nav li:last-of-type:after { display: none; } #footer #footer-navigation ul.footer-nav li:last-of-type:after { display: none; } @media screen and (max-width: 56.25em) { #footer #footer-contact .social-media-container { float: none; width: 100%; margin: 10px 0; margin: 1rem 0; right: 3%; } } #footer .foooter-sub-nav { text-align: left; width: 100%; margin: 2% 0% 3% 8%; line-height: 2.25; } #footer .link-set-small { margin-top: 0; display: inline-flex; width: 21%; color: #fff; padding: 0 0 0 1%; } #footer .link-set-large { margin-top: 0; display: inline-flex; width: 33%; color: #fff; padding: 0 1% 0 1%; } @media screen and (min-width: 50em) and (max-width: 75em) { #footer .foooter-sub-nav { margin-left: 24%; } #footer .link-set-small { width: 40%; } #footer .link-set-large { width: 40%; } } @media screen and (max-width: 50em) { #footer .link-set-small { width: 100%; } #footer .link-set-large { width: 100%; } } #footer .footer-copyright { font-style: italic; margin-top: 18%; margin-right: 5%; } @media screen and (max-width: 75em) { #footer .footer-copyright { margin-top: 1%; margin-right: 0; } } @media screen and (max-width: 56.25em) { #footer .foooter-sub-nav .one-fifth:nth-of-type(3) { -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; margin-bottom: 20px; margin-bottom: 2rem; } } #footer .mobile-toggle-container { display: block; width: 100%; } #footer .mobile-toggle .box { background: #393939; } #footer .mobile-toggle .box ul { margin: 0; padding: 15px 40px; padding: 1.5rem 4rem; text-align: left; } #footer .mobile-toggle .box a { display: block; } #footer .mobile-toggle .trigger { border: none; } #footer .mobile-toggle .toggle-dropdown { background-color: transparent; position: relative; display: block; width: 100%; height: auto; border-bottom: 1px solid #eaeaea; border-bottom: 0.1rem solid #eaeaea; border-top: 1px solid #eaeaea; border-top: 0.1rem solid #eaeaea; margin-bottom: -1px; margin-bottom: -0.1rem; color: #fff; font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 40px; line-height: 4rem; text-align: left; text-indent: 40px; text-indent: 4rem; cursor: pointer; } #footer .mobile-toggle .toggle-dropdown:after { content: '\e905'; background-color: transparent; position: absolute; top: 0; left: initial; right: 0; bottom: initial; border: none; margin-right: 40px; margin-right: 4rem; width: auto; height: auto; font-family: 'icomoon' !important; } #footer .social-media-container { z-index: 50; } #footer .sub-nav { list-style-type: none; float: left; margin-right: 4%; } #footer .sub-nav li { position: relative; color: #fff; /*&:first-of-type { font-weight: bold; margin-bottom: 20px; &:after { content: ''; position: absolute; z-index: 1; left: 0; right: 0; bottom: -8px; margin: auto; width: 50%; height: 1px; background: #fff; } } */ } @media screen and (max-width: 75em) { .footer-mobile-hide { width: 0; height: 0; visibility: hidden; overflow: hidden; } } .footer-desktop-hide { display: none; visibility: hidden; } @media screen and (max-width: 75em) { .footer-desktop-hide { display: block; visibility: visible; } } .skip-content { position: absolute; z-index: 1000; top: -40px; padding: 0 5px; padding: 0 0.5rem; color: #633394; font-size: 18px; font-size: 1.8rem; font-weight: bold; background: #fff; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .skip-content:focus { top: 0; } .font-increase-container { display: inline-block; position: absolute; z-index: 0; top: 0; left: 130px; left: 13rem; color: #633394; opacity: 0; visibility: hidden; -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } .font-increase-container * { margin-left: 5px; margin-left: 0.5rem; } .skip-content:focus + .font-increase-container { position: relative; opacity: 1; visibility: visible; } .font-increase-container p { float: left; font-size: bold; } /* Site Header ---------------------------------------------------------------------------------------------------- */ #header { z-index: 999; } #secondary-navigation { z-index: 850; } #header, #secondary-navigation { width: 100vw; -webkit-transition: right .3s ease-in-out; -o-transition: right .3s ease-in-out; transition: right .3s ease-in-out; } #header .slicknav_btn, #secondary-navigation .slicknav_btn { margin: 5px 15px 6px 5px; margin: 0.5rem 1.5rem 0.6rem 0.5rem; font-size: 2rem; } #header .slicknav_nav, #secondary-navigation .slicknav_nav { padding: 10px 0; padding: 1rem 0; } #header .slicknav_nav .slicknav_parent [role="menu"] > li, #secondary-navigation .slicknav_nav .slicknav_parent [role="menu"] > li { display: inline-block; float: left; max-width: 50%; } .menu-open #header, .menu-open #secondary-navigation { position: fixed; right: 410px; right: 41rem; } @media screen and (max-width: 56.25em) { #header { margin-top: 66px; margin-top: 6.6rem; } } @media screen and (max-width: 56.25em) and (-webkit-min-device-pixel-ratio: 0) { #header { margin-top: 72px; margin-top: 7.2rem; } } /* Title Area --------------------------------------------- */ div.site-title { z-index: 55; top: 0; left: 0; } .site-title a { padding: 0 !important; margin: 0 !important; } @media screen and (max-width: 56.25em) { div.site-title { display: none; right: 0; left: 0; margin: auto; text-align: center; } .home h1.site-title { top: 60px; top: 6rem; } } div.site-title > span { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); clip: rect(0.1rem, 0.1rem, 0.1rem, 0.1rem); height: 1px; height: 0.1rem; width: 1px; width: 0.1rem; margin: 0; padding: 0; border: 0; } #header-bg-container { position: relative; background-color: #000;} .header-bg-img { opacity: .7; } @media screen and (max-width: 56.25em) { .header-bg-img { min-height: 350px !important; min-height: 35rem !important; } } @media screen and (max-width: 29.9375em) { .header-bg-img { min-height: 250px !important; min-height: 25rem !important; } } .black-bg { z-index: -1; position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; background: #000; } /* Sidebars ---------------------------------------------------------------------------------------------------- */ #sidebar { background-color: #eaeaea; } @media screen and (max-width: 56.25em) { #sidebar { margin-top: 35px; margin-top: 3.5rem; } } #side-navigation { margin-bottom: 0; list-style-type: none; font-family: 'montserrat', sans-serif; font-size: 18px; font-size: 1.8rem; } #side-navigation .current-page { /*font-size: 22px; */ font-weight: bold; } #side-navigation a { display: block; color: #2c2c2c; text-decoration: none; } #side-navigation a:hover { color: #633394; } #side-navigation .child-dropdown .dropdown-navigation .child-dropdown .dropdown-toggle { top:-10px } .sub-folder { width: 98%; margin-left: 2% !important; } .sidebar-single-section { padding: 55px; padding: 3.5rem; } .sub-navigation { list-style-type: none; font-size: 16px; font-size: 1.6rem; } .sidebar-info-links { overflow: hidden; } .sidebar-info-links a:not(.dropdown-toggle) { border-bottom: 1px solid #b7b7b7; border-bottom: 0.1rem solid #b7b7b7; padding: 8px 0; padding: 0.8rem 0; } .sidebar-info-links .toggle .trigger span { top: 0; } .sidebar-secondary-content { background-color: #c2c2c2; } .sidebar-secondary-content .section-title, .sidebar-secondary-content .event-header, .sidebar-secondary-content .event-time { text-align: left; } .sidebar-secondary-content .section-title { font-weight: bold; } .sidebar-secondary-content .event-header { color: #633394; } .sidebar-secondary-content .event-time { margin: 5px 0 15px; margin: 0.5rem 0 1.5rem; font-style: italic; } .sidebar-secondary-content .button { margin: auto; } .sidebar-profile-information-single { position: relative; margin: 0 0 16px; margin: 0 0 1.6rem; padding: 0 0 16px; padding: 0 0 1.6rem; } .sidebar-profile-information-single:after { content: ''; background-color: #eaeaea; position: absolute; z-index: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; height: 0.1rem; } .sidebar-profile-information-single p:last-of-type { margin: 0; } .sidebar-profile-information-single img { display: inherit; margin: 0 auto 15px; margin: 0 auto 1.5rem; text-align: center; } .sidebar-contact-information-single { margin-bottom: 15px; margin-bottom: 1.5rem; } .sidebar-contact-information-single h5 { margin: 0; } .sidebar-contact-information-single a { color: #523178; /*color: #008fd5; font-style: italic; */ text-decoration: underline; font-weight: bold; } .sidebar-upcoming-events { text-align: center; } .eventsdata { font-size: 1.4rem; } .eventsdata a { text-decoration: underline; font-weight: bold; font-size: 1.6rem; } .child-dropdown { position: relative; } .child-dropdown a:first-child { width: 90% } .dropdown-toggle { background-color: #eaeaea; display: inline-block; position: absolute; top: 0; right: -4%; width: auto; height: 100%; max-width: 45px; max-width: 4.5rem; max-height: 45px; max-height: 4.5rem; padding: 0 15px; padding: 0 1.5rem; cursor: pointer; -webkit-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; } .dropdown-toggle:hover { background-color: #633394; } .dropdown-toggle:hover:after { color: #fff; } .dropdown-toggle:after { content: '+'; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: auto; color: #2c2c2c; font-family: monospace; font-size: 25px; font-size: 2.5rem; text-align: center; -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } .active.dropdown-toggle { background: #633394; } .active.dropdown-toggle:after { content: '-'; color: #fff; } .dropdown-navigation { margin: 0; padding: 10px 0; padding: 1rem 0; list-style-type: none; font-size: 16px; font-size: 1.6rem; line-height: 1.2; } .dropdown-navigation a { margin-bottom: 10px; margin-bottom: 1rem; } /*----------------------- SCHOOL DIVISIONS ------------------------*/ .school-contact-information a { color: #633394; font-style: italic; font-weight: bold; } .school-application { background-color: #633394; display: block; padding: 3.5rem; font-size: 30px; font-size: 3rem; text-align: center; text-decoration: none; color: #fff; } .school-application:hover, .school-application:focus { background-color: #37236a; color: rgba(255, 255, 255, 0.5); } /* contains each self-contained html or type of component in its own .scss partial */ button.button, button.content-limiter-expander, input[type="button"], input[type="reset"], input[type="submit"], .button, .mobile-button { width: auto !important; color: #fff !important; background-color: #633394 !important; cursor: pointer; padding: 12px 32px; padding: 1.2rem 3.2rem; text-transform: uppercase; border: none; border-radius: none; box-shadow: none; /*font-style: italic; */ /*@include transition(all 2.0s ease-in-out); */ } button.button:hover, button.button:focus, button.content-limiter-expander:hover, button.content-limiter-expander:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="reset"]:hover, input[type="reset"]:focus, input[type="submit"]:hover, input[type="submit"]:focus, .button:hover, .button:focus, .mobile-button:hover, .mobile-button:focus { background-color: #2c2c2c; } .button { display: inline-block; margin-bottom: 24px; margin-bottom: 2.4rem; text-decoration: none !important; /* match p margin-bottom inside typography.scss */ } .white-button { display: inline-block; margin-bottom: 24px; margin-bottom: 2.4rem; text-decoration: none !important; width: auto !important; color: #633394 !important; background-color: #fff !important; padding: 12px 32px; padding: 1.2rem 3.2rem; text-transform: uppercase; border: none; border: solid 1px #c2c2c2 !important; box-shadow: none; font-style: italic; } .white-button-borderless { display: inline-block; margin-bottom: 0; text-decoration: none !important; width: auto !important; color: #633394 !important; background-color: #fff !important; padding: 12px 32px; padding: 1.2rem 3.2rem; text-transform: uppercase; border: none; box-shadow: none; font-style: italic; width: 100% !important; } .white-button-borderless:hover::after { content: ''; background: #633394; display: block; width: 100%; height: 2px; height: 0.2rem; margin: auto; } .grey-button { display: inline-block; margin-bottom: 24px; margin-bottom: 2.4rem; text-decoration: none !important; width: auto !important; color: #fff !important; background-color: #b0b6bb !important; padding: 12px 32px; padding: 1.2rem 3.2rem; text-transform: uppercase; border: none; border-radius: none; box-shadow: none; font-style: italic; } .dark-grey-button { display: inline-block; margin-bottom: 24px; margin-bottom: 2.4rem; text-decoration: none !important; width: auto !important; color: #fff !important; background-color: #707070 !important; padding: 12px 32px; padding: 1.2rem 3.2rem; text-transform: uppercase; border: none; border-radius: none; box-shadow: none; font-style: italic; } .light-purple-button { display: inline-block; margin-bottom: 24px; margin-bottom: 2.4rem; text-decoration: none !important; width: auto !important; color: #fff !important; background-color: #8c67ac !important; padding: 12px 32px; padding: 1.2rem 3.2rem; text-transform: uppercase; border: none; box-shadow: none; font-style: italic; } .main-menu-button { width: 32% !important; float: left; margin-right: 1%; font-size: 13px; font-size: 1.3rem; text-align: center; } .mobile-button { display: none; } @media screen and (max-width: 56.25em) { .mobile-button { display: inline-block; } } .center-button { display: block; margin-left: auto; margin-right: auto; } p.centered-button { text-align: center; } .large-button-container { position: relative; width: 42%; } @media screen and (max-width: 56.25em) { .large-button-container { width: 100%; float: none; margin-bottom: 25px; margin-bottom: 2.5rem; } } .large-button { display: block; position: relative; background-color: #eaeaea; margin-bottom: 25px; margin-bottom: 2.5rem; padding: 70px 20px; padding: 7rem 2rem; text-decoration: none; text-align: center; } .large-button h1, .large-button h2, .large-button h3, .large-button h4, .large-button h5, .large-button h6 { margin: 0 auto; max-width: 85%; color: #633394; font-weight: bold; text-transform: uppercase; overflow-wrap: break-word; } .large-button .icon-angle-right { padding-left: 10px; padding-left: 1rem; } .large-button:after { content: ''; z-index: 1; pointer-events: none; width: 85%; height: 65%; border: 1px solid #fff; border: 0.1rem solid #fff; } .large-button:hover, .large-button:focus { background-color: #633394; color: #fff; } .large-button:hover h1, .large-button:hover h2, .large-button:hover h3, .large-button:hover h4, .large-button:hover h5, .large-button:hover h6, .large-button:hover p, .large-button:focus h1, .large-button:focus h2, .large-button:focus h3, .large-button:focus h4, .large-button:focus h5, .large-button:focus h6, .large-button:focus p { color: #fff; } @media screen and (max-width: 56.25em) { .large-button:last-of-type { margin-bottom: 0; } } .large-button-left { float: left; } /* Forms --------------------------------------------- */ /* note: .button includes input[type="submit"], watch for styles that need to be overridden one way or the other */ input:not(.dafdirectInput), select:not(.dafdirectSelect) { background-color: #eaeaea; border: 1px solid #c0c0c0; border-radius: 0; box-shadow: none; padding: 12px; padding: 1.2rem; width: 100%; margin-bottom: 12px; margin-bottom: 1.2rem; height: 50px; height: 5rem; margin-right: 1%; } textarea { background-color: #eaeaea; border: 1px solid #c0c0c0; border-radius: 0; box-shadow: none; padding: 12px; padding: 1.2rem; width: 100%; margin-bottom: 12px; margin-bottom: 1.2rem; } select { color: #633394; font-weight: bold; } input:focus, textarea:focus { border: 1px solid #999; border: 0.1rem solid #999; outline: none; } input[type="checkbox"], input[type="radio"] { width: auto; height: 1.5rem; } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } .search-container, .search-container-grey { position: relative; display: block; margin-bottom: 12px; margin-bottom: 1.2rem; } /* .search-container input, .search-container-grey input { margin-bottom: 0; } */ /* .search-container:after, .search-container-grey:after { content: '\e906'; position: absolute; z-index: 5; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 1px; right: 0.1rem; max-height: 50px; max-height: 5rem; padding: 8px 10px; padding: 0.8rem 1rem; color: #633394; font-family: 'icomoon' !important; font-size: 20px; font-size: 2rem; pointer-events: none; } */ .search-container:after { background-color: #fff; } .search-container-grey:after { background-color: #eaeaea; } .one-third #search { background-color: #eaeaea; padding: 1.2rem; } .one-third button { background-color: #eaeaea; border: 1px solid #c0c0c0; border-left: none; } .placeholder { color: #633394; opacity: 1; font-size: 16px; font-size: 1.6rem; font-weight: 700; text-transform: normal; } ::-moz-placeholder { color: #633394; opacity: 1; font-size: 16px; font-size: 1.6rem; font-weight: 700; text-transform: normal; } ::-webkit-input-placeholder { color: #633394; opacity: 1; font-size: 16px; font-size: 1.6rem; font-weight: 700; text-transform: normal; } :-ms-input-placeholder { color: #633394; opacity: 1; font-size: 16px; font-size: 1.6rem; font-weight: 700; text-transform: normal; } ::-ms-input-placeholder { color: #633394; opacity: 1; font-size: 16px; font-size: 1.6rem; font-weight: 700; text-transform: normal; } ul > li > ul, ul > li > ol, ol > li > ul, ol > li > ol { margin-left: 24px; margin-left: 2.4rem; margin-bottom: 0; } p + ul { margin-top: -12px; margin-top: -1.2rem; } .two-column, #header .slicknav_nav .slicknav_parent [role="menu"], #secondary-navigation .slicknav_nav .slicknav_parent [role="menu"] { -webkit-column-count: 2; column-count: 2; -moz-column-count: 2; } .two-column > li, #header .slicknav_nav .slicknav_parent [role="menu"] > li, #secondary-navigation .slicknav_nav .slicknav_parent [role="menu"] > li { display: inline-block; width: 100%; margin-bottom: 5px; margin-bottom: 0.5rem; line-height: 1.2; } @media screen and (max-width: 56.25em) { .two-column, #header .slicknav_nav .slicknav_parent [role="menu"], #secondary-navigation .slicknav_nav .slicknav_parent [role="menu"] { -moz-column-count: 1 !important; } } .three-column { -webkit-column-count: 3; column-count: 3; -moz-column-count: 3; } .three-column > li { display: inline-block; width: 100%; margin-bottom: 5px; margin-bottom: 0.5rem; line-height: 1.2; } @media screen and (max-width: 56.25em) { .three-column { -moz-column-count: 1 !important; } } .four-column { -webkit-column-count: 4; column-count: 4; -moz-column-count: 4; } @media screen and (max-width: 75em) { .four-column { -webkit-column-count: 2; column-count: 2; -moz-column-count: 2; } } .four-column > li { display: inline-block; width: 100%; margin-bottom: 5px; margin-bottom: 0.5rem; line-height: 1.2; } @media screen and (max-width: 56.25em) { .four-column { -moz-column-count: 1 !important; } } ol.two-column > li, #header .slicknav_nav .slicknav_parent ol[role="menu"] > li, #secondary-navigation .slicknav_nav .slicknav_parent ol[role="menu"] > li { display: list-item; } /* Nav Primary ---------------------------------------------------------------------------------------------------- */ .primary-nav { height: 100%; position: relative; background-color: transparent; overflow: visible; color: #FFF; z-index: 300; } #subject-links { padding-left: 0; } #slider-wrapper { padding-top: 60px; padding-top: 6rem; } .header-link { color: #fff; background: none; border: none; } #audience-links { padding-left: 0; } .highlighted { background-color: #a580c5; } /* Mobile Menu */ .slicknav_menu { display: none; } @media screen and (max-width: 56.25em) { .slicknav_menu { display: block; } } @media screen and (max-width: 56.25em) { #main-menu, #primary-sub-menu, #primary-menu .primary-nav { display: none; } #slider-wrapper { padding-top: 0; } #mobile-primary { width: 100vw; margin-left: -6% !important; margin-top: -4.7rem; } #mobile-primary .slicknav_menu { background: transparent; } #mobile-primary .slicknav_menutxt { color: #fff; } #mobile-primary .slicknav_icon-bar { background-color: #fff; box-shadow: 0 0.1rem 0 #fff; box-shadow: 0 1px 0 #fff; } #mobile-primary .slicknav_nav { font-size: 1.6rem; background-color: #37236a; padding: 3%; } #mobile-primary .slicknav_nav>ul { margin: 0; overflow: visible; } #mobile-primary .slicknav_nav>ul>li { border-bottom: solid 1px #562c81; border-bottom: solid 0.1rem #562c81; width: 98%; } #mobile-primary .slicknav_nav ul>li>a:not(.toggle-mobile-dropdown) { width: 92%; } #mobile-primary .slicknav_nav a:not(#mobile-quick-links a) { padding: 5px 10px; padding: 0.5rem 1.5rem; margin: 2px 5px; margin: 0.2rem 0rem; text-decoration: none; color: #fff; font-weight: bold; } #mobile-primary .slicknav_nav a:hover { border-radius: 0; background: #633394; color: #fff; } #mobile-quick-links .one-eighth>a:hover { background: transparent; color: #8f8f8f; } #mobile-quick-links, #mobile-search{ margin-bottom: 1rem; } #mobile-quick-links a { height: 9rem; height: 90px; } .slicknav_nav .alignright li a { padding-right: 20px; padding-right: 2rem; padding-left: 20px; padding-left: 2rem; } .slicknav_nav .alignright li button { padding-right: 20px; padding-right: 2rem; padding-left: 20px; padding-left: 2rem; } .slicknav_nav .alignright { text-align: left; } .slicknav_nav .alignright li button { padding-right: 20px; padding-right: 2rem; padding-left: 20px; padding-left: 2rem; } #mobile-primary .alignright li:hover { border-radius: 0; background: #633394; color: #fff; } #search { display: none; } #mobile-primary>.no-javascript-menu { margin-top: 30px; margin-top: 3rem; display: block; } .no-javascript-main { } .no-javascript-homeslides { } } @media screen and (max-width: 42rem) { #mobile-primary .slicknav_nav ul>li>a:not(.toggle-mobile-dropdown) { width: 85%; } } @media screen and (max-width: 35rem) { #mobile-primary .slicknav_nav ul>li>a:not(.toggle-mobile-dropdown) { width: 82%; } .alignright ul { display: block !important; } .alignright ul>li { width: 30%; float: left } .alignright ul>li>a, button{ width: 100%; } } /* Site Navigation ---------------------------------------------------------------------------------------------------- */ /* See /vendors/superfish.scss */ #primary-sub-menu { background-color: #633393} /* Menu, Search, and News/Events */ #main-menu { width: 100%; } #primary-menu { position: relative; width: 100%; background: rgba(0, 0, 0, 0.75); /*background-image: url("/_src/assets/images/horizontal-menu-background-dark.png");*/ padding: 0; } @media screen and (max-width: 56.25rem) { #primary-menu { background: transparent; } } /* Programs, Visit, Apply, and Give */ #primary-sub-menu { width: 100%; } #search, #mobile-search { background: #fff; padding: 0; padding-top: 3rem; } #quick-links, #mobile-quick-links { background: #fff; padding: 1em; } #quick-links .one-eighth { margin-left: 2%; } #quick-links span, #mobile-quick-links span { color: #8f8f8f; display: block; font-size: 3rem; } #quick-links a, #mobile-quick-links a { color: #6e6e6e; } #quick-links li, #mobile-quick-links li { display: inline-block; } /* Adds background beneath nav during closing animation */ .navigation-bg { background-color: #37236a; position: fixed; width: 0; height: 100%; right: 0; top: 0; z-index: -2; -webkit-transition: width .2s ease-in-out; -o-transition: width .2s ease-in-out; transition: width .2s ease-in-out; } .menu-open .navigation-bg { width: 410px; width: 41rem; } .navigation-menu-wrapper { position: fixed; z-index: 305; right: -410px; right: -41rem; top: 0px; top: 0rem; bottom: 0px; bottom: 0rem; width: 410px; width: 41rem; height: 100%; visibility: hidden; overflow-x: hidden; overflow-y: visible; -webkit-backface-visibility: hidden; backface-visibility: hidden; } @media screen and (max-width: 56.25em) { .navigation-menu-wrapper { width: 100%; right: -100%; } } /* * Navigation close button * Can also close using escape key */ .close { background-color: transparent; position: absolute; z-index: 50; top: 0; right: 0; float: right; border: none; padding: 10px; padding: 1rem; line-height: 0; opacity: 0; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .close .icon-cross { color: #fff; font-size: 25px; font-size: 2.5rem; } .close .button-text { display: none; visibility: hidden; } .close:hover, .close:focus { background-color: #633394; } .mobile-menu-container { } .menu-open .mobile-menu-container { width: 410px; width: 41rem; right: push; } .mobile-menu-container .mobile-title { display: inline-block; vertical-align: bottom; margin: 0; padding: 5px 15px; padding: 0.5rem 1.5rem; max-width: 200px; max-width: 20rem; font-size: 1px; font-size: 0.1rem; } @media screen and (max-width: 56.25em) { .menu-open .mobile-menu-container { width: 275px; width: 27.5rem; } .mobile-menu-container { position: fixed; padding: 12px 0; right: 0; background-color: #633394; top: 0; left: 0; width: 100%; -webkit-transition: right .5s ease-in-out, width .297s ease-in-out; -o-transition: right .5s ease-in-out, width .297s ease-in-out; transition: right .5s ease-in-out, width .297s ease-in-out; } } /* Menu icon after beyond header area */ .scroll-menu { background-color: rgba(99, 51, 148, 0.5); position: fixed; top: 0; right: -80px; right: -8rem; width: 75px; width: 7.5rem; padding: 15px 20px 20px 15px; padding: 1.5rem 2rem 2rem 1.5rem; color: #fff; font-size: 35px; font-size: 3.5rem; line-height: 0; visibility: hidden; -webkit-transition: right .5s ease-in-out, visibility .6s ease-in-out, background .3s ease-in-out; -o-transition: right .5s ease-in-out, visibility .6s ease-in-out, background .3s ease-in-out; transition: right .5s ease-in-out, visibility .6s ease-in-out, background .3s ease-in-out; } .scroll-menu:hover, .scroll-menu:focus { background-color: #633394; } .menu-open .scroll-menu { right: -130px !important; right: -13rem !important; } @media screen and (max-width: 56.25em) { .menu-open .scroll-menu { right: 0 !important; } } @media screen and (max-width: 56.25em) { .scroll-menu { background-color: #633394; position: relative; right: 0; float: right; padding: 20px 20px 10px 15px; padding: 2rem 2rem 1rem 1.5rem; visibility: visible; -webkit-transition: none; -o-transition: none; transition: none; } } @media screen and (max-width: 56.25em) and (-webkit-min-device-pixel-ratio: 0) { .scroll-menu { padding: 20px 20px 17px 15px; padding: 2rem 2rem 1.7rem 1.5rem; } } @media screen and (max-width: 56.25em) { .scroll-menu .icon-menu { float: right; } } .hide-menu-tabs #main-menu, .hide-menu-tabs #primary-sub-menu { width: 0; visibility: hidden; } .hide-menu-tabs .scroll-menu { right: -10px; right: -1rem; visibility: visible; } @media screen and (max-width: 56.25em) { .hide-menu-tabs .scroll-menu { right: 0; } } .modal-overlay { background-color: rgba(0, 0, 0, 0.9); display: block; position: fixed; z-index: 60; top: 0; left: 100%; right: -410px; right: -41rem; height: 100%; opacity: 0; cursor: pointer; -webkit-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 750ms; -o-transition-duration: 750ms; transition-duration: 750ms; -webkit-transition-timing-function: ease-in-out; -o-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; } .menu-open .modal-overlay { left: 0; right: 410px; right: 41rem; opacity: 1; } .menu-open .close { opacity: 1; } .menu-open .navigation-menu-wrapper { right: 0; visibility: visible; } .menu-open #main-menu, .menu-open #primary-sub-menu, .menu-open #main { right: 410px; right: 41rem; visibility: visible; } .menu-open #main-menu { width: 415px; width: 41.5rem; } .menu-open #primary-sub-menu { width: 245px; width: 24.5rem; } /*** DEMO SKIN ***/ .sf-menu { position: relative; z-index: 300; left: 0; /*overflow: hidden;*/ margin: 0; visibility: visible; } .sf-menu a { display: block; width: 95%; margin: 10px 0; margin: 1rem 0; padding: 12px 16px; padding: 1.2rem 1.6rem; color: #fff; font-weight: 600; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .sf-menu a[class^="icon-"]:not(#primary-nav) { margin-left: 10px; margin-left: 1rem; } .sf-menu button{ display: block; width: 95%; margin: 16px 0; margin: 1.6rem 0; padding: 6px 16px; padding: .6rem 1.6rem; color: #fff; font-weight: 600; font-size: 1.4rem; text-decoration: none; text-transform: uppercase; white-space: nowrap; } .sf-menu button[class^="icon-"]:not(#primary-nav) { margin-left: 10px; margin-left: 1rem; } .sf-menu span{ font-size: 1.6rem; } #primary-sub-menu a { font-size: 14px; font-size: 1.4rem; padding: 12px 10px; padding: 1.2rem 1rem; } #primary-sub-menu li:hover { background-color: #a580c5; } .yes-javascript { display: none; } .no-javascript { display: none; } .sf-menu ul { margin: 0; } .sf-menu li { position: relative; list-style-type: none; text-align: left; -webkit-transition: background .2s; -o-transition: background .2s; transition: background .2s; display: inline-block; } .sf-menu li:nth-of-type(4):before { width: 67%; } .sf-menu li:nth-of-type(5):before { width: 56%; } .sf-menu li:before { content: ''; position: absolute; z-index: -1; top: 0; right: 0; width: 100%; height: 0; } #main-menu li:nth-of-type(2):before { width: 92%; } #main-menu li:nth-of-type(3):before { width: 84%; } #primary-sub-menu li:nth-of-type(2):before { width: 87%; } #primary-sub-menu li:nth-of-type(3):before { width: 74%; } #primary-sub-menu li:nth-of-type(4):before { width: 61%; } .sf-menu li:hover, .sf-menu li.sfHover { /* only transition out, not in */ -webkit-transition: none; -o-transition: none; transition: none; background-color: #633394; } .primary-items { top: 62px; top: 6.2rem; } @media screen and (max-width: 56.25em) { #menu-tab-container .menu-tab { position: relative; padding: 30px; padding: 3rem; opacity: 1; visibility: visible; } #menu-tab-container .common-search-box { display: none; } } .menu-tab { position: absolute; top: 0; left: 0; z-index: 0; width: 100%; max-height: 999999999em; padding: 50px 30px; padding: 5rem 3rem; opacity: 0; visibility: hidden; overflow: hidden; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .menu-tab[aria-expanded=true] { z-index: 5; visibility: visible; overflow: visible; opacity: 1; } .mobile-nav-quick-links { display: block; width: 100%; margin: 0; padding: 0 30px; padding: 0 3rem; list-style-type: none; } .mobile-nav-quick-links a { background-color: #562c81; display: block; margin-bottom: 10px; margin-bottom: 1rem; padding: 10px 15px; padding: 1rem 1.5rem; font-weight: bold; text-transform: uppercase; -webkit-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; } .mobile-nav-quick-links a:hover, .mobile-nav-quick-links a:focus { background-color: #703aa7; } .social-media-container { background: #37236a; position: fixed; z-index: 100; bottom: 0; right: 0; width: 410px; width: 41rem; height: auto; border-top: 1px solid #633394; border-top: 0.1rem solid #633394; padding: 20px 0; padding: 2rem 0; text-align: center; } .social-media-container [class^="icon-"] { margin: 5px; margin: 0.5rem; color: #fff; font-size: 30px; font-size: 3rem; -webkit-transition: none; -o-transition: none; transition: none; } .social-media-container [class^="icon-"]:before { -webkit-transition: color .2s ease-in; -o-transition: color .2s ease-in; transition: color .2s ease-in; } .social-media-container [class^="icon-"]:first-of-type { margin-left: 0; } .social-media-container [class^="icon-"]:last-of-type { margin-right: 0; } #footer-contact .social-media-container { background-color: transparent; position: relative; border: none; padding: 0; text-align: right; } #footer-contact .social-media-container [class^="icon-"] { font-size: 25px; font-size: 2.5rem; color: #fff !important;} .secondary-menu .social-media-container { background-color: transparent; position: relative; width: 100px; width: 10rem; border: none; padding: 23px 0; padding: 2.3rem 0; text-align: right; } .secondary-menu .social-media-container [class^="icon-"] { color: #633394; } @media screen and (max-width: 56.25em) { .secondary-menu .social-media-container { display: none; } } @media screen and (max-width: 56.25em) { .social-media-container { width: 100%; right: 0; } } /*------------------------- MAIN MENU -------------------------*/ .primary-menu a { display: block; position: relative; padding: 25px 5px; padding: 2.5rem 0.5rem; color: #2c2c2c; font-weight: 600; text-decoration: none; text-transform: uppercase; white-space: nowrap; -webkit-transition: border .3s ease; -o-transition: border .3s ease; transition: border .3s ease; } @media screen and (max-width: 75em) { .primary-menu a { font-size: 14px; font-size: 1.4rem; padding: 25px 1px; padding: 2.5rem 0.1rem; } #primary-menu .three-fourths, #primary-menu, .one-half { margin-left: 0; } } @media screen and (max-width: 65em) { .primary-menu a { font-size: 12px; font-size: 1.2rem; } .alignright ul{ padding-left: 0; display: inline-flex; } .primary-menu { padding-left: 0; } .mega-menu .menu-list { margin-left: 10% !important; } } .primary-menu { display: inline-block; width: auto; margin: auto auto auto -1%; list-style-type: none; line-height: 3; } @media screen and (max-width: 56.25em) { .primary-menu { display: none; } } .primary-menu div { position: absolute; display: none; top: 100%; left: 0; z-index: 99; margin-bottom: 3rem; } .primary-menu li { display: inline-block; vertical-align: baseline; padding: 0 11px; padding: 0 1.1rem; } .primary-menu li.highlights:focus, .primary-menu li.highlights:hover, .primary-menu li.highlights:hover a.mega-link{ background-color: #fff; color: #633393 !important; } .primary-menu li:focus-within > div, .primary-menu li:hover > div, .primary-menu li.sfHover > div { display: block; } /* mega menu */ .mega-link { font-family: 'proxima-nova', sans-serif; } .mega-menu { background-image: url("/_src/assets/images/horizontal-menu-background-light.png"); position: absolute; z-index: 50; left: 0; right: 0; width: 1140px; width: 114rem; min-height: 20px; min-height: 2rem; overflow: hidden; } .mega-menu .list-container { display: flex; position: relative; margin-left: -4rem; } .mega-menu .menu-list{ margin-left: auto; margin-right: auto; } .mega-menu li { display: inline-block; vertical-align: top; border-right: none; text-align: left; padding: 0 20px; padding: 0 2rem; } .mega-menu li:nth-of-type(3n+3) { border-right: none; } .mega-menu li:nth-of-type(3n+3) a { margin-right: -11px; margin-right: -1.1rem; } @media screen and (max-width: 56.25em) { .mega-menu li:nth-of-type(3n+3) a { margin-right: 0; } } .mega-menu .category { border-bottom: 1px solid #8f8f8f; font-family: 'proxima-nova', sans-serif; } .mega-menu li>ul { margin: 0; margin-left: -4rem; font-size: 14px; font-size: 1.4rem; } .mega-menu li>ul li { display: inline; padding: 0; line-height: 2.5rem; } #primary-menu .mega-menu a { color: #000; padding: 0; font-weight: normal; text-transform: none; white-space: normal; margin-top: 1rem; } #navigation-toggles { margin-bottom: 55px; margin-bottom: 5.5rem; } @media screen and (max-width: 56.25em) { #navigation-toggles { margin-bottom: 15px; margin-bottom: 1.5rem; } } .navigation-container .toggle-with-anchor .trigger .toggle-anchor { font-size: 16px; font-size: 1.6rem; font-weight: 400; text-transform: none; } .navigation-container .toggle-with-anchor .trigger .toggle-dropdown { height: 38px; height: 3.8rem; } .navigation-container .box { margin-bottom: 0; list-style-type: none; text-indent: 15px; text-indent: 1.5rem; } .navigation-container .box a { background-color: transparent; display: block; padding: 6px 12px; padding: 0.6rem 1.2rem; font-size: 14px; font-size: 1.4rem; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .navigation-container .box a:hover { background: #633394; } .quick-links { list-style-type: none; } .quick-links li a { background-color: transparent; display: block; padding: 6px 12px; padding: 0.6rem 1.2rem; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .quick-links li a:hover, .quick-links li a:focus { background: #633394; } /*------------------------- SEARCH --------------------------*/ #navigation-search { margin-top: 30px; margin-top: 3rem; } #navigation-search input { background: #fff; text-transform: uppercase; float: left; } .common-search-box p { border-bottom: 1px solid #633394; border-bottom: 0.1rem solid #633394; margin-bottom: 0; padding: 6px 10px; padding: 0.6rem 1rem; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .common-search-box p:hover { background: #633394; } .common-search-box p a { display: block; } .common-search-box p:first-of-type { border-bottom: none; margin: 0; font-weight: bold; } .common-search-box p:first-of-type:hover { background: transparent; } .recommended-search-result { border-bottom: none; font-style: normal; font-weight: normal; } .recommended-search-result:hover, .recommended-search-result:focus { border-bottom: none; } /*------------------------- NEWS & EVENTS --------------------------*/ #navigation-news-events { padding: 2rem 2rem; } #upcoming-events .single-news-listing { padding: 1rem; } .event-time { margin: 0; font-size: 14px; font-size: 1.4rem; } .event-header { margin: 0 0 5px; margin: 0 0 0.5rem; } .events-section { margin-bottom: 35px; margin-bottom: 1.5rem; font-size: 1rem; } .events-section h4 { padding: 0 10px; padding: 0 1rem; } .events-section a:hover:not(.single-news-listing), .events-section a:focus:not(.single-news-listing) { color: #b7b7b7; } #more-news, #more-events { display: block; margin-top: -10px; margin-top: -1rem; padding: 0 10px; padding: 0 1rem; font-size: 13px; font-size: 1.3rem; } .muted-text { color: #999999; } .image-caption { text-align:center; display: block; margin-top: -2.4rem; margin-top: 24px; } .news-image { max-width: 360px; margin-bottom: 2.4rem; margin-bottom: 24px; } .single-news-listing { background-color: #37236a; display: inline-block; vertical-align: super; width: 100%; padding: 15px; padding: 1rem; -webkit-transition: background-color .2s ease-in-out; -o-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; } .single-news-listing:hover { background-color: #633394; } @media screen and (max-width: 56.25em) { .single-news-listing .one-third, .single-news-listing .three-rows .info-card, .three-rows .single-news-listing .info-card, .single-news-listing .school-division-single { width: 33.3%; } .single-news-listing .two-thirds { width: 66.6%; } } @media screen and (max-width: 56.25em) { #navigation-news-events { margin-bottom: 30px; margin-bottom: 3rem; } } /*------------------------- SECONDARY MENU --------------------------*/ .secondary-menu { display: block; position: relative; text-align: center; } @media screen and (max-width: 56.25em) { .secondary-menu { text-align: left; } } .inner-menu { display: inline-block; width: auto; margin: auto; list-style-type: none; } @media screen and (max-width: 56.25em) { .inner-menu { display: none; } } .inner-menu li { display: inline-block; vertical-align: baseline; padding: 0 20px; padding: 0 2rem; } .inner-menu a { display: block; position: relative; border-bottom: 7px solid #eaeaea; border-bottom: 0.7rem solid #eaeaea; padding: 25px 5px; padding: 2.5rem 0.5rem; color: #2c2c2c; font-weight: 600; text-decoration: none; text-transform: uppercase; white-space: nowrap; -webkit-transition: border .3s ease; -o-transition: border .3s ease; transition: border .3s ease; } @media screen and (max-width: 75em) { .inner-menu a { font-size: 14px; font-size: 1.4rem; } } .inner-menu a:hover { border-color: #633394; } /*------------------------- DROPDOWN MENU --------------------------*/ .sub-menu { background-color: #562c81; position: absolute; z-index: 50; left: 0; right: 0; max-width: 100%; min-height: 20px; min-height: 2rem; margin: auto; overflow: hidden; } .sub-menu li { float: left; width: 33.33%; border-right: 1px solid #37236a; border-right: 0.1rem solid #37236a; padding: 0; text-align: left; } .sub-menu li:nth-of-type(3n+3) { border-right: none; } .sub-menu li:nth-of-type(3n+3) a { margin-right: -11px; margin-right: -1.1rem; } @media screen and (max-width: 56.25em) { .sub-menu li:nth-of-type(3n+3) a { margin-right: 0; } } .sub-menu a { color: #fff; border: none; padding: 10px 25px; padding: 1rem 2.5rem; font-size: 14px; font-size: 1.4rem; font-weight: normal; text-transform: none; white-space: normal; } .sub-menu a:hover { background: #633394; } /* Spacer */ .spacer { clear: both; padding: 12px 0; padding: 1.2rem 0; display: block; width: 100%; } @media screen and (max-width: 56.25em) { /* Responsive CSS Columns */ .responsive-column-count, .two-column, #header .slicknav_nav .slicknav_parent [role="menu"], #secondary-navigation .slicknav_nav .slicknav_parent [role="menu"], .three-column, .four-column { -webkit-column-count: 1 !important; -moz-column-count: 1 !important; column-count: 1 !important; } /* Responsive Images */ /* put the image on a line by itself, center it, remove any margin/float/alignment on the image itelf */ .mobile-center-image { width: 100%; display: block; text-align: center; overflow: auto; margin: 10px 0 20px; margin: 1rem 0 2rem; } .mobile-center-image > .alignleft, .mobile-center-image > .alignright, .mobile-center-image > a > .alignleft, .mobile-center-image > a > .alignright { margin: 1px 0; margin: 0.1rem 0; float: none; text-align: center; } } /* Content Limiter */ .content-limiter { position: relative; overflow: hidden; margin-bottom: 24px; margin-bottom: 2.4rem; -webkit-transition: margin .5s ease-out; -o-transition: margin .5s ease-out; transition: margin .5s ease-out; } .content-limiter.content-limiter-off { margin-bottom: 0; margin-bottom: 0; } .content-limiter.animation-complete { height: auto !important; } .content-limiter-expander { margin-bottom: 32px; margin-bottom: 3.2rem; } .content-limiter-blur { position: absolute; bottom: 0; width: 100%; height: 50px; height: 5rem; background-color: rgba(245, 245, 245, 0); background-image: -webkit-linear-gradient(rgba(245, 245, 245, 0), rgba(245, 245, 245, 0.8)); background-image: -o-linear-gradient(rgba(245, 245, 245, 0), rgba(245, 245, 245, 0.8)); background-image: linear-gradient(rgba(245, 245, 245, 0), rgba(245, 245, 245, 0.8)); } .content-limiter-off .content-limiter-blur { display: none; } .post-body a:not(.large-button):not(.button) { font-weight: bold; font-style: italic; } /* Tabs */ .post-body .tabs-wrapper { margin-bottom: 48px; margin-bottom: 4.8rem; } .post-body .tabs-menu-wrapper { overflow: auto; } .post-body .tabs { display: table; width: 100%; margin: 0px; margin: 0rem; padding: 0px; padding: 0rem; list-style: none; font-size: 18px; font-size: 1.8rem; } .post-body .tabs > .tab-link { display: table-cell; width: 11.111%; padding: 8px 4px; padding: 0.8rem 0.4rem; margin: 0; text-indent: 0; line-height: 1.2; cursor: pointer; text-align: center; vertical-align: middle; background: rgb(140, 103, 172); border: 1px solid #fff; color: #2c2c2c; -webkit-transition: background 0.4s; -o-transition: background 0.4s; transition: background 0.4s; font-weight: bold; font-style: italic; color: #fff; } .post-body .tabs > .tab-link:before { content: normal; } .post-body .tabs > .tab-link.tab-current, .post-body .tabs > .tab-link:hover { background: #633394; color: #fff; text-decoration: underline; } @media screen and (max-width: 56.25em) { .post-body .tabs > .tab-link { display: block; width: 100%; } } .post-body .tab-content { display: none; background: #eaeaea; padding: 32px; padding: 3.2rem; overflow-wrap: break-word; } .post-body .tab-content.tab-current { display: inherit; } /* Toggle */ /* Toggle for footer links */ .mobile-toggle { display: none; } .mobile-toggle .active .toggle-dropdown:after { margin-right: 0 !important; -webkit-transform: rotate(90deg) translate(-18px, 20px); -webkit-transform: rotate(90deg) translate(-1.8rem, 2rem); -ms-transform: rotate(90deg) translate(-18px, 20px); -ms-transform: rotate(90deg) translate(-1.8rem, 2rem); -o-transform: rotate(90deg) translate(-18px, 20px); -o-transform: rotate(90deg) translate(-1.8rem, 2rem); transform: rotate(90deg) translate(-18px, 20px); transform: rotate(90deg) translate(-1.8rem, 2rem); } @media screen and (max-width: 56.25em) { .mobile-toggle { display: block; width: 100%; } } /* Toggle for main navigation */ .toggle-with-anchor { padding: 0 0 2px 0; padding: 0 0 0.2rem 0; } .toggle-with-anchor .trigger { position: relative; display: block; border-bottom: 1px solid #633394; border-bottom: 0.1rem solid #633394; } .toggle-with-anchor .trigger .toggle-anchor { background-color: transparent; display: block; margin-right: 35px; margin-right: 3.5rem; padding: 6px 12px; padding: 0.6rem 1.2rem; color: #fff; font-size: 14px; font-size: 1.4rem; font-weight: bold; text-decoration: none; text-transform: uppercase; -webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .toggle-with-anchor .trigger .toggle-dropdown { background-color: #37236a; position: absolute; z-index: 10; display: block; top: 0; right: 0; width: 35px; width: 3.5rem; height: 34px; height: 3.4rem; color: #fff; line-height: 40px; line-height: 4rem; font-size: 16px; font-size: 1.6rem; font-weight: normal; text-align: center; cursor: pointer; } .toggle-with-anchor .trigger .toggle-dropdown:before { content: "+"; } .toggle-with-anchor .trigger .toggle-dropdown.active { background: #633394; } .toggle-with-anchor .trigger .toggle-anchor:hover, .toggle-with-anchor .trigger .toggle-dropdown:hover { background: #633394; color: #fff; } .toggle-with-anchor .active { background: #633394; color: #fff; } .toggle-with-anchor .active.toggle-dropdown:before { content: "-"; } .toggle-with-anchor .box { overflow: hidden; border: none; padding: 0; color: #fff; } .toggle .trigger span { position: absolute; z-index: 10; display: block; top: 0; right: 0; width: 35px; width: 3.5rem; height: 34px; height: 3.4rem; text-align: center; line-height: 40px; line-height: 4rem; font-weight: normal; cursor: pointer; } .toggle .trigger span:before { content: "+"; } .toggle { padding: 0 0 2px 0; padding: 0 0 0.2rem 0; } .toggle .trigger { background-color: #633394; display: block; position: relative; padding: 10px 30px; padding: 1rem 3rem; color: #fff; font-style: normal; } .toggle .trigger span { font-size: 26px; font-size: 2.6rem; position: absolute; z-index: 10; display: block; top: 0; right: 0; width: 35px; width: 3.5rem; height: 34px; height: 3.4rem; text-align: center; line-height: 40px; line-height: 4rem; font-style: normal; font-weight: normal; cursor: pointer; } .toggle .trigger span:before { content: "+"; } .toggle .trigger:hover, .toggle .trigger:focus { background-color: #37236a; color: #fff; } .toggle .active span:before { content: "-"; } .toggle .box { background: #eaeaea; overflow: hidden; border: none; padding: 20px 30px; padding: 2rem 3rem; } .post-body .toggle .toggle .trigger { background: #633394; padding: 15px; padding: 1.5rem; font-size: 16px; font-size: 1.6rem; font-style: normal; } .post-body .toggle .toggle .trigger span { top: 0; height: 100%; line-height: 2; } .hr { height: 4px; height: 0.4rem; background: #000; overflow: hidden; font-size: 0px; font-size: 0rem; line-height: 0; margin: 30px 0px; margin: 3rem 0rem; } .iframe-embed { position: relative; padding-bottom: 300px; padding-bottom: 30rem; padding-top: 30px; padding-top: 3rem; height: 0; overflow: hidden; } .iframe-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .youtube-embed { position: relative; width: 100%; max-width: 480px; max-width: 48rem; } .play-hover { display: block; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; opacity: 0.9; -webkit-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out; } a:hover > .play-hover { opacity: .1; } .play-hover { background: url(assets/images/play-button.png) center center no-repeat transparent; } #back-to-top { position: fixed; bottom: 2%; right: 2%; width: 40px; width: 4rem; height: 40px; height: 4rem; z-index: 99999; display: block; border-radius: 50%; opacity: 0; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #back-to-top.show { opacity: .7; } #back-to-top.show:hover { opacity: 1; } #back-to-top a { display: block; width: 40px; width: 4rem; height: 40px; height: 4rem; background-position: center 14px; background-position: center 1.4rem; text-align: center; } /* Video Embed */ .video-embed-container { position: relative; display: block; width: 100%; max-width: 450px; max-width: 45rem; height: auto; min-height: 300px; min-height: 30rem; } @media screen and (max-width: 56.25em) { .video-embed-container { max-width: 450px; max-width: 45rem; } } @media screen and (max-width: 40.125em) { .video-embed-container { min-height: 200px; min-height: 20rem; } } .video-embed-container .shape { stroke-dasharray: 140 540; stroke-dashoffset: -289; stroke-width: 2px; stroke-width: 0.2rem; fill: transparent; stroke: rgba(255, 255, 255, 0.5); border-bottom: 5px solid rgba(255, 255, 255, 0.5); border-bottom: 0.5rem solid rgba(255, 255, 255, 0.5); opacity: 0; -webkit-transition: opacity .7s, stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s; -o-transition: opacity .7s, stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s; transition: opacity .7s, stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s; } .video-embed-container:hover .shape, .video-embed-container:focus .shape { stroke-width: 2px; stroke-width: 0.2rem; stroke-dashoffset: 0; stroke-dasharray: 760; opacity: 1; } .video-embed-container .video-embed-title, .video-embed-container .border-effect { z-index: 4; pointer-events: none; } .video-embed-container .video-embed-title { display: inline-block; color: #fff; font-size: 20px; font-size: 2rem; text-align: center; text-transform: uppercase; max-width: 200px; max-width: 20rem; } .video-embed-container .image-overlay { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .video-embed-container .video-embed-bg { display: block; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; } /* Tables --------------------------------------------- */ table:not(.gsc-above-wrapper-area-container):not(.gsc-table-result):not(a.gs-title) { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; margin-bottom: 4rem; width: 100%; } tbody { border-bottom: 1px solid #ddd; border-bottom: 0.1rem solid #ddd; font-size: 14px; font-size: 1.4rem; } th, td { text-align: left; } thead th a { color: black !important; } td.gsc-search-button { width: 10% !important; } th { font-weight: bold; text-transform: uppercase; padding: 10px; padding: 1rem; } @media screen and (max-width: 59rem) { th { padding: .8rem; font-size: 1rem } } @media screen and (max-width: 53rem) { th { padding: .2rem; font-size: 1rem } } @media screen and (max-width: 45rem) { th { padding: .2rem; font-size: .8rem } } thead tr { background: #c2c2c2; } tbody tr:nth-of-type(odd) { background: #eaeaea; } tbody tr:nth-of-type(even) { background: #c2c2c2; } /* Form Tables */ form table thead tr { background: none } form table tbody tr:nth-of-type(odd) { background: none; } form table tbody tr:nth-of-type(even) { background: none; } td:not(.gsc-result-info-container) { padding: 10px; padding: 1rem; } table.paragraph-text-table { margin-top: 3rem; margin-bottom: 1rem !important; } table.paragraph-text-table caption { text-align: left !important; } @media screen and (max-width: 59rem) { td { font-size: 1rem } } @media screen and (max-width: 53rem) { td { padding: .2rem; font-size: 1rem } } @media screen and (max-width: 45rem) { td { padding: .2rem; font-size: .8rem } } /* contains page-specific or shortcode/view-specific styling, if necessary */ #error404 { padding: 30px 0 100px 0; padding: 3rem 0 10rem 0; } .error404-num { font-size: 250px; font-size: 25rem; line-height: 1.2em; text-align: center; } #error404 hgroup { margin: 0 0 2em 0; padding-top: 50px; padding-top: 5rem; } #error404 hgroup h1 { font-size: 3em; margin-bottom: .2em; } #contact-map { width: 100%; height: 500px; height: 50rem; } #contact-map img { max-width: none; } #loading-delay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; background-image: url(assets/images/ajax-loader.gif); background-position: 50% 50%; background-repeat: no-repeat; display: block; z-index: 99999; } .no-js #loading-delay { display: none; } /* Scroll Classes -------------------------*/ .home #main section:not(#home-horiz-sidebar) { background-color: #fff; position: relative; z-index: 0; } .home .primary-content-wrap { padding-bottom: 0; } .home .outer-container { margin-top: 0; padding-top: 3%; } @media screen and (max-width: 56.25em) { .home .outer-container { padding: 25px 0; padding: 2.5rem 0; } } .lock { overflow: hidden; z-index: -100; } .scrollmagic-pin-spacer { left: initial !important; right: 0 !important; } .panel { left: auto !important; } @media screen and (max-width: 56.25em) { .panel { min-height: 1px !important; min-height: 0.1rem !important; } } .menu-open .panel { position: relative !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Slider Classes -------------------------*/ .slider-wrapper .slick-dots { margin: 0; } .slider-wrapper .slick-dots li { width: auto; height: auto; padding-left: 0; } .slider-wrapper .slick-dots li:before { content: ''; display: none; } .slider-wrapper .slick-dots li button { width: 15px; width: 1.5rem; height: 15px; height: 1.5rem; } .slider-wrapper .slick-dots li button:before { content: ''; display: none; } /* Homepage slider */ .page-slider-wrapper { margin-bottom: 15px; margin-bottom: 1.5rem; } .page-slider-wrapper .slick-dots { position: relative; top: 0; left: 0; bottom: 0; right: 0; text-align: right; } .page-slider-wrapper .slick-dots li button { background-color: #b7b7b7; } .page-slider-wrapper .slick-dots .slick-active button { background-color: #633394; } .front-slider-wrapper { position: relative; z-index: 50; } .front-slider-wrapper .slick-dots li button { background-color: #633394; } .front-slider-wrapper .slick-dots .slick-active button { background-color: #fff; } @media screen and (max-width: 56.25em) { .front-slider-wrapper { height: auto; } .front-slider-wrapper .front-page-slide { height: 100% !important; } } @media screen and (max-width: 22.5em) { .front-slider-wrapper .slick-dots { bottom: 25px; bottom: 2.5rem; } } #video-wrapper { background-color: #000; } .video-container { max-height: 97vh; overflow: hidden; position: relative; } .video-container video { width: 100%; height: auto; position: relative; } .video-container::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.1); pointer-events: none; z-index: 1; } .home-vid-button { border: none; border-radius: 100%; position: absolute; } #vidbutton { position: absolute; height: 65px; width: 65px; font-size: 30px; font-size: 3rem; color: #fff; background-color: #633394; padding: 0 !important; margin: 0 !important; bottom: 3rem; right: 2.5rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; z-index: 20; } .slider-caption-header{ z-index: 2; } /* Desktop / laptop */ @media (hover: hover) and (pointer: fine) { #vidbutton .vid-icon { transform: translateY(4px) translateX(1px); } } #descbutton { font-size: 50px; font-size: 5rem; color: #633394; padding: 0; bottom: 3.5rem; right: 10rem; z-index: 20; } #video-description { position: absolute; bottom: 0; width: 80%; min-height: 20vh; background: rgba(0, 0, 0, 0.8); text-align: left; padding: 1%; z-index: 1000; } #video-description p { text-shadow: none; } @media screen and (max-width: 56.25em) { .video-container { height: 70vh; width: 100%; max-width: 100vw; overflow: hidden; position: relative; } .video-container video { width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; } #vidbutton { font-size: 30px; font-size: 3rem; bottom: auto; top: 10rem; right: 1rem; } #descbutton { width: auto; font-size: 40px; font-size: 4rem; bottom: auto; top: 11.5rem; right: 8.5rem; left: auto; } #video-description{ top: auto; bottom: 0; left: 0; padding: 0; width: 65%; } } .front-slider-wrapper .slick-caption { width: 100%; height: 100vh; padding-top: 50vh; } .front-page-slide { position: relative; text-align: center; position: relative; } .front-page-slide::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.1); pointer-events: none; z-index: 1; } .slick-caption, .slick-caption h1, .slick-caption p, .slick-caption a { position: relative; z-index: 2; } .front-page-slide h1, .front-page-slide h2, .front-page-slide h3, .front-page-slide h4, .front-page-slide h5, .front-page-slide h6, .front-page-slide p { color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); text-shadow: 0 0 1rem rgba(0, 0, 0, 0.8); } .front-page-slide .slick-caption .button { margin-bottom: 0; } .slider-caption-container { height: 100%; width: 89%; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; position: absolute; top: 0; padding: 2rem 4rem; z-index: 10; } .front-page-slide .slider-caption-header { font-size: 60px; font-size: 6rem; width: 100%; text-transform: none; } .video-header { text-align: left; } .front-page-slide .slider-caption-subheader { font-size: 40px; font-size: 4rem; width: 100%; text-align: left; } #slider-wrapper .front-page-slide .slider-caption-header { position: relative; } @media screen and (max-width: 75em) { .slider-caption-container { width: 100%; padding: 1rem 2rem; } .front-page-slide .slider-caption-header { font-size: 40px; font-size: 4rem; } .front-page-slide .slider-caption-subheader { font-size: 28px; font-size: 2.8rem; } } @media screen and (max-width: 22.5em) { .front-page-slide .slider-caption-header { font-size: 34px; font-size: 3.4rem; } .front-page-slide .slider-caption-subheader { font-size: 22px; font-size: 2.2rem; } } .front-page-slide .slider-caption-excerpt { font-size: 22px; font-size: 2.2rem; font-weight: bold; } @media screen and (max-width: 56.25em) { .front-page-slide .slider-caption-excerpt { font-size: 16px; font-size: 1.6rem; } } /*----------------------- FIND YOUR GREATNESS ------------------------*/ /* CSS Animation effect */ @media screen and (min-width: 56.25em) { .diamond-in { -webkit-animation-name: diamondAni; -o-animation-name: diamondAni; animation-name: diamondAni; -webkit-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } } @media screen and (min-width: 56.25em) { .fade-in { opacity: 0; -webkit-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease; -o-animation-timing-function: ease; animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards; } } /* Container layout */ #find-your-greatness { position: relative; } .left-container, .right-container { width: 50%; } @media screen and (max-width: 56.25em) { .left-container, .right-container { width: 100%; float: none; } } .left-container { float: left; } .left-container .abs-center, .left-container .image-overlay-excerpt, .left-container .large-button:after { left: 40%; } @media screen and (max-width: 82.5em) { .left-container .abs-center, .left-container .image-overlay-excerpt, .left-container .large-button:after { left: 35%; } } @media screen and (max-width: 56.25em) { .left-container .abs-center, .left-container .image-overlay-excerpt, .left-container .large-button:after { left: 50%; } } .right-container { float: right; } .right-container .abs-center, .right-container .image-overlay-excerpt, .right-container .large-button:after { left: 60%; } @media screen and (max-width: 82.5em) { .right-container .abs-center, .right-container .image-overlay-excerpt, .right-container .large-button:after { left: 65%; } } @media screen and (max-width: 56.25em) { .right-container .abs-center, .right-container .image-overlay-excerpt, .right-container .large-button:after { left: 50%; } } .left-container .greatness-bg-img > .hover-diamond { right: -20%; } .left-container .greatness-bg-img:hover > .hover-diamond { right: 15%; } @media screen and (max-width: 100em) { .left-container .greatness-bg-img:hover > .hover-diamond { right: 17%; } } @media screen and (max-width: 82.5em) { .left-container .greatness-bg-img:hover > .hover-diamond { right: 10%; } } @media screen and (max-width: 63.9375em) { .left-container .greatness-bg-img:hover > .hover-diamond { right: 12%; } } .right-container .greatness-bg-img > .hover-diamond { left: -20%; } .right-container .greatness-bg-img:hover > .hover-diamond { left: 15%; } @media screen and (max-width: 100em) { .right-container .greatness-bg-img:hover > .hover-diamond { left: 17%; } } @media screen and (max-width: 82.5em) { .right-container .greatness-bg-img:hover > .hover-diamond { left: 10%; } } @media screen and (max-width: 63.9375em) { .right-container .greatness-bg-img:hover > .hover-diamond { left: 12%; } } .greatness-bg-img { position: relative; display: block; width: 100%; height: auto; min-height: 300px; min-height: 30rem; } @media screen and (max-width: 56.25em) { .greatness-bg-img { min-height: 200px; min-height: 20rem; } } .greatness-title { display: inline-block; color: #fff; z-index: 1; font-size: 20px; font-size: 2rem; text-align: center; text-transform: uppercase; max-width: 200px; max-width: 20rem; } .greatness-title, .border-effect { z-index: 1; pointer-events: none; } .shape { stroke-dasharray: 140 540; stroke-dashoffset: -289; stroke-width: 2px; stroke-width: 0.2rem; fill: transparent; stroke: rgba(255, 255, 255, 0.5); border-bottom: 5px solid rgba(255, 255, 255, 0.5); border-bottom: 0.5rem solid rgba(255, 255, 255, 0.5); opacity: 0; -webkit-transition: opacity .7s, stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s; -o-transition: opacity .7s, stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s; transition: opacity .7s, stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s; } .greatness-bg-img:hover .shape { stroke-width: 2px; stroke-width: 0.2rem; stroke-dashoffset: 0; stroke-dasharray: 760; opacity: 1; } .greatness-bg-img .image-overlay { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .hover-diamond { position: absolute; z-index: 1; top: 75px; top: 7.5rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin: auto; width: 150px; width: 15rem; height: 150px; height: 15rem; background-color: #37236a; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); text-align: center; opacity: 0; -webkit-animation-delay: .45s; -o-animation-delay: .45s; animation-delay: .45s; -webkit-transition: all 0.3s cubic-bezier(0.39, 0.05, 0.2, 1); -o-transition: all 0.3s cubic-bezier(0.39, 0.05, 0.2, 1); transition: all 0.3s cubic-bezier(0.39, 0.05, 0.2, 1); } @media screen and (max-width: 56.25em) { .hover-diamond { display: none; } } .diamond-fg { background-color: #633394; position: absolute; z-index: 2; top: -180px; top: -18rem; left: 0; right: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); margin: auto; width: 400px; width: 40rem; height: 400px; height: 40rem; text-align: center; opacity: 0; } @media screen and (max-width: 82.5em) { .diamond-fg { bottom: -265px; bottom: -26.5rem; width: 300px; width: 30rem; height: 300px; height: 30rem; -webkit-transform: rotate(45deg) translate(30px, 30px); -webkit-transform: rotate(45deg) translate(3rem, 3rem); -ms-transform: rotate(45deg) translate(30px, 30px); -ms-transform: rotate(45deg) translate(3rem, 3rem); -o-transform: rotate(45deg) translate(30px, 30px); -o-transform: rotate(45deg) translate(3rem, 3rem); transform: rotate(45deg) translate(30px, 30px); transform: rotate(45deg) translate(3rem, 3rem); } } @media screen and (max-width: 56.25em) { .diamond-fg { position: relative; top: 0; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; height: auto; padding: 25px 0; padding: 2.5rem 0; opacity: 1; } } span.diamond-excerpt { display: inherit; position: absolute; z-index: 50; top: 50%; left: 0; right: 0; margin: auto; -webkit-transform: translateY(-50%) rotate(-45deg); -ms-transform: translateY(-50%) rotate(-45deg); -o-transform: translateY(-50%) rotate(-45deg); transform: translateY(-50%) rotate(-45deg); } span.diamond-excerpt h1 { font-size: 76px; font-size: 7.6rem; color: #fff; } @media screen and (max-width: 82.5em) { span.diamond-excerpt h1 { font-size: 56px; font-size: 5.6rem; } } @media screen and (max-width: 56.25em) { span.diamond-excerpt { position: relative; top: 0; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; } } .greatness-heading-1 { font-weight: 400; margin: 0; } /*----------------------- SIDEBAR ------------------------*/ #home-horiz-sidebar { z-index: 0; } #home-horiz-sidebar .container-large { max-width: 1400px; } #home-horiz-sidebar .overlay-link { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; } #home-horiz-sidebar .one-half, #home-horiz-sidebar .two-rows .info-card, .two-rows #home-horiz-sidebar .info-card { position: relative; } #home-horiz-sidebar .large-button { position: absolute; z-index: 1; top: 0; left: 0; right: 0; background: transparent; height: 100%; min-height: 250px; min-height: 25rem; } #home-horiz-sidebar .large-button h1 { -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } #home-horiz-sidebar .large-button h1 span[class*="icon-"]:before, #home-horiz-sidebar .large-button h1 span[class^="icon-"]:before { -webkit-transition: color .2s ease-in-out; -o-transition: color .2s ease-in-out; transition: color .2s ease-in-out; } @media screen and (max-width: 75em) { #home-horiz-sidebar .large-button { min-height: 175px; min-height: 17.5rem; } } #home-horiz-sidebar .greatness-bg { position: absolute; z-index: 0; top: 0; left: 0; background-color: #eaeaea; width: 100%; height: 100%; -webkit-transition: background .3s ease; -o-transition: background .3s ease; transition: background .3s ease; } #home-horiz-sidebar .greatness-bg-img { display: block; position: relative; z-index: 1; width: 100%; min-height: 305px; min-height: 30.5rem; opacity: .4; } @media screen and (max-width: 75em) { #home-horiz-sidebar .greatness-bg-img { min-height: 255px; min-height: 25.5rem; } } @media screen and (max-width: 56.25em) { #home-horiz-sidebar .greatness-bg-img { min-height: 200px; min-height: 20rem; } } #home-horiz-sidebar .large-button-container:hover .greatness-bg { background-color: #633394; } /*----------------------- APPLY TODAY ------------------------*/ #current-promotion { border-bottom: solid #fff 2px; } #current-promotion a { width: 95% !important; margin-bottom: 3%; font-size: 30px; font-size: 3rem; text-decoration: none; display: block; } #current-promotion a .icon-circle-right { font-family: 'icomoon-free' !important; position: absolute; right: 0; top: 0; margin-top: 1%; } #current-promotion a .icon-circle-right::before { content: "\ea42"; } @media screen and (max-width: 56.25em) { #current-promotion a { width: 100% !important; font-size: 20px; font-size: 2rem; } #current-promotion a .icon-circle-right { right: 2%; top: 0; } } #apply-today { display: table; text-align: center; padding: 55px 0; padding: 5.5rem 0; } @media screen and (max-width: 56.25em) { #apply-today { padding: 15px; padding: 1.5rem; background: white !important; } } #apply-today .center-flex, #apply-today .full-width-cards { -webkit-box-pack: space-around; -ms-flex-pack: space-around; -moz-justify-content: space-around; -webkit-justify-content: space-around; justify-content: space-around; } .background-button { position: relative; margin-top: 15px; margin-top: 1.5rem; padding: 35px; padding: 3.5rem; background-color: #633394; box-shadow: inset 0px 0px 0 5px #fff; box-shadow: inset 0rem 0rem 0 0.5rem #fff; border: 1px solid #633394; border: 0.1rem solid #633394; overflow: hidden; text-decoration: none; } .background-button h1, .background-button h2, .background-button h3, .background-button h4, .background-button h5, .background-button h6 { position: relative; z-index: 2; color: #fff; margin: 0; -webkit-transition: color .5s ease-in; -o-transition: color .5s ease-in; transition: color .5s ease-in; } .background-button:before { content: ''; background-color: white; display: block; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .3s ease-out; } .background-button:hover h1, .background-button:hover h2, .background-button:hover h3, .background-button:hover h4, .background-button:hover h5, .background-button:hover h6 { color: #633394; margin: 0; } .background-button:hover:before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .half-border-callout { position: relative; display: inline-block; float: left; border-top: 1px solid #633394; border-top: 0.1rem solid #633394; border-bottom: 1px solid #633394; border-bottom: 0.1rem solid #633394; margin-left: 3%; padding: 25px 0; padding: 2.5rem 0; width: 30%; min-height: 150px; min-height: 15rem; } .half-border-callout h2 { margin: 0; color: #37236a; font-weight: bold; } @media screen and (max-width: 75em) { .half-border-callout { width: 45%; } } .one-border-callout { border-bottom: 1px solid #633394; border-bottom: 0.1rem solid #633394; margin-left: 3%; width: 30%; min-height: 80px; min-height: 8rem; text-align: center; } .one-border-callout h2 { margin: 0; color: #37236a; font-weight: bold; } @media screen and (max-width: 75em) { .one-border-callout { width: 45%; } } .no-border-callout { position: relative; display: inline-block; padding: 25px 0; padding: 2.5rem 0; width: 100%; font-size: 30px; font-size: 3rem; min-height: 200px; min-height: 20rem; } .no-border-callout h2 { margin: 0; color: #fff; font-weight: bold; font-size: 60px; font-size: 6rem; } .div-like { display: inline-flex; width: 33%; color: #fff; padding: 0 3% 0 3%; margin-top: -55px; margin-top: -5.5rem; } .h2-like { font-weight: bold; font-size: 60px; font-size: 6rem; text-transform: capitalize; font-family: 'proxima-nova', sans-serif; line-height: 2.2; } .h3-like { font-size: 30px; font-size: 3rem; margin: 0 0 1.6rem; line-height: 1; } /*----------------------- CAMPUSES ------------------------*/ .campus-listings { padding: 55px 0; padding: 5.5rem 0; } .campus-listings .section-header { width: 100%; } @media screen and (max-width: 75em) { .campus-listings { padding: 25px 0 0 !important; padding: 2.5rem 0 0 !important; } } @media screen and (max-width: 56.25em) { .campus-listings { display: inline-block; background-color: #fff; } .campus-listings:after { display: none; } } .campus-single { position: relative; } @media screen and (max-width: 75em) { .campus-single { margin-bottom: 55px !important; margin-bottom: 5.5rem !important; } } .campus-single:hover > .button, .campus-single:focus > .button { background-color: #2c2c2c; } @media screen and (max-width: 75em) { .grey-backdrop .one-fifth.campus-single { width: 30.994152046784%; margin-left: 3.5087719298246%; } .grey-backdrop .one-fifth.campus-single.first { margin-left: 0; } } @media screen and (max-width: 56.25em) { .grey-backdrop .one-fifth.campus-single { width: 100%; margin-left: 0; } } .campus-button { position: absolute; left: 0; right: 0; bottom: -20px; bottom: -2rem; margin: auto 17px; margin: auto 1.7rem; font-style: normal; font-weight: 700; } .campus-button h1, .campus-button h2, .campus-button h3, .campus-button h4, .campus-button h5, .campus-button h6 { color: #fff; text-transform: none; margin: 0; } .campus-listings + .news-grid-layout { margin-top: 0; } /*----------------------- NEWS ------------------------*/ .home .primary-content-wrap .outer-container.grey-backdrop { padding-bottom: 25px; padding-bottom: 2.5rem; } .news-slide { position: relative; /* width: 100% !important; */ } .news-grid-layout .read-more-link, .news-grid-layout .entry-time { margin: 0; } .news-grid-layout .section-header { margin-top: 60px; margin-top: 6rem; } @media screen and (max-width: 75em) { .news-grid-layout .section-header { margin-top: 0; } } time { display: block; color: #777; margin-bottom: 18px; margin-bottom: 1.8rem; } h2 + time { margin-top: -24px; margin-top: -2.4rem; } .blog .post-holder, .category .post-holder { margin-bottom: 32px; margin-bottom: 3.2rem; } .blog .post-holder .excerpt, .category .post-holder .excerpt { margin-bottom: 18px; margin-bottom: 1.8rem; } .breadcrumbs { display: block; margin-bottom: 25px; margin-bottom: 2.5rem; } .breadcrumbs a, .breadcrumbs .breadcrumb { position: relative; border: none !important; color: #b7b7b7; font-style: italic; } .breadcrumbs a:not(.right):before, .breadcrumbs .breadcrumb:not(.right):before { content: '\e907'; font-family: 'icomoon' !important; font-size: 16px; font-size: 1.6rem; display: inline-block; vertical-align: baseline; padding-right: 5px; padding-right: 0.5rem; color: #b7b7b7; font-style: italic; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .breadcrumbs a.right:after, .breadcrumbs .breadcrumb.right:after { content: '\e905'; font-family: 'icomoon' !important; font-size: 16px; font-size: 1.6rem; display: inline-block; vertical-align: bottom; padding-left: 5px; padding-left: 0.5rem; color: #b7b7b7; font-style: italic; -webkit-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .breadcrumbs a:hover, .breadcrumbs a:focus { color: #2c2c2c; } .breadcrumbs a:hover:before, .breadcrumbs a:focus:before { color: #2c2c2c; } .entry-title { margin-bottom: 5px; margin-bottom: 0.5rem; } .entry-time { margin-bottom: 0; color: #b7b7b7; font-size: 16px; font-size: 1.6rem; } .category-container { display: block; margin-bottom: 10px; margin-bottom: 1rem; } .category-container .entry-category { position: relative; border: none; margin-right: 7px; margin-right: 0.7rem; } .category-container .entry-category:after { content: "|"; position: absolute; right: -8px; right: -0.8rem; } .category-container .entry-category:last-of-type { margin-right: 0; } .category-container .entry-category:last-of-type:after { display: none; } .pagination { display: block; width: 100%; height: auto; clear: both; padding: 25px 0; padding: 2.5rem 0; text-align: right; } .pagination .fleft, .pagination .fright, .pagination .page-num { display: inline; border: none; padding: 0 5px; padding: 0 0.5rem; color: #37236a; font-style: normal; } .pagination .fleft:hover, .pagination .fleft:focus, .pagination .fright:hover, .pagination .fright:focus, .pagination .page-num:hover, .pagination .page-num:focus { color: #2c2c2c; } .pagination .fleft:last-of-type, .pagination .fright:last-of-type, .pagination .page-num:last-of-type { padding-right: 0; } @media screen and (max-width: 56.25em) { .pagination { text-align: center; } } /*----------------------- FACULTY ------------------------*/ .full-width-cards { width: 100%; margin: 55px 0 0; margin: 5.5rem 0 0; padding: 55px 0; padding: 5.5rem 0; text-align: center; /* Fallback CSS for IE/Edge */ } .full-width-cards + .news-grid-layout { margin-top: 55px; margin-top: 5.5rem; } @media screen and (max-width: 56.25em) { .full-width-cards + .news-grid-layout { margin-top: 25px; margin-top: 2.5rem; } } @media screen and (max-width: 75em) { .full-width-cards { padding-bottom: 0; } .full-width-cards.grey-backdrop { background-color: #eaeaea; } .full-width-cards:after { display: none; } } @media screen and (max-width: 56.25em) { .full-width-cards { display: inline-block; width: 100%; height: auto; margin: 25px 0 0; margin: 2.5rem 0 0; padding: 25px 0; padding: 2.5rem 0; } .home .full-width-cards { margin: 0; } } .full-width-cards .one-fifth { position: relative; } .full-width-cards .one-fifth:nth-of-type(3) { padding: 25px 0px 5px; padding: 2.5rem 0rem 0.5rem; } @media screen and (max-width: 75em) { .full-width-cards .one-fifth { width: 25%; margin-left: 0; } .full-width-cards .one-fifth:nth-of-type(3) { width: 100%; padding: 25px 55px; padding: 2.5rem 5.5rem; } } @media screen and (max-width: 56.25em) { .full-width-cards .one-fifth { display: none; } .full-width-cards .one-fifth:nth-of-type(3) { display: block; width: 95%; } } .full-width-cards .card-full-width { min-height: 348px; min-height: 34.8rem; } @media screen and (max-width: 75em) { .full-width-cards .card-full-width { min-height: 300px; min-height: 30rem; } } .full-width-cards .card-thumb { min-height: 348px; min-height: 34.8rem; } @media screen and (max-width: 75em) { .full-width-cards .card-thumb { min-height: 300px; min-height: 30rem; } } .full-width-cards.latest-events-listings .card-title { margin-bottom: 0; } .full-width-cards .card-time { color: #fff; font-style: italic; } .full-width-cards .compat-object-fit { background-size: cover; height: auto; min-height: 348px; min-height: 34.8rem; } .full-width-cards .compat-object-fit > .card-thumb { opacity: 0; } .full-width-cards .card-excerpt { z-index: 2; opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.39, 0.05, 0.2, 1); -o-transition: opacity 0.3s cubic-bezier(0.39, 0.05, 0.2, 1); transition: opacity 0.3s cubic-bezier(0.39, 0.05, 0.2, 1); } .full-width-cards .card-excerpt h1, .full-width-cards .card-excerpt h2, .full-width-cards .card-excerpt h3, .full-width-cards .card-excerpt h4, .full-width-cards .card-excerpt h5, .full-width-cards .card-excerpt h6 { color: #fff; } .full-width-cards span.card-overlay { background-color: transparent; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: background 0.3s cubic-bezier(0.39, 0.05, 0.2, 1); -o-transition: background 0.3s cubic-bezier(0.39, 0.05, 0.2, 1); transition: background 0.3s cubic-bezier(0.39, 0.05, 0.2, 1); } .full-width-cards .card-full-width:hover > .card-excerpt { opacity: 1; } .full-width-cards .card-full-width:hover > span.card-overlay { background-color: rgba(0, 0, 0, 0.5); } /*----------------------- NEWS ------------------------*/ .recent-news-container { background-color: #000; } #news-landing-feed .recent-news-single { float: left; width: 32%; margin-left: 1%; padding: 0 25px; padding: 0 2.5rem; } #news-landing-feed .recent-news-single:first-of-type { margin-left: 0; } @media screen and (max-width: 75em) { #news-landing-feed .recent-news-single { float: none; width: 100%; margin: 0; } } #news-landing-feed .recent-news-container { display: block; position: relative; min-height: 200px; min-height: 20rem; margin-bottom: 25px; margin-bottom: 2.5rem; overflow: hidden; } @media screen and (max-width: 56.25em) { #news-landing-feed .recent-news-container { float: none; width: 100%; /*min-height: 10px; min-height: 1rem; margin: auto; */ } } #news-landing-feed .recent-news-container:hover > .recent-news-thumb, #news-landing-feed .recent-news-container:focus > .recent-news-thumb { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #news-landing-feed .recent-news-container:hover > .image-overlay, #news-landing-feed .recent-news-container:focus > .image-overlay { background-color: rgba(0, 0, 0, 0.85); } #news-landing-feed .recent-news-excerpt { z-index: 2; width: 100%; /*height: 100%; */ padding: 45px 35px 35px; padding: 4.5rem 3.5rem 3.5rem; text-align: left; } #news-landing-feed .recent-news-excerpt * { color: #fff; } #news-landing-feed .recent-news-excerpt .entry-time { font-style: italic; } #news-landing-feed .recent-news-excerpt .read-more-link { font-style: italic; text-align: right; } #news-landing-feed .recent-news-excerpt .read-more-link .icon-angle-right { position: relative; top: 2px; top: 0.2rem; } #news-landing-feed .news-feed-headline { color: #2c2c2c; font-family: 'proxima-nova', sans-serif; font-size: 18px; font-size: 1.8rem; font-weight: bold; text-transform: capitalize; } @media screen and (max-width: 56.25em) { #news-landing-feed .recent-news-excerpt { position: relative; top: 0; left: 0; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: 100%; padding: 0; } #news-landing-feed .recent-news-excerpt * { /*color: #633394; */ } } #news-landing-feed .image-overlay { z-index: 1; } @media screen and (max-width: 56.25em) { #news-landing-feed .image-overlay { /*display: none; */ } } #news-landing-feed .recent-news-thumb { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; -o-transition: -o-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease, -o-transform 1s ease; } @media screen and (max-width: 56.25em) { #news-landing-feed .recent-news-thumb { /*display: none; */ } } /* Home horizontal sidebar */ #home-horiz-sidebar .recent-news-container:hover > .recent-news-thumb, #home-horiz-sidebar .recent-news-container:focus > .recent-news-thumb { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #home-horiz-sidebar .recent-news-thumb { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 1s ease; transition: -webkit-transform 1s ease; -o-transition: -o-transform 1s ease; transition: transform 1s ease; transition: transform 1s ease, -webkit-transform 1s ease, -o-transform 1s ease; } #home-horiz-sidebar .recent-news-excerpt { z-index: 2; width: 100%; height: 100%; padding: 45px 35px 35px; padding: 4.5rem 3.5rem 3.5rem; text-align: left; } #home-horiz-sidebar .recent-news-excerpt * { color: #fff; } #home-horiz-sidebar .recent-news-container { display: block; position: relative; min-height: 322.5px; min-height: 32.25rem; margin-bottom: 25px; margin-bottom: 2.5rem; overflow: hidden; } @media screen and (min-width: 56.25em) { #home-horiz-sidebar .large { min-height: 670px; min-height: 67rem; } #home-horiz-sidebar .large h2 { top: 92% !important; } #home-horiz-sidebar .recent-news-container h3 { top: 84%; } } @media screen and (max-width: 56.25em) { #home-horiz-sidebar .recent-news-container { float: none; width: 100%; min-height: 111px; min-height: 11rem; background-color: #c9ced1; } #home-horiz-sidebar .recent-news-excerpt { height: unset; padding: unset; } .recent-news-excerpt .entry-header { color: #000 !important; margin: unset; margin-left: 1.5em; margin-right: 17%; } span.image-overlay-gradient { background: #633393; width: 15%; margin-left: 85%; text-align: center; color: #fff; } span.image-overlay-gradient::before { content: ''; position: absolute; top: 0; right: 100%; border-left: 3rem solid transparent; border-bottom: 11rem solid #633393; } span.image-overlay-gradient::after { font-family: icomoon !important; content: "\e905"; font-size: 6rem; } } #home-horiz-sidebar .image-overlay-gradient { z-index: 1; } @media screen and (min-width: 110em) { #faculty-landing-feed .container { width: 1400px; width: 140rem; } } @media screen and (max-width: 56.25em) { #faculty-landing-feed .container { width: 500px; width: 50rem; } } @media screen and (max-width: 31.25em) { #faculty-landing-feed .container { width: 380px; width: 38rem; } #faculty-landing-feed .slick-slide { max-width: 300px; } #faculty-landing-feed .new-slider-thumbnail { height: 300px; height: 30rem; } #faculty-landing-feed .new-slider-title { height: 55px; height: 5.5rem; padding: 4% 0; } #faculty-landing-feed .new-slider-description { height: 170px; height: 17rem; } } @media screen and (min-width: 110em) { #campuses-landing-feed .container { width: 1400px; width: 140rem; } } @media screen and (max-width: 56.25em) { #campuses-landing-feed .container { width: 550px; width: 55rem; } } @media screen and (max-width: 37.5em) { #campuses-landing-feed .container { width: 380px; width: 38rem; } } /*----------------------- PROGRAM CARDS ------------------------*/ .filter-container { display: inline-block; width: 100%; height: auto; margin-bottom: 35px; margin-bottom: 3.5rem; } .info-card { border: 1px solid #eaeaea; border: 0.1rem solid #eaeaea; margin-top: 35px; margin-top: 3.5rem; margin-bottom: 35px; margin-bottom: 3.5rem; padding: 25px; padding: 2.5rem; text-align: center; /* Sizing */ } .two-rows .info-card:nth-of-type(2n+1) { margin-left: 0; clear: left; } @media screen and (max-width: 56.25em) { .two-rows .info-card { margin-top: 35px; margin-top: 3.5rem; margin-bottom: 35px; margin-bottom: 3.5rem; } } .three-rows .info-card:nth-of-type(3n+1) { margin-left: 0; clear: left; } @media screen and (max-width: 63.9375em) { .three-rows .info-card:nth-of-type(3n+1) { clear: none; margin-left: 3.5087719298246%; } .three-rows .info-card:nth-of-type(odd) { clear: left; margin-left: 0; } } @media screen and (max-width: 56.25em) { .three-rows .info-card { margin-top: 35px; margin-top: 3.5rem; margin-bottom: 35px; margin-bottom: 3.5rem; } } @media screen and (max-width: 29.9375em) { .three-rows .info-card:nth-of-type(3n+1) { margin-left: 0; } } .four-rows .info-card:nth-of-type(4n+1) { margin-left: 0; clear: left; } @media screen and (max-width: 63.9375em) { .four-rows .info-card:nth-of-type(4n+1) { clear: none; margin-left: 3.5087719298246%; } .four-rows .info-card:nth-of-type(odd) { clear: left; margin-left: 0; } } @media screen and (max-width: 56.25em) { .four-rows .info-card { margin-top: 35px; margin-top: 3.5rem; margin-bottom: 35px; margin-bottom: 3.5rem; } } @media screen and (max-width: 29.9375em) { .four-rows .info-card:nth-of-type(4n+1) { margin-left: 0; } } .info-card hr, .info-card .card-title, .info-card .card-program, .info-card .card-department, .info-card .card-time, .info-card .card-excerpt { text-align: left; } .info-card .card-image { position: relative; top: -50px; top: -5rem; margin-bottom: -25px; margin-bottom: -2.5rem; height: 140px; } .info-card .card-title { margin-bottom: 7px; margin-bottom: 0.7rem; font-size: 25px; font-size: 2.5rem; font-weight: bold; } .program-card-container .info-card .card-title { color: #633394; font-weight: normal; } .info-card hr { max-width: 200px; max-width: 20rem; border-color: #eaeaea; } .info-card .card-department, .info-card .card-time { color: #767676; } .info-card .card-button { position: relative; bottom: -50px; bottom: -5rem; margin: -10px auto auto; margin: -1rem auto auto; color: #fff; } /*----------------------- SCHOOL DIVISIONS ------------------------*/ .school-division-single { margin-bottom: 25px; margin-bottom: 2.5rem; text-align: center; } .school-division-single:nth-of-type(3n+1) { clear: left; margin-left: 0; } @media screen and (max-width: 63.9375em) { .school-division-single:nth-of-type(3n+1) { clear: none; margin-left: 3.5087719298246%; } .school-division-single:nth-of-type(odd) { clear: left; margin-left: 0; } } @media screen and (max-width: 29.9375em) { .school-division-single:nth-of-type(3n+1) { margin-left: 0; } } .school-division-single .school-thumb { margin-bottom: 15px; margin-bottom: 1.5rem; } .school-division-single .button { color: #fff; } /*----------------------- ABOUT ------------------------*/ figure.upcoming-event-thumb { height: 150px; height: 15rem; margin: 0 0 25px; margin: 0 0 2.5rem; overflow: hidden; } @supports (object-fit: cover) { figure.upcoming-event-thumb img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } } figure.upcoming-event-thumb:hover .image-overlay { background-color: rgba(0, 0, 0, 0.8); } figure.upcoming-event-thumb:hover .image-overlay-excerpt { opacity: 1; } /*----------------------- POLICE ------------------------*/ @media screen and (max-width: 56.25em) { .police-image-holder { text-align: center; } } .police-image-holder img { max-width: 150px; max-width: 15rem; } } @media print { @page { size: portrait } body { max-width: 100%; } #header { display:none; } #footer { display:none; } .primary-nav { display:none; } .secondary-menu { display:none; } .ems-wrapper { display:none; } .skip-content { display:none; } #side-navigation { display:none; } .school-application { display:none; } #news-landing-feed { display:none; } #slider-wrapper { display:none; } }