/* CSS Document Client: Version: 1.0 Date: /2017 Author: Geoff Boult Company: Concept4 Website: www.concept4.com Type: Inclusive Stylesheet */ /* 01: Variables 02: Mixins 03: Placeholder 04: REM/Boilerplate/Project Color Scheme/Transitions 05: Normalize 06: Building Blocks 07: Type 08: Header 09: Menu 10: Footer 11: Landing page 12: Internal Page 13: News template 14: Search template 15: Sitemap page 16: C4 Global */ /* line 5, ../scss/_placeholder.scss */ header#masthead:before, #stickyHeader:before, footer#siteFooter:before, section#banner:before, section#pageHolder:before, aside#sidebar nav#sideMenu:before, section#pageContent:before, section#pageContent .extraContent:before, section#quickLinks ul:before, section#categoryLinks ul:before, header#masthead:after, #stickyHeader:after, footer#siteFooter:after, section#banner:after, section#pageHolder:after, aside#sidebar nav#sideMenu:after, section#pageContent:after, section#pageContent .extraContent:after, section#quickLinks ul:after, section#categoryLinks ul:after { content: ""; display: table; } /* line 9, ../scss/_placeholder.scss */ header#masthead:after, #stickyHeader:after, footer#siteFooter:after, section#banner:after, section#pageHolder:after, aside#sidebar nav#sideMenu:after, section#pageContent:after, section#pageContent .extraContent:after, section#quickLinks ul:after, section#categoryLinks ul:after { clear: both; } /* line 14, ../scss/_placeholder.scss */ .visuallyhidden { border: 0; margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip: rect(0); position: absolute; } /* ========================================================================== Base styles: opinionated defaults ========================================================================== */ /* line 6, ../scss/_boilerplate.scss */ html { color: #211d46; height: 100%; font-size: 16px; webkit-font-smoothing: antialiased; } /* line 14, ../scss/_boilerplate.scss */ nav[role="mobileMenu"] { display: none; } /* line 18, ../scss/_boilerplate.scss */ .indent { text-indent: -999em; } /* Remove text-shadow in selection highlight: https://twitter.com/miketaylr/status/12228805301 These selection rule sets have to be separate. Customize the background color to match your design. */ /* line 30, ../scss/_boilerplate.scss */ ::-moz-selection { background: #b3d4fc; text-shadow: none; } /* line 35, ../scss/_boilerplate.scss */ ::selection { background: #b3d4fc; text-shadow: none; } /* A better looking default horizontal rule */ /* line 44, ../scss/_boilerplate.scss */ hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } /* Remove the gap between audio, canvas, iframes, images, videos and the bottom of their containers: https://github.com/h5bp/html5-boilerplate/issues/440 */ /* line 64, ../scss/_boilerplate.scss */ audio, canvas, iframe, img, svg, video { vertical-align: middle; } /* Remove default fieldset styles. */ /* line 72, ../scss/_boilerplate.scss */ fieldset { border: 0; margin: 0; padding: 0; } /* Allow only vertical resizing of textareas. */ /* line 82, ../scss/_boilerplate.scss */ textarea { resize: vertical; } /* ========================================================================== Browser Upgrade Prompt ========================================================================== */ /* line 90, ../scss/_boilerplate.scss */ .browserupgrade { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ /* line 100, ../scss/_boilerplate.scss */ body { width: 100%; height: 100%; min-height: 100%; font-size: 62.5%; /* 1em = 10px */ line-height: 1; font-family: "Poppins", sans-serif; margin: 0; } /* ========================================================================== Helper classes ========================================================================== */ /* Hide visually and from screen readers: */ /* line 119, ../scss/_boilerplate.scss */ .hidden { display: none !important; } /* Hide only visually, but have it available for screen readers: http://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ /* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: https://www.drupal.org/node/897638 */ /* line 139, ../scss/_boilerplate.scss */ .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } /* Hide visually and from screen readers, but maintain layout */ /* line 152, ../scss/_boilerplate.scss */ .invisible { visibility: hidden; } /* Clearfix: contain floats For modern browsers 1. The space content is one way to avoid an Opera bug when the `contenteditable` attribute is included anywhere else in the document. Otherwise it causes space to appear at the top and bottom of elements that receive the `clearfix` class. 2. The use of `table` rather than `block` is only necessary if using `:before` to contain the top-margins of child elements. */ /* ========================================================================== EXAMPLE Media Queries for Responsive Design. These examples override the primary ('mobile first') styles. Modify as content requires. ========================================================================== */ @media only screen and (min-width: 35em) { /* Style adjustments for viewports that meet the condition */ } @media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) { /* Style adjustments for high resolution devices */ } /* ========================================================================== Print styles. Inlined to avoid the additional HTTP request: http://www.phpied.com/delay-loading-your-print-css/ ========================================================================== */ @media print { /* line 196, ../scss/_boilerplate.scss */ *, *:before, *:after { background: transparent !important; color: #000 !important; /* Black prints faster: http://www.sanbeiji.com/archives/953 */ box-shadow: none !important; text-shadow: none !important; } /* line 205, ../scss/_boilerplate.scss */ a, a:visited { text-decoration: underline; } /* line 209, ../scss/_boilerplate.scss */ a[href]:after { content: " (" attr(href) ")"; } /* line 213, ../scss/_boilerplate.scss */ abbr[title]:after { content: " (" attr(title) ")"; } /* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol */ /* line 223, ../scss/_boilerplate.scss */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } /* line 228, ../scss/_boilerplate.scss */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables */ /* line 238, ../scss/_boilerplate.scss */ thead { display: table-header-group; } /* line 243, ../scss/_boilerplate.scss */ tr, img { page-break-inside: avoid; } /* line 247, ../scss/_boilerplate.scss */ img { max-width: 100% !important; } /* line 253, ../scss/_boilerplate.scss */ p, h2, h3 { orphans: 3; widows: 3; } /* line 259, ../scss/_boilerplate.scss */ h2, h3 { page-break-after: avoid; } } /* line 12, ../scss/_colorScheme.scss */ .bannerText, section#eventNotices #navigation, .bx-controls a.active, .pagination a.previous, .pagination a.next, .pagination span a:hover, .pagination span a.current { background-color: #911446; } /* line 17, ../scss/_colorScheme.scss */ ul.newsListHome .hoverBG, section#pageContent ul.newsList .hoverBG { background-color: #911446; background-color: rgba(145, 20, 70, 0.7); } /* line 32, ../scss/_colorScheme.scss */ section#homeNews figure .hoverBG i, .name:before, .name:after, footer#siteFooter, a.mobileMenuBTN #navIcon span, ul.headerLinks ul, section#pageContent ul li:before, body.sixthform .bannerText, section#pageContent ul.newsList .hoverBG i, .pagination a.previous:hover, .pagination a.next:hover { background-color: #2a2459; } /* line 37, ../scss/_colorScheme.scss */ section#quickLinks ul .title, section#categoryLinks ul .title { background-color: #2a2459; background-color: rgba(42, 36, 89, 0.9); } /* line 42, ../scss/_colorScheme.scss */ section#eventNotices .noticeHolder ul.noticesList li a { background-color: #dadada; } /* line 49, ../scss/_colorScheme.scss */ .eventHolder, .noticeHolder, section#pageContent ul.newsList a.readMore { background-color: #ededed; } /* line 59, ../scss/_colorScheme.scss */ section#homeNews, nav#mainMenu[role="navigation"] .sf-mega, nav#mainMenu[role="navigation"] .sf-mega:before, nav#mainMenu[role="navigation"] .sf-mega:after, section#quickLinks, body.news section#pageContent ul li { background-color: #f6f6f6; } /* line 67, ../scss/_colorScheme.scss */ .searchCont, #stickyHeader, #wrapper, span.author:after { background-color: white; } /* line 71, ../scss/_colorScheme.scss */ .bannerPaging ul li a { background-color: white; background-color: rgba(255, 255, 255, 0.5); } /* line 86, ../scss/_colorScheme.scss */ .eventDayList .eventDate a, section#eventNotices .eventHolder .eventDayList .name, section#eventNotices .noticeHolder ul.noticesList li a .noticeTitle, section#pageContent h2, section#pageContent h4, body.sixthform section#pageContent h1, nav#sitemap ul li a, .pagination span a { color: #911446; } /* line 107, ../scss/_colorScheme.scss */ header#masthead ul.headerLinks li a:hover, header#masthead ul.headerLinks li:hover > a, .sf-menu li a:hover, .sf-menu li a.active, .sf-menu li:hover > a, section#homeNews a.readMore, section#homeNews a.newsTitle:hover, section#eventNotices .noticeHolder ul.noticesList li a time, section#eventNotices .noticeHolder ul.noticesList li a .noticeMore, footer#siteFooter a:hover, section#pageContent p a, section#pageContent blockquote, aside#sidebar ul li a:hover, aside#sidebar ul li a.active, #stickyHeader ul.headerLinks li ul li a:hover, section#pageContent ul.newsList a.newsTitle:hover, section#pageContent ul.newsList a.readMore { color: #d10958; } /* line 124, ../scss/_colorScheme.scss */ section#homeNews h1, section#homeNews a.newsTitle, section#homeNews a.readMore:hover, section#eventNotices h1, section#eventNotices .noticeHolder ul.noticesList li a, section#eventNotices .noticeHolder ul.noticesList li a:hover .noticeTitle, section#eventNotices .noticeHolder ul.noticesList li a:hover .noticeMore, a.mobileMenuBTN, .searchCont i.fa-search, aside#sidebar ul li a, nav#sitemap ul li ul li a, section#pageContent ul.newsList a.newsTitle, section#pageContent ul.newsList a.readMore:hover { color: #2a2459; } /* line 132, ../scss/_colorScheme.scss */ .searchCont i, .nbs-flexisel-nav-left:hover:after, .nbs-flexisel-nav-right:hover:after, a.viewCalendar:hover { color: #999; } /* line 153, ../scss/_colorScheme.scss */ .rotatingText, section#homeNews figure .hoverBG i, .nbs-flexisel-nav-left:after, .nbs-flexisel-nav-right:after, a.viewCalendar, footer#siteFooter, footer#siteFooter a, #banner .welcome, header#masthead ul.headerLinks li ul li a, #stickyHeader ul.headerLinks li ul li a, section#quickLinks ul .title, section#categoryLinks ul .title, section#pageContent ul.newsList .hoverBG i, .pagination a.previous, .pagination a.next, .pagination span a.current, .pagination span a:hover { color: white; } /* line 162, ../scss/_colorScheme.scss */ header#masthead ul.headerLinks li a, .sf-menu li a, section#pageContent h1, section#pageContent h3, section#pageContent h5 { color: #211d46; } /* line 174, ../scss/_colorScheme.scss */ header#masthead, .bx-controls a, .pageImageHolder, #stickyHeader, .pagination span a { border-color: #911446; } /* line 179, ../scss/_colorScheme.scss */ aside#sidebar ul li { border-color: #ededed; } /* line 16, ../scss/_transitions.scss */ header#masthead ul.headerLinks li a, section#homeNews a.newsTitle, section#homeNews a.readMore, .nbs-flexisel-nav-left:after, .nbs-flexisel-nav-right:after, a.viewCalendar, footer#siteFooter a, .sf-menu a, section#eventNotices .noticeHolder ul.noticesList li a .noticeTitle, section#eventNotices .noticeHolder ul.noticesList li a .noticeMore, aside#sidebar ul li a, section#pageContent ul.newsList a.newsTitle, section#pageContent ul.newsList a.readMore { -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } /* line 22, ../scss/_transitions.scss */ section#homeNews ul.newsListHome figure .hoverBG, nav#sitemap ul li a { -webkit-transition: opacity, 0.3s ease-in-out; -moz-transition: opacity, 0.3s ease-in-out; -ms-transition: opacity, 0.3s ease-in-out; -o-transition: opacity, 0.3s ease-in-out; transition: opacity, 0.3s ease-in-out; } /* line 28, ../scss/_transitions.scss */ .pagination a.previous, .pagination a.next { -webkit-transition: background-color, 0.3s ease-in-out; -moz-transition: background-color, 0.3s ease-in-out; -ms-transition: background-color, 0.3s ease-in-out; -o-transition: background-color, 0.3s ease-in-out; transition: background-color, 0.3s ease-in-out; } /* line 48, ../scss/_transitions.scss */ .searchCont, .searchCont #search, section#homeNews ul.newsListHome figure img, html.csstransitions section#homeNews figure a:hover .hoverBG i, section#homeNews ul.newsListHome a.readMore i, section#quickLinks ul figure img, section#quickLinks ul .title, section#categoryLinks ul figure img, section#categoryLinks ul .title, section#categoryLinks ul .title .vAlign, section#pageContent ul.newsList .hoverBG, section#pageContent ul.newsList .hoverBG i, section#pageContent ul.newsList figure img, section#pageContent ul.newsList a.readMore i, .pagination span a, section#pageContent ul li { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* line 3, ../scss/_normalize.scss */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ box-sizing: border-box; } /* line 9, ../scss/_normalize.scss */ body { margin: 0; } /* line 12, ../scss/_normalize.scss */ *, *:before, *:after { box-sizing: inherit; } /* line 15, ../scss/_normalize.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /* line 18, ../scss/_normalize.scss */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /* line 22, ../scss/_normalize.scss */ audio:not([controls]) { display: none; height: 0; } /* line 26, ../scss/_normalize.scss */ [hidden], template { display: none; } /* line 29, ../scss/_normalize.scss */ a { background-color: transparent; text-decoration: none; } /* line 33, ../scss/_normalize.scss */ a:active, a:hover { outline: 0; } /* line 36, ../scss/_normalize.scss */ abbr[title] { border-bottom: 1px dotted; } /* line 39, ../scss/_normalize.scss */ b, strong { font-weight: bold; } /* line 42, ../scss/_normalize.scss */ dfn { font-style: italic; } /* line 45, ../scss/_normalize.scss */ small { font-size: 80%; } /* line 48, ../scss/_normalize.scss */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* line 54, ../scss/_normalize.scss */ sup { top: -0.5em; } /* line 57, ../scss/_normalize.scss */ sub { bottom: -0.25em; } /* line 60, ../scss/_normalize.scss */ img { border: 0; } /* line 63, ../scss/_normalize.scss */ svg:not(:root) { overflow: hidden; } /* line 66, ../scss/_normalize.scss */ figure { margin: 1em 40px; } /* line 69, ../scss/_normalize.scss */ hr { box-sizing: content-box; height: 0; } /* line 73, ../scss/_normalize.scss */ pre { overflow: auto; } /* line 76, ../scss/_normalize.scss */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* line 80, ../scss/_normalize.scss */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /* line 85, ../scss/_normalize.scss */ button { overflow: visible; } /* line 89, ../scss/_normalize.scss */ button, elect { text-transform: none; } /* line 93, ../scss/_normalize.scss */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* line 97, ../scss/_normalize.scss */ button[disabled], html input[disabled] { cursor: default; } /* line 100, ../scss/_normalize.scss */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* line 104, ../scss/_normalize.scss */ input { line-height: normal; } /** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */ /* line 116, ../scss/_normalize.scss */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */ /* line 127, ../scss/_normalize.scss */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ /* line 136, ../scss/_normalize.scss */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */ /* line 147, ../scss/_normalize.scss */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Define consistent border, margin, and padding. */ /* line 155, ../scss/_normalize.scss */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ /* line 166, ../scss/_normalize.scss */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** Remove default vertical scrollbar in IE 8/9/10/11. */ /* line 175, ../scss/_normalize.scss */ textarea { overflow: auto; } /** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ /* line 184, ../scss/_normalize.scss */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /* line 190, ../scss/_normalize.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 194, ../scss/_normalize.scss */ td, th { padding: 0; } /* line 3, ../scss/_buildingBlock.scss */ #wrapper, .mm-page { width: 100%; min-height: 100%; height: auto!important; height: 100%; margin: 0 auto; position: relative; top: 0; padding: 0; } /* line 13, ../scss/_buildingBlock.scss */ #wrapper { overflow: hidden; } /* line 16, ../scss/_buildingBlock.scss */ .container { padding: 0 5%; position: relative; } @media (min-width: 1350px) { /* line 21, ../scss/_buildingBlock.scss */ .container { max-width: 1350px; width: 1350px\9; /* IE 8 */ padding: 0 50px; margin: 0 auto; position: relative; } } @media (max-width: 767px) { /* line 30, ../scss/_buildingBlock.scss */ #wrapper { margin: 0 auto; float: left; } /* line 34, ../scss/_buildingBlock.scss */ footer#siteFooter { float: left; width: 100%; } } /* line 3, ../scss/_type.scss */ h2, h3, h4, h5 { margin: 5px 0 8px 0; margin: 0.3125rem 0 0.5rem 0; padding-top: 0; } /* line 11, ../scss/_type.scss */ section#eventNotices .noticeHolder ul.noticesList time { font-size: 10px; font-size: 0.625rem; } /* line 16, ../scss/_type.scss */ section#eventNotices .noticeHolder ul.noticesList .noticeMore { font-size: 12px; font-size: 0.75rem; } /* line 21, ../scss/_type.scss */ header#masthead ul.headerLinks ul li a { font-size: 13px; font-size: 0.8125rem; } /* line 30, ../scss/_type.scss */ body, nav#mainMenu[role="navigation"] .sf-mega a, section#pageContent h5, section#pageContent blockquote span, nav#sitemap ul li ul li a { font-size: 14px; font-size: 0.875rem; } /* line 37, ../scss/_type.scss */ header#masthead ul.headerLinks li a, .sf-menu li a, section#eventNotices .noticeHolder ul.noticesList .noticeTitle { font-size: 15px; font-size: 0.9375rem; } /* line 44, ../scss/_type.scss */ footer p.app, section#pageContent h4, section#pageContent blockquote { font-size: 16px; font-size: 1rem; } /* line 51, ../scss/_type.scss */ .rotatingText span.author, section#eventNotices .eventHolder .eventDayList .eventTime, section#pageContent h3 { font-size: 18px; font-size: 1.125rem; } /* line 60, ../scss/_type.scss */ .searchCont i, .rotatingText, section#eventNotices .eventHolder .eventDayList .name, section#pageContent h2, nav#sitemap ul li a { font-size: 20px; font-size: 1.25rem; } /* line 66, ../scss/_type.scss */ section#homeNews time, section#pageContent ul.newsList time { font-size: 21px; font-size: 1.3125rem; } /* line 73, ../scss/_type.scss */ span.articleDate, section#quickLinks ul .title, section#categoryLinks ul .title { font-size: 24px; font-size: 1.2rem; } /* line 87, ../scss/_type.scss */ section#homeNews h1, section#homeNews a.newsTitle, section#homeNews figure .hoverBG i, section#eventNotices h1, .nbs-flexisel-nav-left:after, .nbs-flexisel-nav-right:after, a.viewCalendar i, section#pageContent h1, section#pageContent ul.newsList .hoverBG i, section#pageContent ul.newsList a.newsTitle { font-size: 26px; font-size: 1.625rem; } /* line 92, ../scss/_type.scss */ footer#siteFooter .fRight p.app a i { font-size: 34px; font-size: 2.125rem; } /* line 97, ../scss/_type.scss */ .eventDayList .eventDate span { font-size: 38px; font-size: 2.375rem; } /* line 102, ../scss/_type.scss */ .eventDayList .eventDate { font-size: 42px; font-size: 2.625rem; } /* line 107, ../scss/_type.scss */ #banner .welcome h1 span { font-size: 45px; font-size: 2.8125rem; } /* line 112, ../scss/_type.scss */ #banner .welcome h1 { font-size: 53px; font-size: 3.3125rem; } /* line 120, ../scss/_type.scss */ .rotatingText span.author, nav#sitemap ul li ul li a { font-weight: 400; } /* line 127, ../scss/_type.scss */ .rotatingText span.author, #banner .welcome span, section#pageContent blockquote span { font-style: normal; } /* line 139, ../scss/_type.scss */ .rotatingText, section#homeNews time, section#pageContent ul.newsList time, .eventDayList .eventDate span, #banner .welcome span, section#pageContent blockquote, span.articleDate { font-style: italic; } /* line 150, ../scss/_type.scss */ section#eventNotices .eventHolder .eventDayList .name, section#eventNotices .noticeHolder ul.noticesList time, header#masthead ul.headerLinks ul li a, section#pageContent h2, aside#sidebar ul li a, ul.headerLinks li a, nav#sitemap ul li a { font-weight: 500; } /* line 165, ../scss/_type.scss */ .rotatingText, section#homeNews a.newsTitle, section#homeNews a.readMore, section#eventNotices .noticeHolder ul.noticesList .noticeMore, footer p.app, section#pageContent blockquote, section#pageContent ul.newsList a.newsTitle, section#pageContent ul.newsList a.readMore, .pagination span a, .pagination a.previous, .pagination a.next { font-weight: 600; } /* line 178, ../scss/_type.scss */ section#homeNews h1, .eventDayList .eventDate, section#eventNotices .noticeHolder ul.noticesList .noticeTitle, section#pageContent h1, section#pageContent h3, section#pageContent h4, section#pageContent h5, section#quickLinks ul .title, section#categoryLinks ul .title { font-weight: 700; } /* line 184, ../scss/_type.scss */ #banner .welcome { font-weight: 800; } /* line 201, ../scss/_type.scss */ .rotatingText, section#homeNews time, section#pageContent ul.newsList time, section#homeNews span.excerpt, section#pageContent ul.newsList span.excerpt, .eventDayList .eventDate span, section#eventNotices .eventHolder .eventDayList .eventTime, section#eventNotices .noticeHolder ul.noticesList .noticeExcerpt, #banner .welcome span, section#pageContent blockquote, span.articleDate { font-family: 'adobe-caslon-pro',serif; } /* line 207, ../scss/_type.scss */ .rotatingText span.author, section#pageContent blockquote span { font-family: 'Poppins', serif; } @media (max-width: 767px) { /* line 213, ../scss/_type.scss */ footer#siteFooter { font-size: 12px; font-size: 0.75rem; } /* line 219, ../scss/_type.scss */ header#masthead ul.headerLinks li a, .rotatingText span.author { font-size: 13px; font-size: 0.8125rem; } /* line 225, ../scss/_type.scss */ .rotatingText, section#pageContent ul.newsList time { font-size: 14px; font-size: 0.875rem; } /* line 232, ../scss/_type.scss */ section#eventNotices .eventHolder .eventDayList .name, section#homeNews time, section#pageContent ul.newsList a.newsTitle { font-size: 18px; font-size: 1.125rem; } /* line 240, ../scss/_type.scss */ #banner .welcome h1 span, section#homeNews h1, section#eventNotices h1, section#homeNews a.newsTitle { font-size: 22px; font-size: 1.375rem; } /* line 245, ../scss/_type.scss */ #banner .welcome h1 { font-size: 26px; font-size: 1.625rem; } } @media (max-width: 1023px) { /* line 253, ../scss/_type.scss */ section#quickLinks ul .title, section#categoryLinks ul .title { font-size: 20px; font-size: 1.25rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 260, ../scss/_type.scss */ #banner .welcome h1 span { font-size: 36px; font-size: 2.25rem; } /* line 265, ../scss/_type.scss */ #banner .welcome h1 { font-size: 44px; font-size: 2.75rem; } } @media all and (min-width: 1024px) and (max-width: 1200px) { /* line 272, ../scss/_type.scss */ .sf-menu li a { font-size: 14px; font-size: 0.875rem; } /* line 277, ../scss/_type.scss */ section#categoryLinks ul .title { font-size: 18px; font-size: 1.125rem; } /* line 282, ../scss/_type.scss */ section#quickLinks ul .title { font-size: 20px; font-size: 1.25rem; } } @media all and (min-width: 1024px) and (max-width: 1350px) { /* line 289, ../scss/_type.scss */ section#eventNotices .noticeHolder ul.noticesList .noticeExcerpt { font-size: 13px; font-size: 0.8125rem; } } @media all and (min-width: 768px) and (max-width: 1350px) { /* line 296, ../scss/_type.scss */ .rotatingText { font-size: 18px; font-size: 1.125rem; } } @keyframes fadein { /* line 4, ../scss/_keyframes.scss */ from { opacity: 0; } /* line 7, ../scss/_keyframes.scss */ to { opacity: 1; } } @-moz-keyframes fadein { /* Firefox */ /* line 12, ../scss/_keyframes.scss */ from { opacity: 0; } /* line 15, ../scss/_keyframes.scss */ to { opacity: 1; } } @-webkit-keyframes fadein { /* Safari and Chrome */ /* line 20, ../scss/_keyframes.scss */ from { opacity: 0; } /* line 23, ../scss/_keyframes.scss */ to { opacity: 1; } } @-o-keyframes fadein { /* Opera */ /* line 28, ../scss/_keyframes.scss */ from { opacity: 0; } /* line 31, ../scss/_keyframes.scss */ to { opacity: 1; } } @-webkit-keyframes fa-spin { /* line 37, ../scss/_keyframes.scss */ 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* line 41, ../scss/_keyframes.scss */ 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { /* line 47, ../scss/_keyframes.scss */ 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* line 51, ../scss/_keyframes.scss */ 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* line 3, ../scss/_header.scss */ header#masthead { float: left; width: 100%; z-index: 100; } /* line 9, ../scss/_header.scss */ header#masthead, #stickyHeader { border-top-style: solid; border-top-width: 20px; position: relative; } /* line 14, ../scss/_header.scss */ header#masthead:after, #stickyHeader:after { content: ""; background-image: url(../images/background/menu-top-gradient.png); background-position: top left; background-repeat: repeat-x; left: 0; width: 100%; height: 40px; height: 2.5rem; bottom: -40px; bottom: -2.5rem; position: absolute; } /* line 25, ../scss/_header.scss */ header#masthead .logoHolder, header#masthead .logoHolder a, #stickyHeader .logoHolder, #stickyHeader .logoHolder a { width: 489px; width: 30.5625rem; height: 74px; height: 4.625rem; } /* line 29, ../scss/_header.scss */ header#masthead .logoHolder, #stickyHeader .logoHolder { float: left; margin-top: 45px; margin-top: 2.8125rem; z-index: 40; } /* line 34, ../scss/_header.scss */ header#masthead .logoHolder a, #stickyHeader .logoHolder a { display: block; } /* line 37, ../scss/_header.scss */ header#masthead ul.headerLinks, #stickyHeader ul.headerLinks { margin: 0; padding: 0; list-style-type: none; position: absolute; right: 50px; right: 3.125rem; top: 24px; top: 1.5rem; } /* line 42, ../scss/_header.scss */ header#masthead ul.headerLinks li, #stickyHeader ul.headerLinks li { float: left; display: block; position: relative; margin: 0 10px; margin: 0 0.625rem; } /* line 47, ../scss/_header.scss */ header#masthead ul.headerLinks li a, #stickyHeader ul.headerLinks li a { display: block; padding: 4px 3px; padding: 0.25rem 0.1875rem; } /* line 51, ../scss/_header.scss */ header#masthead ul.headerLinks li:last-child, #stickyHeader ul.headerLinks li:last-child { margin: 0 0 0 10px; margin: 0 0 0 0.625rem; } /* line 53, ../scss/_header.scss */ header#masthead ul.headerLinks li:last-child a, #stickyHeader ul.headerLinks li:last-child a { padding: 4px 3px 0 3px; padding: 0.25rem 0.1875rem 0 0.1875rem; } /* line 59, ../scss/_header.scss */ header#masthead ul.headerLinks ul, #stickyHeader ul.headerLinks ul { position: absolute; display: none; width: 200px; width: 12.5rem; left: 50%; top: 32px; top: 2rem; margin-left: -100px; margin-left: -6.25rem; padding: 12px 10px 6px 10px; padding: 0.75rem 0.625rem 0.375rem 0.625rem; z-index: 1000; } header#masthead ul.headerLinks ul.leftOne, #stickyHeader ul.headerLinks ul.leftOne { margin-left:-30px; } /* line 68, ../scss/_header.scss */ header#masthead ul.headerLinks ul:before, #stickyHeader ul.headerLinks ul:before { content: ""; height: 8px; height: 0.5rem; width: 16px; width: 1rem; left: 50%; margin-left: -8px; margin-left: -0.5rem; top: -8px; top: -0.5rem; position: absolute; background: url(../images/global/menu-triangle.png) top center no-repeat; } header#masthead ul.headerLinks ul.leftOne:before, #stickyHeader ul.headerLinks ul.leftOne:before { left:20px; } /* line 78, ../scss/_header.scss */ header#masthead ul.headerLinks ul li, #stickyHeader ul.headerLinks ul li { padding: 0; padding: 0; border-top: 1px solid white; margin: 0!important; } /* line 82, ../scss/_header.scss */ header#masthead ul.headerLinks ul li a, #stickyHeader ul.headerLinks ul li a { padding: 6px 0 !important; padding: 0.375rem 0 !important; } /* line 85, ../scss/_header.scss */ header#masthead ul.headerLinks ul li:first-child, #stickyHeader ul.headerLinks ul li:first-child { border: none; } /* line 88, ../scss/_header.scss */ header#masthead ul.headerLinks ul li a:hover, #stickyHeader ul.headerLinks ul li a:hover { text-decoration: none; } /* line 95, ../scss/_header.scss */ #stickyHeader { position: fixed; top: 0; top: 0; height: 177px; height: 11.0625rem; left: 0; width: 100%; z-index: 2000; display: none; border-top-style: solid; border-top-width: 10px; } /* line 105, ../scss/_header.scss */ #stickyHeader ul.headerLinks { top: 16px; top: 1rem; } /* line 108, ../scss/_header.scss */ #stickyHeader .logoHolder { margin-top: 18px; margin-top: 1.125rem; } /* line 111, ../scss/_header.scss */ #stickyHeader nav#mainMenu[role="navigation"] { margin-top: 15px; margin-top: 0.9375rem; } @media (max-width: 767px) { /* line 118, ../scss/_header.scss */ header#masthead ul.headerLinks { width: 100%; text-align: center; top: 18px; top: 1.125rem; right: 0; } /* line 123, ../scss/_header.scss */ header#masthead ul.headerLinks li { float: none; display: inline-block; margin: 0 4px; margin: 0 0.25rem; } /* line 129, ../scss/_header.scss */ header#masthead .logoHolder { margin-top: 70px; margin-top: 4.375rem; } /* line 132, ../scss/_header.scss */ header#masthead .logoHolder, header#masthead .logoHolder a { width: 100%; height: 42px; height: 2.625rem; } /* line 136, ../scss/_header.scss */ header#masthead .logoHolder a { background-image: url(../images/global/logo-mobile.png); background-repeat: no-repeat; background-position: center center; } /* line 141, ../scss/_header.scss */ header#masthead .logoHolder a img { display: none; } } @media (max-width: 767px) and (min--moz-device-pixel-ratio: 2), (max-width: 767px) and (-o-min-device-pixel-ratio: 2 / 1), (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (min-device-pixel-ratio: 2), (max-width: 767px) and (min-resolution: 192dpi), (max-width: 767px) and (min-resolution: 2dppx) { /* line 136, ../scss/_header.scss */ header#masthead .logoHolder a { background-image: url(../images/@2x/logo-mobile@2x.png); -webkit-background-size: 280px 42px; background-size: 280px 42px; } } @media (min-width: 768px) and (min--moz-device-pixel-ratio: 2), (min-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 192dpi), (min-width: 768px) and (min-resolution: 2dppx) { /* line 153, ../scss/_header.scss */ header#masthead .logoHolder a { background-image: url(../images/@2x/logo@2x.png); -webkit-background-size: 489px 74px; background-size: 489px 74px; } /* line 54, ../scss/_mixins.scss */ header#masthead .logoHolder a img { display: none; } } @media (max-width: 1023px) { /* line 159, ../scss/_header.scss */ #stickyHeader { display: none!important; } } /* line 3, ../scss/_menu.scss */ nav[role="navigation"]#mainMenu { position: relative; height: 60px; height: 3.75rem; float: left; width: 100%; border-top: 1px solid #f6f6f6; z-index: 300; margin-top: 30px; margin-top: 1.875rem; } /* line 11, ../scss/_menu.scss */ nav[role="navigation"]#mainMenu .sf-mega .colFour { float: left; width: 25%; } /* line 16, ../scss/_menu.scss */ nav[role="navigation"]#mainMenu .sf-mega:before, nav[role="navigation"]#mainMenu .sf-mega:after { content: ""; position: absolute; width: 2000px; height: 100%; top: 0; bottom: 0; } /* line 24, ../scss/_menu.scss */ nav[role="navigation"]#mainMenu .sf-mega:before { left: -2000px; } /* line 27, ../scss/_menu.scss */ nav[role="navigation"]#mainMenu .sf-mega:after { right: -2000px; } /* line 30, ../scss/_menu.scss */ nav[role="navigation"]#mainMenu .sf-menu .sf-mega li a:after { display: none; } /* line 33, ../scss/_menu.scss */ nav[role="navigation"]#mainMenu .sf-mega .colFour img { max-width: 100%; min-width: 100%; height: auto; } /* line 38, ../scss/_menu.scss */ nav[role="navigation"]#mainMenu .sf-mega .colFour { padding: 40px 0 40px 20px; padding: 2.5rem 0 2.5rem 1.25rem; } /* line 40, ../scss/_menu.scss */ nav[role="navigation"]#mainMenu .sf-mega .colFour a { display: block; overflow: hidden; } /* line 44, ../scss/_menu.scss */ nav[role="navigation"]#mainMenu .sf-mega .colFour.first { padding-left: 0; } /* line 51, ../scss/_menu.scss */ nav#mainMenu[role="navigation"] .sf-mega, nav#mainMenu[role="navigation"] .sf-mega:before, nav#mainMenu[role="navigation"] .sf-mega:after { background-image: url(../images/background/menu-top-gradient.jpg); background-position: top left; background-repeat: repeat-x; } /* line 57, ../scss/_menu.scss */ a.mobileMenuBTN { float: left; display: none; margin-top: 9px; margin-top: 0.5625rem; padding: 13px 0; padding: 0.8125rem 0; outline: none; line-height: 20px; line-height: 1.25rem; } /* line 64, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon { width: 28px; height: 18px; position: relative; cursor: pointer; float: left; margin-right: 10px; margin-right: 0.625rem; } /* line 71, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon span { display: block; position: absolute; height: 4px; height: 0.25rem; width: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background-clip: padding-box; behavior: url(PIE.htc); opacity: 1; left: 0; } /* line 81, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon span:nth-child(1) { top: 0px; } /* line 84, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon span:nth-child(2) { top: 7px; opacity: 1; } /* line 88, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon span:nth-child(3) { top: 14px; } /* line 94, ../scss/_menu.scss */ .mm-search .searchButton { position: absolute; right: 32px; right: 2rem; top: 21px; top: 1.3125rem; width: 38px; width: 2.375rem; height: 38px; height: 2.375rem; border: none; -webkit-appearance: none; padding: 0; } /* line 103, ../scss/_menu.scss */ .mm-search .searchButton:before { content: "\f002"; font: 18px "FontAwesome"; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; line-height: 38px; line-height: 2.375rem; } /* line 109, ../scss/_menu.scss */ .mm-search .searchButton:hover { cursor: pointer; } @media (max-width: 460px) { /* line 116, ../scss/_menu.scss */ .mm-search .searchButton { right: 14px; right: 0.875rem; } } @media (max-width: 767px) { /* line 122, ../scss/_menu.scss */ nav#mainMenu[role="navigation"] { margin-top: 25px; margin-top: 1.5625rem; } } @media all and (max-width: 1023px) { /* line 127, ../scss/_menu.scss */ nav[role="navigation"]#mainMenu ul { display: none; } /* line 130, ../scss/_menu.scss */ a.mobileMenuBTN { display: block; } } /* line 3, ../scss/_footer.scss */ footer#siteFooter { clear: both; padding: 33px 0; padding: 2.0625rem 0; } /* line 7, ../scss/_footer.scss */ footer#siteFooter .fLeft { float: left; } /* line 9, ../scss/_footer.scss */ footer#siteFooter .fLeft p { line-height: 1.5; } /* line 13, ../scss/_footer.scss */ footer#siteFooter .fRight { float: right; text-align: right; } /* line 16, ../scss/_footer.scss */ footer#siteFooter .fRight p.app { margin: 3px 0 0 0; margin: 0.1875rem 0 0 0; } /* line 18, ../scss/_footer.scss */ footer#siteFooter .fRight p.app a { display: inline-block; margin: 0 0 0 9px; margin: 0 0 0 0.5625rem; } /* line 22, ../scss/_footer.scss */ footer#siteFooter .fRight p.app a:first-child { margin: 0 0 0 16px; margin: 0 0 0 1rem; } /* line 26, ../scss/_footer.scss */ footer#siteFooter .fRight p.siteBy { margin-top: 42px; margin-top: 2.625rem; } /* line 30, ../scss/_footer.scss */ footer#siteFooter p { margin: 0 0 11px 0; margin: 0 0 0.6875rem 0; } /* line 33, ../scss/_footer.scss */ footer#siteFooter .gap { padding: 0 10px; padding: 0 0.625rem; } /* line 36, ../scss/_footer.scss */ footer#siteFooter ul.footerLinks { margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; margin-top: 10px; margin-top: 0.625rem; padding: 17px 0 0 0; padding: 1.0625rem 0 0 0; border-top: 1px solid white; } /* line 43, ../scss/_footer.scss */ footer#siteFooter ul.footerLinks li { float: left; margin: 0 15px 0 0; margin: 0 0.9375rem 0 0; } /* line 46, ../scss/_footer.scss */ footer#siteFooter ul.footerLinks li a { display: block; float: left; } /* line 50, ../scss/_footer.scss */ footer#siteFooter ul.footerLinks li span.div { float: left; margin: 0 0 0 15px; margin: 0 0 0 0.9375rem; } @media (max-width: 767px) { /* line 59, ../scss/_footer.scss */ footer#siteFooter .fLeft span.nLine { display: block; } /* line 62, ../scss/_footer.scss */ footer#siteFooter ul.footerLinks .mobnLine { clear: both; } /* line 65, ../scss/_footer.scss */ footer#siteFooter ul.footerLinks li span.div.mobRem { display: none; } /* line 68, ../scss/_footer.scss */ footer#siteFooter ul.footerLinks li:nth-child(2) { margin-right: 0; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 74, ../scss/_footer.scss */ footer#siteFooter ul.footerLinks .mobnLine { display: inline-block; } } @media (max-width: 1023px) { /* line 81, ../scss/_footer.scss */ footer#siteFooter .fLeft, footer#siteFooter .fRight { width: 100%; text-align: center; } /* line 85, ../scss/_footer.scss */ footer#siteFooter ul.footerLinks li { float: none; display: inline-block; margin-top: 8px; margin-top: 0.5rem; } /* line 90, ../scss/_footer.scss */ footer#siteFooter .fRight p.app { position: absolute; top: -72px; top: -4.5rem; width: 100%; left: 0; text-align: center; } /* line 97, ../scss/_footer.scss */ footer#siteFooter { padding: 100px 0 22px 0; padding: 6.25rem 0 1.375rem 0; } /* line 99, ../scss/_footer.scss */ footer#siteFooter ul.footerLinks { margin-top: 7px; margin-top: 0.4375rem; padding: 14px 0 0 0; padding: 0.875rem 0 0 0; } /* line 103, ../scss/_footer.scss */ footer#siteFooter .fRight p.siteBy { margin-top: 35px; margin-top: 2.1875rem; } } /* line 3, ../scss/_home.scss */ section#banner { clear: both; height: 600px; height: 37.5rem; width: 100%; z-index: 0; position: relative; } /* line 10, ../scss/_home.scss */ section#banner .bannerText { float: left; margin-top: 600px; margin-top: 37.5rem; width: 100%; text-align: center; height: 137px; height: 8.5625rem; line-height: 1.1; position: relative; padding: 30px 0 40px 0; padding: 1.875rem 0 2.5rem 0; } /* line 19, ../scss/_home.scss */ section#banner .bannerText p { margin: 0; } /* line 22, ../scss/_home.scss */ section#banner .bannerText span.author { display: block; margin-top: 14px; margin-top: 0.875rem; position: relative; } /* line 26, ../scss/_home.scss */ section#banner .bannerText span.author:after { content: ""; position: absolute; left: 50%; margin-left: -20px; margin-left: -1.25rem; bottom: -17px; bottom: -1.0625rem; height: 2px; height: 0.125rem; width: 40px; width: 2.5rem; } /* line 36, ../scss/_home.scss */ section#banner .bannerText .rotatingText { width: 100% !important; } /* line 40, ../scss/_home.scss */ section#banner .bannerPaging { position: absolute; height: 20px; height: 1.25rem; bottom: 28px; bottom: 1.75rem; left: 0; width: 100%; } /* line 46, ../scss/_home.scss */ section#banner .bannerPaging ul { margin: 0; padding: 0; list-style-type: none; text-align: center; } /* line 49, ../scss/_home.scss */ section#banner .bannerPaging ul li { display: inline-block; margin: 0 5px; margin: 0 0.3125rem; } /* line 52, ../scss/_home.scss */ section#banner .bannerPaging ul li a { display: block; text-indent: -999em; height: 18px; width: 18px; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; border-radius: 9px; background-clip: padding-box; behavior: url(PIE.htc); border-width: 1px; border-style: solid; border-color: white; } /* line 61, ../scss/_home.scss */ section#banner .bannerPaging ul li a:hover { cursor: pointer; } /* line 67, ../scss/_home.scss */ section#banner .welcome { position: absolute; left: 0; width: 100%; top: 196px; top: 12.25rem; text-align: center; z-index: 1000; } /* line 74, ../scss/_home.scss */ section#banner .welcome span { display: block; } /* line 77, ../scss/_home.scss */ section#banner .welcome h1 { margin: 0; text-shadow: 2px 2px 5px #3b3a3a; } /* line 84, ../scss/_home.scss */ section#homeNews { float: left; width: 100%; margin-top: 137px; margin-top: 8.5625rem; padding: 40px 0 60px 0; padding: 2.5rem 0 3.75rem 0; position: relative; } /* line 90, ../scss/_home.scss */ section#homeNews h1 { margin: 0 0 30px 0; margin: 0 0 1.875rem 0; text-align: center; } /* line 94, ../scss/_home.scss */ section#homeNews #newsItems { float: left; width: 100%; position: relative; } /* line 99, ../scss/_home.scss */ section#homeNews h2 { margin: 0; } /* line 102, ../scss/_home.scss */ section#homeNews ul.newsListHome { margin: 0; padding: 0; list-style-type: none; margin: 22px 0; margin: 1.375rem 0; } /* line 105, ../scss/_home.scss */ section#homeNews ul.newsListHome figure { float: left; width: 100%; margin: 0; max-height: 300px; max-height: 18.75rem; overflow: hidden; position: relative; } /* line 112, ../scss/_home.scss */ section#homeNews ul.newsListHome figure img { max-width: 100%; min-width: 100%; height: auto; transform: scale(1); } /* line 118, ../scss/_home.scss */ section#homeNews ul.newsListHome figure .hoverBG { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; } /* line 122, ../scss/_home.scss */ section#homeNews ul.newsListHome figure .hoverBG i { position: absolute; left: 50%; top: 50%; margin-top: -30px; margin-top: -1.875rem; margin-left: -30px; margin-left: -1.875rem; height: 60px; width: 60px; text-align: center; line-height: 56px; line-height: 3.5rem; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; background-clip: padding-box; behavior: url(PIE.htc); } /* line 135, ../scss/_home.scss */ section#homeNews ul.newsListHome figure a:hover img { transform: scale(1.1); } /* line 138, ../scss/_home.scss */ section#homeNews ul.newsListHome figure a:hover .hoverBG { opacity: 1; } /* line 143, ../scss/_home.scss */ section#homeNews ul.newsListHome li { float: left; width: 23.84615%; margin-left: 1.53846%; } /* line 147, ../scss/_home.scss */ section#homeNews ul.newsListHome li:first-child { margin-left: 0; } /* line 151, ../scss/_home.scss */ section#homeNews ul.newsListHome li a { display: block; z-index: 5; } /* line 155, ../scss/_home.scss */ section#homeNews ul.newsListHome a.newsTitle { display: block; padding-bottom: 8px; padding-bottom: 0.5rem; line-height: 1.1; } /* line 160, ../scss/_home.scss */ section#homeNews ul.newsListHome time { display: block; padding-bottom: 6px; padding-bottom: 0.375rem; } /* line 164, ../scss/_home.scss */ section#homeNews ul.newsListHome span.excerpt { display: block; margin-top: 10px; margin-top: 0.625rem; line-height: 1.2; } /* line 169, ../scss/_home.scss */ section#homeNews ul.newsListHome a.readMore { margin-top: 16px; margin-top: 1rem; display: block; } /* line 173, ../scss/_home.scss */ section#homeNews ul.newsListHome a.readMore:hover i { margin-left: 5px; margin-left: 0.3125rem; } /* line 176, ../scss/_home.scss */ section#homeNews ul.newsListHome .info { float: left; width: 100%; padding: 28px 0; padding: 1.75rem 0; } /* line 181, ../scss/_home.scss */ section#homeNews ul.newsListHome figure a:hover img { transform: scale(1.1); } /* line 187, ../scss/_home.scss */ html.csstransitions section#homeNews figure a:hover .hoverBG i, html.csstransitions section#pageContent ul.newsList figure a:hover .hoverBG i { -webkit-animation: fa-spin 0.2s linear; -moz-animation: fa-spin 0.2s linear; -o-animation: fa-spin 0.2s linear; animation: fa-spin 0.2s linear; } /* line 194, ../scss/_home.scss */ section#eventNotices { float: left; width: 100%; padding: 90px 0 70px 0; padding: 5.625rem 0 4.375rem 0; } /* line 198, ../scss/_home.scss */ section#eventNotices h1 { margin: 0 0 20px 0; margin: 0 0 1.25rem 0; } /* line 201, ../scss/_home.scss */ section#eventNotices section#events { float: left; width: 74.7692%; position: relative; } /* line 206, ../scss/_home.scss */ section#eventNotices section#notices { width: 24%; float: right; } /* line 211, ../scss/_home.scss */ section#eventNotices .eventHolder, section#eventNotices .noticeHolder { float: left; width: 100%; height: 440px; height: 27.5rem; -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.4); box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.4); } /* line 219, ../scss/_home.scss */ section#eventNotices .eventHolder { padding: 100px 60px; padding: 6.25rem 3.75rem; } /* line 222, ../scss/_home.scss */ section#eventNotices .eventHolder .eventDayList .eventDate { display: block; } /* line 224, ../scss/_home.scss */ section#eventNotices .eventHolder .eventDayList .eventDate span { display: block; margin-top: -24px; margin-top: -1.5rem; } /* line 230, ../scss/_home.scss */ section#eventNotices .eventHolder .eventDayList .name, section#eventNotices .eventHolder .eventDayList .eventTime { display: block; position: relative; } /* line 234, ../scss/_home.scss */ section#eventNotices .eventHolder .eventDayList .name { margin-top: -5px; margin-top: -0.3125rem; line-height: 1.5; padding-right: 15px; } /* line 239, ../scss/_home.scss */ section#eventNotices .eventHolder .eventDayList .eventTime { margin-top: -3px; margin-top: -0.1875rem; } /* line 242, ../scss/_home.scss */ section#eventNotices .eventHolder .eventDayList .name:after { content: ""; height: 1px; height: 0.0625rem; position: absolute; top: -7px; top: -0.4375rem; left: 14px; left: 0.875rem; right: 8px; right: 0.5rem; width: auto; } /* line 251, ../scss/_home.scss */ section#eventNotices .eventHolder .eventDayList .name:before { content: ""; position: absolute; left: 0; width: 10px; width: 0.625rem; height: 10px; height: 0.625rem; top: -12px; top: -0.75rem; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background-clip: padding-box; behavior: url(PIE.htc); } /* line 262, ../scss/_home.scss */ section#eventNotices #navigation { position: absolute; bottom: 0; left: 0; width: 100%; height: 65px; height: 4.0625rem; } /* line 268, ../scss/_home.scss */ section#eventNotices #navigation a.viewCalendar { float: right; margin: 9px 15px 0 0; margin: 0.5625rem 0.9375rem 0 0; display: block; padding: 8px 5px; padding: 0.5rem 0.3125rem; } /* line 273, ../scss/_home.scss */ section#eventNotices #navigation a.viewCalendar i { margin-left: 10px; margin-left: 0.625rem; } /* line 278, ../scss/_home.scss */ section#eventNotices .noticeHolder { padding: 20px 16px 40px 16px; padding: 1.25rem 1rem 2.5rem 1rem; } /* line 280, ../scss/_home.scss */ section#eventNotices .noticeHolder ul.noticesList { margin: 0; padding: 0; list-style-type: none; } /* line 282, ../scss/_home.scss */ section#eventNotices .noticeHolder ul.noticesList li a { display: block; padding: 10px 10px 17px 10px; padding: 0.625rem 0.625rem 1.0625rem 0.625rem; position: relative; } /* line 289, ../scss/_home.scss */ section#eventNotices .noticeHolder ul.noticesList .noticeTitle, section#eventNotices .noticeHolder ul.noticesList .noticeExcerpt, section#eventNotices .noticeHolder ul.noticesList .noticeMore { display: block; } /* line 292, ../scss/_home.scss */ section#eventNotices .noticeHolder ul.noticesList .noticeTitle { padding-right: 90px; padding-right: 5.625rem; } /* line 295, ../scss/_home.scss */ section#eventNotices .noticeHolder ul.noticesList time { position: absolute; top: 12px; top: 0.75rem; right: 12px; right: 0.75rem; } /* line 300, ../scss/_home.scss */ section#eventNotices .noticeHolder ul.noticesList .noticeExcerpt { margin: 9px 0; margin: 0.5625rem 0; } /* line 304, ../scss/_home.scss */ section#eventNotices .noticeHolder .bx-controls { float: right; margin-top: 6px; margin-top: 0.325rem; } /* line 307, ../scss/_home.scss */ section#eventNotices .noticeHolder .bx-controls .bx-pager-item { float: left; margin-left: 8px; margin-left: 0.5rem; } /* line 310, ../scss/_home.scss */ section#eventNotices .noticeHolder .bx-controls .bx-pager-item a { border-width: 1px; border-style: solid; } @media (max-width: 767px) { /* line 320, ../scss/_home.scss */ .noty_close{opacity:1 !important,display:block !important;visibility:visible !Important} section#banner .bannerText { padding-top:15px;} section#banner { height: 300px; height: 18.75rem; } /* line 322, ../scss/_home.scss */ section#banner .bannerText { margin-top: 300px; margin-top: 18.75rem; height: 180px; height: 12rem; } /* line 326, ../scss/_home.scss */ section#banner .welcome { top: 70px; top: 4.375rem; } /* line 330, ../scss/_home.scss */ section#homeNews { margin-top: 140px; margin-top: 8.75rem; padding: 40px 0 20px 0; padding: 2.5rem 0 1.25rem 0; } /* line 333, ../scss/_home.scss */ section#homeNews ul.newsListHome li { width: 100%; margin-left: 0; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 341, ../scss/_home.scss */ section#banner { height: 400px; height: 25rem; } /* line 343, ../scss/_home.scss */ section#banner .bannerText { margin-top: 400px; margin-top: 25rem; } /* line 346, ../scss/_home.scss */ section#banner .welcome { top: 90px; top: 5.625rem; } /* line 350, ../scss/_home.scss */ section#homeNews ul.newsListHome li { width: 47%; margin-left: 0; } /* line 355, ../scss/_home.scss */ section#homeNews ul.newsListHome li:nth-child(2), section#homeNews ul.newsListHome li:nth-child(4) { margin-left: 6%; } /* line 359, ../scss/_home.scss */ section#homeNews ul.newsListHome li:nth-child(3), section#homeNews ul.newsListHome li:nth-child(4) { margin-top: 15px; margin-top: 0.9375rem; } } @media (max-width: 1023px) { /* line 365, ../scss/_home.scss */ section#banner .welcome .container { padding: 0 12%; } /* line 369, ../scss/_home.scss */ section#eventNotices section#events, section#eventNotices section#notices { width: 100%; } /* line 372, ../scss/_home.scss */ section#eventNotices { padding: 40px 0 50px 0; padding: 2.5rem 0 3.125rem 0; } /* line 375, ../scss/_home.scss */ section#eventNotices h1 { text-align: center; } /* line 378, ../scss/_home.scss */ section#eventNotices section#notices { margin-top: 40px; margin-top: 2.5rem; } /* line 382, ../scss/_home.scss */ section#eventNotices .eventHolder, section#eventNotices .noticeHolder { height: auto; } /* line 385, ../scss/_home.scss */ section#eventNotices .noticeHolder { padding: 20px 16px; padding: 1.25rem 1rem; } /* line 388, ../scss/_home.scss */ section#eventNotices .eventHolder { padding: 50px 30px; padding: 3.125rem 1.875rem; } } @media all and (min-width: 1024px) and (max-width: 1350px) { /* line 395, ../scss/_home.scss */ section#homeNews ul.newsListHome li:last-child, section#homeNews ul.newsListHome li:nth-child(4) { display: none; } /* line 398, ../scss/_home.scss */ section#homeNews ul.newsListHome li { width: 31.9587%; margin-left: 2.06195%; } /* line 401, ../scss/_home.scss */ section#homeNews ul.newsListHome li figure img { min-width: 100%; } /* line 405, ../scss/_home.scss */ section#homeNews #newsItems { padding: 0 40px; padding: 0 2.5rem; } /* line 408, ../scss/_home.scss */ section#eventNotices .eventHolder { padding: 100px 35px; padding: 6.25rem 2.1875rem; } /* line 411, ../scss/_home.scss */ section#eventNotices section#events { width: 68.75%; } /* line 414, ../scss/_home.scss */ section#eventNotices section#notices { width: 30.2734%; } /* line 417, ../scss/_home.scss */ section#banner .bannerText { padding: 25px 0 35px 0; padding: 1.5625rem 0 2.1875rem 0; } /* line 419, ../scss/_home.scss */ section#banner .bannerText span.author { margin-top: 11px; margin-top: 0.6875rem; } /* line 421, ../scss/_home.scss */ section#banner .bannerText span.author:after { bottom: -12px; bottom: -0.75rem; } } @media (max-width: 1350px) { /* line 429, ../scss/_home.scss */ .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul li.nbs-flexisel-item { padding-left: 5px !important; padding-left: 0.3125rem !important; } } /* line 3, ../scss/_flexisel.scss */ .nbs-flexisel-container { width: 100%; float: left; *overflow: hidden; z-index: 200; } /* line 8, ../scss/_flexisel.scss */ .nbs-flexisel-container .nbs-flexisel-inner { overflow: hidden; float: left; width: 100%; padding-bottom: 50px; padding-bottom: 3.125rem; } /* line 13, ../scss/_flexisel.scss */ .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul { position: relative; width: 9999px; margin: 0px; padding: 0px; list-style-type: none; *filter: none!important; *left: 0!important; } /* line 21, ../scss/_flexisel.scss */ .nbs-flexisel-container .nbs-flexisel-inner .nbs-flexisel-ul li.nbs-flexisel-item { float: left; margin: 0px; padding: 0px; position: relative; line-height: normal; *width: 250px!important; *height: 190px; } /*** Navigation ***/ /* line 40, ../scss/_flexisel.scss */ .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { position: absolute; cursor: pointer; z-index: 300; display: block; background-position: center center; background-repeat: no-repeat; } /* line 52, ../scss/_flexisel.scss */ section#events .nbs-flexisel-nav-left, section#events .nbs-flexisel-nav-right { width: 44px; width: 2.75rem; height: 44px; height: 2.75rem; bottom: 12px; bottom: 0.75rem; } /* line 59, ../scss/_flexisel.scss */ section#events .nbs-flexisel-nav-left { left: 48px; left: 3rem; } /* line 61, ../scss/_flexisel.scss */ section#events .nbs-flexisel-nav-left:after { font-family: "FontAwesome"; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; content: "\f060"; text-align: center; line-height: 44px; line-height: 2.75rem; } /* line 69, ../scss/_flexisel.scss */ section#events .nbs-flexisel-nav-right { left: 90px; left: 5.625rem; } /* line 71, ../scss/_flexisel.scss */ section#events .nbs-flexisel-nav-right:after { font-family: "FontAwesome"; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; content: "\f061"; text-align: center; line-height: 44px; line-height: 2.75rem; } /* line 80, ../scss/_flexisel.scss */ section#upcomingEvents .nbs-flexisel-nav-right:hover:after, section#upcomingEvents .nbs-flexisel-nav-left:hover:after { color: white; } @media all and (max-width: 620px) { /* line 87, ../scss/_flexisel.scss */ section#upcomingEvents .nbs-flexisel-container { width: 100%; margin-left: 0; } } @media all and (max-width: 768px) { /* line 93, ../scss/_flexisel.scss */ section#upcomingEvents .nbs-flexisel-container { margin-bottom: 40px; margin-bottom: 2.5rem; } } @media (max-width: 1023px) { /* line 99, ../scss/_flexisel.scss */ section#events .nbs-flexisel-nav-left { left: 18px; left: 1.125rem; } /* line 102, ../scss/_flexisel.scss */ section#events .nbs-flexisel-nav-right { left: 60px; left: 3.75rem; } } /* line 1, ../scss/_bxslider.scss */ .bx-wrapper { position: relative; padding: 0; *zoom: 1; } /* line 7, ../scss/_bxslider.scss */ .bx-wrapper .bx-viewport { left: 0; background: none; /*fix other elements on the page moving (on Chrome)*/ } /* ******************* *** CUSTOM STYLES **** ******************* */ /* line 17, ../scss/_bxslider.scss */ .bx-viewport, .bx-wrapper { width: 100%; height: auto; margin: 0; position: relative; top: 0; left: 0; } /* line 25, ../scss/_bxslider.scss */ .bx-wrapper .bx-viewport { box-shadow: none; border: none; left: 0; } /* line 31, ../scss/_bxslider.scss */ .carousel { height: 100%; margin: 0; padding: 0; } /* line 36, ../scss/_bxslider.scss */ .carousel__slide { width: 100%; height: auto; background-repeat: no-repeat; background-size: cover; background-position: center center; } /* DIRECTION CONTROLS (NEXT / PREV) */ /* line 45, ../scss/_bxslider.scss */ .bx-wrapper .bx-controls a { outline: 0; height: 20px; width: 20px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; background-clip: padding-box; behavior: url(PIE.htc); text-indent: -9999px; z-index: 999; position: relative; display: block; float: left; } /* line 56, ../scss/_bxslider.scss */ .bx-wrapper .bx-controls-direction a.disabled { display: block; } /* line 60, ../scss/_bxslider.scss */ .bx-wrapper .bx-viewport { background: none; } /* line 3, ../scss/_page.scss */ section#pageHolder { position: relative; float: left; width: 100%; margin: 0 0 80px 0; margin: 0 0 5rem 0; padding: 70px 0 0 0; padding: 4.375rem 0 0 0; } /* line 10, ../scss/_page.scss */ section#pageHolder .pageHolderInner { float: left; width: 100%; position: relative; } /* line 15, ../scss/_page.scss */ section#pageHolder .pageImageHolder { float: left; width: 100%; overflow: hidden; border-bottom-style: solid; border-bottom-width: 10px; margin: -70px 0 80px 0; margin: -4.375rem 0 5rem 0; } /* line 22, ../scss/_page.scss */ section#pageHolder .pageImageHolder img { max-width: 100%; min-width: 100%; height: auto; } /* line 29, ../scss/_page.scss */ aside#sidebar { float: left; width: 260px; width: 16.25rem; position: relative; z-index: 5; } /* line 37, ../scss/_page.scss */ aside#sidebar ul { margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; } /* line 41, ../scss/_page.scss */ aside#sidebar ul li { float: left; width: 100%; position: relative; border-bottom-style: solid; border-bottom-width: 1px; } /* line 47, ../scss/_page.scss */ aside#sidebar ul li a { display: block; padding: 10px 0; padding: 0.625rem 0; line-height: normal; } /* line 52, ../scss/_page.scss */ aside#sidebar ul li ul { display: none; padding: 0 0 10px 5px; padding: 0 0 0.625rem 0.3125rem; margin: 0; border: none; } /* line 57, ../scss/_page.scss */ aside#sidebar ul li ul li { float: left; width: 100%; border: none; } /* line 61, ../scss/_page.scss */ aside#sidebar ul li ul li a { padding: 4px 0 4px 0; padding: 0.25rem 0 0.25rem 0; opacity: 1; margin-left: 15px; margin-left: 0.9375rem; } /* line 66, ../scss/_page.scss */ aside#sidebar ul li ul li:before { position: absolute; top: 9px; top: 0.5625rem; left: 2px; left: 0.125rem; content: "\f105"; font-family: "FontAwesome"; } /* line 73, ../scss/_page.scss */ aside#sidebar ul li ul li a:hover { text-decoration: none; opacity: 0.7; } /* line 77, ../scss/_page.scss */ aside#sidebar ul li ul li:last-child { padding: 2px 0 0 0; padding: 0.125rem 0 0 0; } /* line 80, ../scss/_page.scss */ aside#sidebar ul li ul li ul li:before { content: "-"; } /* line 85, ../scss/_page.scss */ aside#sidebar ul li.has-sub ul { display: none; } /* line 89, ../scss/_page.scss */ aside#sidebar ul li.has-sub a { padding: 5px 30px 5px 0; padding: 0.3125rem 1.875rem 0.3125rem 0; } /* line 93, ../scss/_page.scss */ aside#sidebar .holder { width: 30px; width: 1.875rem; height: 0; right: 0; right: 0; position: absolute; top: 0; height: 100%; } /* line 100, ../scss/_page.scss */ aside#sidebar .holder:after { display: block; position: absolute; text-align: center; width: 100%; height: 6px; height: 0.375rem; padding: 0; padding: 0; top: 12px; top: 0.75rem; z-index: 10; content: "\f107"; font-family: "FontAwesome"; } /* line 112, ../scss/_page.scss */ aside#sidebar .holder:hover { cursor: pointer; } /* line 116, ../scss/_page.scss */ aside#sidebar ul li.has-sub.open .holder:after { content: "\f106"; } /* line 121, ../scss/_page.scss */ section#pageContent { margin-left: 320px; margin-left: 20rem; position: relative; z-index: 2; } /* line 126, ../scss/_page.scss */ section#pageContent h1, section#pageContent h2, section#pageContent h3, section#pageContent h4, section#pageContent h5 { line-height: 1.3; } /* line 129, ../scss/_page.scss */ section#pageContent figure { margin: 0; padding: 0; } /* line 133, ../scss/_page.scss */ section#pageContent img { height: auto; } section#pageContent .slide img { max-width: 100%; height: auto; } /* line 137, ../scss/_page.scss */ section#pageContent ul { margin: 0; padding: 0; list-style-type: none; } /* line 139, ../scss/_page.scss */ section#pageContent ul li { padding: 3px 0 3px 14px; padding: 0.1875rem 0 0.1875rem 0.875rem; position: relative; } /* line 142, ../scss/_page.scss */ section#pageContent ul li:before { content: ""; height: 4px; width: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background-clip: padding-box; behavior: url(PIE.htc); position: absolute; top: 10px; top: 0.625rem; left: 2px; } /* line 152, ../scss/_page.scss */ section#pageContent nav#sitemap ul li { padding-left: 0; } /* line 154, ../scss/_page.scss */ section#pageContent nav#sitemap ul li:before { display: none; } /* line 158, ../scss/_page.scss */ section#pageContent ol { margin-left: 19px; margin-left: 1.1875rem; padding: 0; margin-top: 0; list-style-position: outside; } /* line 163, ../scss/_page.scss */ section#pageContent ol li { padding: 0 0 0 2px; padding: 0 0 0 0.125rem; } /* line 167, ../scss/_page.scss */ section#pageContent h1 { margin: 0 0 20px 0; margin: 0 0 1.25rem 0; position: relative; } /* line 171, ../scss/_page.scss */ section#pageContent h2, section#pageContent h3, section#pageContent h4, section#pageContent h5 { margin: 15px 0 15px 0; margin: 0.9375rem 0 0.9375rem 0; position: relative; } /* line 175, ../scss/_page.scss */ section#pageContent p { line-height: 1.4em; margin: 0 0 26px 0; margin: 0 0 1.625rem 0; } /* line 178, ../scss/_page.scss */ section#pageContent p a:hover { text-decoration: underline; } /* line 182, ../scss/_page.scss */ section#pageContent ul, section#pageContent ol { line-height: 1.3; width: 100%; margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 187, ../scss/_page.scss */ section#pageContent.fullWidth { margin-left: 0; } /* line 191, ../scss/_page.scss */ section#pageContent img.alignLeft, section#pageContent img.alignRight { margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 194, ../scss/_page.scss */ section#pageContent img.alignLeft { float: left; margin-right: 35px; margin-right: 2.1875rem; } /* line 198, ../scss/_page.scss */ section#pageContent img.alignRight { float: right; margin-left: 35px; margin-left: 2.1875rem; } /* line 202, ../scss/_page.scss */ section#pageContent img.pageImage { max-width: 50%; } /* line 205, ../scss/_page.scss */ section#pageContent .oneThird { float: left; width: 30%; margin-left: 5%; } /* line 210, ../scss/_page.scss */ section#pageContent .extraContent { padding: 20px 0 0 0; padding: 1.25rem 0 0 0; clear: left; } /* line 215, ../scss/_page.scss */ section#pageContent .oneThird:first-of-type { margin-left: 0; } /* line 218, ../scss/_page.scss */ section#pageContent blockquote { margin: 40px 0; margin: 2.5rem 0; line-height: 1.4em; } /* line 221, ../scss/_page.scss */ section#pageContent blockquote span.author { margin-top: 5px; margin-top: 0.3125rem; display: block; } @media (max-width: 600px) { /* line 231, ../scss/_page.scss */ section#pageContent img.pageImage { max-width: 100%; min-width: 100%; } } @media (max-width: 767px) { /* line 239, ../scss/_page.scss */ section#pageContent .extraContent { padding: 0; } /* line 242, ../scss/_page.scss */ section#pageContent .oneThird { width: 100%; margin-left: 0; } /* line 245, ../scss/_page.scss */ section#pageContent .oneThird h2 { margin: 5px 0 15px 0; margin: 0.3125rem 0 0.9375rem 0; } } @media only screen and (min-width: 480px) and (max-width: 767px) { /* line 253, ../scss/_page.scss */ section#pageContent img { max-width: 50%; } /* line 256, ../scss/_page.scss */ section#pageHolder .pageImageHolder { margin: 0 0 40px 0; margin: 0 0 2.5rem 0; } } @media (max-width: 1023px) { /* line 262, ../scss/_page.scss */ section#pageContent { width: 100%; margin-left: 0; padding: 0 5%; padding: 0 5%; float: left; } /* line 268, ../scss/_page.scss */ aside#sidebar { display: none; } /* line 271, ../scss/_page.scss */ section#pageHolder { margin: 0 0 50px 0; margin: 0 0 3.125rem 0; padding: 40px 0 0 0; padding: 2.5rem 0 0 0; } /* line 274, ../scss/_page.scss */ section#pageHolder .container { padding: 0; } /* line 278, ../scss/_page.scss */ section#pageHolder .pageImageHolder { margin: -40px 0 40px 0; margin: -2.5rem 0 2.5rem 0; } } @media only screen and (min-width: 1024px) and (max-width: 1350px) { /* line 284, ../scss/_page.scss */ aside#sidebar { width: 230px; width: 14.375rem; } /* line 287, ../scss/_page.scss */ section#pageContent { margin-left: 290px; margin-left: 18.125rem; } } /* CSS Document */ /* line 3, ../scss/_sixthform.scss */ section#quickLinks { float: left; width: 100%; margin-top: 130px; margin-top: 8.125rem; padding: 70px 0; padding: 4.375rem 0; } /* line 8, ../scss/_sixthform.scss */ section#quickLinks ul { margin: 0; padding: 0; list-style-type: none; } /* line 11, ../scss/_sixthform.scss */ section#quickLinks ul figure { float: left; width: 100%; margin: 0; max-height: 310px; max-height: 19.375rem; overflow: hidden; position: relative; } /* line 18, ../scss/_sixthform.scss */ section#quickLinks ul figure img { max-width: 100%; min-width: 100%; height: auto; transform: scale(1); } /* line 25, ../scss/_sixthform.scss */ section#quickLinks ul li { float: left; width: 23.84615%; margin-left: 1.53846%; } /* line 29, ../scss/_sixthform.scss */ section#quickLinks ul li:first-child { margin-left: 0; } /* line 33, ../scss/_sixthform.scss */ section#quickLinks ul li a { display: block; z-index: 5; position: relative; float: left; width: 100%; } /* line 40, ../scss/_sixthform.scss */ section#quickLinks ul li a:hover figure img { transform: scale(1.1); } /* line 43, ../scss/_sixthform.scss */ section#quickLinks ul .title { position: absolute; bottom: 0; left: 0; height: 75px; height: 4.6875rem; line-height: 75px; line-height: 4.6875rem; padding: 0 15px; padding: 0 0.9375rem; width: 100%; text-align: center; } /* line 53, ../scss/_sixthform.scss */ section#quickLinks ul li a:hover .title { height: 90px; height: 5.625rem; line-height: 90px; line-height: 5.625rem; } /* line 60, ../scss/_sixthform.scss */ section#categoryLinks { float: left; width: 102.06195%; margin-left: -2.06195%; margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 65, ../scss/_sixthform.scss */ section#categoryLinks ul { margin: 0; padding: 0; list-style-type: none; } /* line 68, ../scss/_sixthform.scss */ section#categoryLinks ul figure { float: left; width: 100%; margin: 0; max-height: 310px; max-height: 19.375rem; overflow: hidden; position: relative; } /* line 75, ../scss/_sixthform.scss */ section#categoryLinks ul figure img { max-width: 100%; min-width: 100%; height: auto; transform: scale(1); } /* line 82, ../scss/_sixthform.scss */ section#categoryLinks ul li { float: left; width: 31.1587%; margin-left: 2.06195%; margin-top: 30px; margin-top: 1.875rem; padding: 0; } /* line 88, ../scss/_sixthform.scss */ section#categoryLinks ul li:before { display: none; } /* line 92, ../scss/_sixthform.scss */ section#categoryLinks ul li a { display: block; z-index: 5; position: relative; float: left; width: 100%; } /* line 99, ../scss/_sixthform.scss */ section#categoryLinks ul li a:hover figure img { transform: scale(1.1); } /* line 102, ../scss/_sixthform.scss */ section#categoryLinks ul .title { position: absolute; bottom: 0; left: 0; height: 130px; height: 8.125rem; padding: 0 15px; padding: 0 0.9375rem; width: 100%; text-align: center; display: table; line-height: 1.1; } /* line 112, ../scss/_sixthform.scss */ section#categoryLinks ul .title .vAlign { height: 130px; height: 8.125rem; display: table-cell; vertical-align: middle; } /* line 120, ../scss/_sixthform.scss */ section#categoryLinks ul li a:hover .title, section#categoryLinks ul li a:hover .vAlign { height: 145px; height: 9.0625rem; } @media (max-width: 599px) { /* line 128, ../scss/_sixthform.scss */ section#quickLinks { margin-top: 130px; margin-top: 8.125rem; padding: 35px 0 10px 0; padding: 2.1875rem 0 0.625rem 0; } /* line 131, ../scss/_sixthform.scss */ section#quickLinks ul li { width: 100%; margin-left: 0; margin-bottom: 30px; margin-bottom: 1.875rem; } /* line 136, ../scss/_sixthform.scss */ section#quickLinks ul figure { max-height: 280px; max-height: 17.5rem; } } @media all and (min-width: 480px) and (max-width: 767px) { /* line 144, ../scss/_sixthform.scss */ section#categoryLinks ul li { width: 47.1124%; margin-left: 0; } /* line 152, ../scss/_sixthform.scss */ section#categoryLinks ul li:nth-child(2), section#categoryLinks ul li:nth-child(4), section#categoryLinks ul li:nth-child(6), section#categoryLinks ul li:nth-child(8), section#categoryLinks ul li:nth-child(10) { margin-left: 5.7752%; } } @media all and (min-width: 600px) and (max-width: 1023px) { /* line 159, ../scss/_sixthform.scss */ section#quickLinks { margin-top: 130px; margin-top: 8.125rem; padding: 50px 0 10px 0; padding: 3.125rem 0 0.625rem 0; } /* line 162, ../scss/_sixthform.scss */ section#quickLinks ul li { width: 47.1124%; margin-left: 0; margin-bottom: 40px; margin-bottom: 2.5rem; } /* line 168, ../scss/_sixthform.scss */ section#quickLinks ul li:nth-child(2), section#quickLinks ul li:nth-child(4) { margin-left: 5.7752%; } } @media (max-width: 767px) { /* line 175, ../scss/_sixthform.scss */ section#categoryLinks { width: 100%; margin-left: 0; } } @media (max-width: 1200px) { /* line 183, ../scss/_sixthform.scss */ section#categoryLinks ul .title, section#categoryLinks ul .title .vAlign { height: 100px; height: 6.25rem; } /* line 187, ../scss/_sixthform.scss */ section#categoryLinks ul li a:hover .title, section#categoryLinks ul li a:hover .title .vAlign { height: 110px; height: 6.875rem; } } /* line 3, ../scss/_news-page.scss */ span.articleDate { display: block; margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 7, ../scss/_news-page.scss */ section#pageContent ul.newsList { margin: 0; padding: 0; list-style-type: none; margin: 22px 0; margin: 1.375rem 0; width: 102.06195%; margin-left: -2.06195%; float: left; } /* line 13, ../scss/_news-page.scss */ section#pageContent ul.newsList li:before { display: none; } /* line 16, ../scss/_news-page.scss */ section#pageContent ul.newsList figure { float: left; width: 100%; margin: 0; max-height: 350px; max-height: 21.875rem; overflow: hidden; position: relative; } /* line 23, ../scss/_news-page.scss */ section#pageContent ul.newsList figure img { max-width: 100%; min-width: 100%; height: auto; transform: scale(1); } /* line 29, ../scss/_news-page.scss */ section#pageContent ul.newsList figure .hoverBG { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; } /* line 33, ../scss/_news-page.scss */ section#pageContent ul.newsList figure .hoverBG i { position: absolute; left: 50%; top: 50%; margin-top: -30px; margin-top: -1.875rem; margin-left: -30px; margin-left: -1.875rem; height: 60px; width: 60px; text-align: center; line-height: 56px; line-height: 3.5rem; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; background-clip: padding-box; behavior: url(PIE.htc); } /* line 46, ../scss/_news-page.scss */ section#pageContent ul.newsList figure a:hover img { transform: scale(1.1); } /* line 49, ../scss/_news-page.scss */ section#pageContent ul.newsList figure a:hover .hoverBG { opacity: 1; } /* line 54, ../scss/_news-page.scss */ section#pageContent ul.newsList li { float: left; width: 31.1587%; margin-left: 2.06195%; margin-bottom: 30px; margin-bottom: 1.875rem; padding: 0; } /* line 61, ../scss/_news-page.scss */ section#pageContent ul.newsList li a { display: block; z-index: 5; } /* line 65, ../scss/_news-page.scss */ section#pageContent ul.newsList a.newsTitle { display: block;height:90px; padding: 0 20px 8px 20px; padding: 0 1.25rem 0.5rem 1.25rem; line-height: 1.1;font-size:23px; } @media (max-width: 767px) { section#pageContent ul.newsList a.newsTitle {display: block;height:55px;overflow:hidden} } /* line 70, ../scss/_news-page.scss */ section#pageContent ul.newsList time { display: block; padding: 0 20px 6px 20px; padding: 0 1.25rem 0.375rem 1.25rem;font-size:20px; } /* line 74, ../scss/_news-page.scss */ section#pageContent ul.newsList span.excerpt { display: block; margin-top: 10px; margin-top: 0.625rem; padding: 0 20px; padding: 0 1.25rem; line-height: 1.2; } /* line 80, ../scss/_news-page.scss */ section#pageContent ul.newsList a.readMore { margin-top: 16px; margin-top: 1rem; height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; padding: 0 20px; padding: 0 1.25rem; display: block; } /* line 87, ../scss/_news-page.scss */ section#pageContent ul.newsList a.readMore:hover i { margin-left: 5px; margin-left: 0.3125rem; } /* line 90, ../scss/_news-page.scss */ section#pageContent ul.newsList .info { float: left; width: 100%; padding: 20px 0 0 0; padding: 1.25rem 0 0 0; } /* line 95, ../scss/_news-page.scss */ section#pageContent ul.newsList figure a:hover img { transform: scale(1.1); } /* line 100, ../scss/_news-page.scss */ .pagination { width: 100%; height: 20px; height: 1.25rem; float: left; margin: 15px 0 0 0; margin: 0.9375rem 0 0 0; text-align: center; } /* line 106, ../scss/_news-page.scss */ .pagination a, .pagination span { display: inline-block; padding: 3px; padding: 0.1875rem; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } /* line 111, ../scss/_news-page.scss */ .pagination span a { height: 30px; width: 30px; line-height: 26px; line-height: 1.625rem; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; background-clip: padding-box; behavior: url(PIE.htc); border-style: solid; border-width: 1px; text-align: center; margin: 0 4px; margin: 0 0.25rem; } /* line 120, ../scss/_news-page.scss */ .pagination a:hover { text-decoration: none; } /* line 124, ../scss/_news-page.scss */ .pagination a.previous, .pagination a.next { width: 120px; width: 7.5rem; height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; text-align: center; } /* line 130, ../scss/_news-page.scss */ .pagination a.previous { float: left; } /* line 133, ../scss/_news-page.scss */ .pagination a.next { float: right; } /* line 136, ../scss/_news-page.scss */ .pagination a.next:hover, .pagination a.previous:hover { cursor: pointer; } @media (max-width: 479px) { /* line 142, ../scss/_news-page.scss */ section#pageContent ul.newsList li { width: 100%; } /* line 146, ../scss/_news-page.scss */ .pagination a.previous, .pagination a.next { display: none; } } @media all and (min-width: 480px) and (max-width: 767px) { /* line 153, ../scss/_news-page.scss */ section#pageContent ul.newsList li { width: 47.1124%; margin-left: 0; } /* line 161, ../scss/_news-page.scss */ section#pageContent ul.newsList li:nth-child(2), section#pageContent ul.newsList li:nth-child(4), section#pageContent ul.newsList li:nth-child(6), section#pageContent ul.newsList li:nth-child(8), section#pageContent ul.newsList li:nth-child(10) { margin-left: 5.7752%; } } @media (max-width: 767px) { /* line 168, ../scss/_news-page.scss */ section#pageContent ul.newsList { width: 100%; margin-left: 0; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 175, ../scss/_news-page.scss */ section#pageContent ul.newsList { margin-left: -1.56195%; } } /* line 3, ../scss/_search.scss */ .searchCont { position: absolute; right: 0; right: 0; width: 35px; width: 2.1875rem; height: 59px; height: 3.6875rem; top: 0; overflow: hidden; } /* line 10, ../scss/_search.scss */ .searchCont.active { width: 345px; width: 21.5625rem; } /* line 14, ../scss/_search.scss */ .searchCont a.searchOpen, .searchCont a.searchBTN { position: absolute; right: 0; right: 0; top: 0; width: 35px; width: 2.1875rem; height: 60px; height: 3.75rem; } /* line 20, ../scss/_search.scss */ .searchCont a.searchOpen i, .searchCont a.searchBTN i { height: 55px; height: 3.4375rem; text-align: center; line-height: 60px; line-height: 3.75rem; display: block; } /* line 27, ../scss/_search.scss */ .searchCont a.searchBTN { display: none; } /* line 30, ../scss/_search.scss */ .searchCont a.searchOpen { width: 74px; width: 4.625rem; line-height: 60px; line-height: 3.75rem; } /* line 33, ../scss/_search.scss */ .searchCont a.searchOpen i { position: absolute; right: 5px; right: 0.3125rem; top: -2px; top: -0.125rem; } /* line 40, ../scss/_search.scss */ #search { display: none; width: 0; width: 0; height: 60px; height: 3.75rem; position: relative; border-left: 1px solid #999; float: right; margin-right: -2px; margin-right: -0.125rem; z-index: 10; } /* line 49, ../scss/_search.scss */ #search input.searchInput { position: absolute; top: 0; left: 20px; left: 1.25rem; width: 280px; width: 17.5rem; height: 38px; height: 2rem; padding: 14px 0 3px 0; padding: 0.875rem 0 0.1875rem 0; box-sizing: content-box; border: none; color: #999; background: none; -webkit-appearance: none; border-radius: 0; z-index: 10; } /* line 63, ../scss/_search.scss */ #search input.searchInput::-webkit-input-placeholder { color: #aaa; opacity: 1; } /* line 67, ../scss/_search.scss */ #search input.searchInput:moz-placeholder { color: #aaa; opacity: 1; } /* line 71, ../scss/_search.scss */ #search input.searchInput::-moz-placeholder { color: #aaa; opacity: 1; } /* line 75, ../scss/_search.scss */ #search input.searchInput:-ms-input-placeholder { color: #aaa; opacity: 1; } /* line 81, ../scss/_search.scss */ .searchCont.active #search { width: 300px; width: 18.75rem; margin-right: 45px; margin-right: 2.8125rem; } /* line 85, ../scss/_search.scss */ #search a.closeBTN { position: absolute; right: -45px; right: -2.8125rem; top: 0; z-index: 2; width: 35px; width: 2.1875rem; height: 60px; height: 3.75rem; } /* line 92, ../scss/_search.scss */ #search a.closeBTN i { line-height: 60px; line-height: 3.75rem; text-align: right; display: block; } @media (max-width: 767px) { /* line 101, ../scss/_search.scss */ .searchCont a.searchOpen { display: none!important; } /* line 104, ../scss/_search.scss */ .searchCont a.searchBTN { display: block; } } @media (max-width: 1023px) { /* line 111, ../scss/_search.scss */ .searchCont a.searchOpen { display: none; } /* line 114, ../scss/_search.scss */ .searchCont a.searchBTN { display: block; } } /* line 3, ../scss/_sitemap.scss */ nav#sitemap ul { margin-left: 0; list-style-type: none; margin: 0; padding: 0; list-style-type: none; } /* line 8, ../scss/_sitemap.scss */ #sitemap li { list-style-position: inside; margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; padding: 4px 0; padding: 0.25rem 0; } /* line 14, ../scss/_sitemap.scss */ #sitemap li a { line-height: normal; text-decoration: none; opacity: 1; } /* line 18, ../scss/_sitemap.scss */ #sitemap li a:hover { text-decoration: none; opacity: 0.5; } /* line 23, ../scss/_sitemap.scss */ #sitemap li ul { margin: 3px 0 0 8px; margin: 0.1875rem 0 0 0.5rem; } /* line 25, ../scss/_sitemap.scss */ #sitemap li ul ul li a { padding-left: 17px; padding-left: 1.0625rem; } /* line 28, ../scss/_sitemap.scss */ #sitemap li ul li { padding: 2px 0; padding: 0.125rem 0; } /* line 30, ../scss/_sitemap.scss */ #sitemap li ul li a:before { content: "\f105"; font-family: "FontAwesome"; padding: 0 7px; padding: 0 0.4375rem; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } /* line 38, ../scss/_sitemap.scss */ #sitemap li ul ul li a:before { content: "-"; } /* line 72, ../scss/_search.scss */ ul.results { width: 100%; padding: 0; border-top: 1px solid #D7D7D7; float: left; margin: 0; } /* line 78, ../scss/_search.scss */ ul.results li { margin: 0; padding: 0; list-style-type: none; width: 100%; float: left; padding: 1.5em 0; position: relative; border-bottom: 1px solid #D7D7D7; } /* line 87, ../scss/_search.scss */ body.section.searchresults section.pageContent .resultTitle a { text-decoration: none; } /* line 89, ../scss/_search.scss */ body.section.searchresults section.pageContent .resultTitle a:hover { text-decoration: underline; } /* line 93, ../scss/_search.scss */ section.pageContent ul.results { margin: 0; } /* line 96, ../scss/_search.scss */ .resultTitle a { display: block; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -ms-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } /* line 100, ../scss/_search.scss */ .resultInfo { width: 100%; height: auto; padding: 10px 0; border-top: 1px solid #D7D7D7; position: relative; margin: 25px 0 0 0; } /* line 108, ../scss/_search.scss */ .resultExcerpt { margin-top: 0.3em; display: block; line-height: 1.3em; max-width: 86%; } /* line 114, ../scss/_search.scss */ .resultNum { float: right; } /* line 117, ../scss/_search.scss */ a.resultMore { width: auto; position: absolute; top: 65%; right: 0; } @media (max-width: 480px) { /* line 126, ../scss/_search.scss */ .resultNum { float: none; display: block; margin-top: 5px; } } @media (max-width: 767px) { /* line 133, ../scss/_search.scss */ #search { right: auto; left: 0; } /* line 136, ../scss/_search.scss */ #search .searchHolder { top: 16px; top: 1rem; width: 90%; } /* line 139, ../scss/_search.scss */ #search .searchHolder .normSearch { border: 0; margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip: rect(0); position: absolute; } /* line 152, ../scss/_search.scss */ .resultExcerpt { max-width: 100%; } /* line 155, ../scss/_search.scss */ a.resultMore { float: left; position: relative; top: auto; margin-top: 15px; } } @media (max-width: 1023px) { /* line 165, ../scss/_search.scss */ #search input.searchInput, #search button.searchBTN.norm { display: none; } /* line 168, ../scss/_search.scss */ #search a.searchBTN { display: block; } } section#pageContent ul.results li::before {display:none} .resultExcerpt{margin-bottom:20px;} .formButton{ color: #fff!important; border: none; padding: 10px; background: #961446; color: white; cursor: hand; cursor: pointer; text-decoration: none; font-size: 12px; } .formButton:hover{ opacity: 0.8; text-decoration: none; } .headerLinks a{cursor:hand;cursor:pointer}