/* CSS Document Client: Nelson & Colne College Group Version: 1.0 Date: 28/01/2020 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 17: Preloader */ /* line 5, ../scss/_placeholder.scss */ #pageHolder #pageContent:before, #pageHolder #pageContent:after { content: ""; display: table; } /* line 9, ../scss/_placeholder.scss */ #pageHolder #pageContent: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: #2e2d2c; 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: "neue-haas-grotesk-display", sans-serif; background: #fff; margin: 0; color: #2e2d2c; } /* ========================================================================== Helper classes ========================================================================== */ /* Hide visually and from screen readers: */ /* line 121, ../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 141, ../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 154, ../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 198, ../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 207, ../scss/_boilerplate.scss */ a, a:visited { text-decoration: underline; } /* line 211, ../scss/_boilerplate.scss */ a[href]:after { content: " (" attr(href) ")"; } /* line 215, ../scss/_boilerplate.scss */ abbr[title]:after { content: " (" attr(title) ")"; } /* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol */ /* line 225, ../scss/_boilerplate.scss */ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } /* line 230, ../scss/_boilerplate.scss */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } /* Printing Tables: http://css-discuss.incutio.com/wiki/Printing_Tables */ /* line 240, ../scss/_boilerplate.scss */ thead { display: table-header-group; } /* line 245, ../scss/_boilerplate.scss */ tr, img { page-break-inside: avoid; } /* line 249, ../scss/_boilerplate.scss */ img { max-width: 100% !important; } /* line 255, ../scss/_boilerplate.scss */ p, h2, h3 { orphans: 3; widows: 3; } /* line 261, ../scss/_boilerplate.scss */ h2, h3 { page-break-after: avoid; } } /* line 9, ../scss/_colorScheme.scss */ #centres .centre.ncc .name, #centres .centre.ncc a:hover .visit, #latestNews ul.newsList li.ncc .more { background-color: #ff9e1b; } /* line 16, ../scss/_colorScheme.scss */ #centres .centre.lal .name, #centres .centre.lal a:hover .visit, #latestNews ul.newsList li.lal .more { background-color: #f05454; } /* line 27, ../scss/_colorScheme.scss */ header#masthead, nav#mainMenu ul li a:after, #latestNews ul.newsList li.ncg .more, #groupStats .owl-dots button, #logoShowcase .owl-nav button:hover, #pageHolder aside#sidebar, #pageHolder #pageContent ul.newsList .more { background-color: #b2b2b2; } /* line 37, ../scss/_colorScheme.scss */ .searchBox input.searchInput, #latestNews, #socialVideos, #groupStats, #logoShowcase .owl-nav button, #pageHolder { background-color: #f0f0f0; } /* line 50, ../scss/_colorScheme.scss */ #centres .centre.arc .name, #centres .centre.arc a:hover .visit, #latestNews ul.newsList li.arc .more, #socialVideos .twitterFeed, #groupStats .owl-dots button.active, #menu-toggle span, nav#mainMenu ul li a:after, nav#mainMenu .sf-mega li a:before, #pageHolder aside#sidebar ul li a:after { background-color: #2e2d2c; } /* line 55, ../scss/_colorScheme.scss */ #socialVideos .vid a .overlay { background-color: #2e2d2c; background-color: rgba(46, 45, 44, 0.5); } /* line 60, ../scss/_colorScheme.scss */ #socialVideos .vid a:hover .overlay { background-color: #2e2d2c; background-color: rgba(46, 45, 44, 0.7); } /* line 68, ../scss/_colorScheme.scss */ #latestNews ul.newsList li::before, #socialVideos .vid i.fa-play, footer#siteFooter, #preloader { background-color: black; } /* line 75, ../scss/_colorScheme.scss */ #centres .centre .intro, #pageHolder #pageContent, #preloader .borderHolder div { background-color: white; } /* line 82, ../scss/_colorScheme.scss */ nav#mainMenu .sf-menu .sf-mega, nav#mainMenu .sf-menu .sf-mega:before, nav#mainMenu .sf-menu .sf-mega:after { background-color: white; background-color: rgba(255, 255, 255, 0.9); } /* line 87, ../scss/_colorScheme.scss */ #centres .centre a.visit { background-color: transparent; } /* line 113, ../scss/_colorScheme.scss */ nav#mainMenu .sf-menu a, a.search.dt, a.search.mobile, .searchBox a.closeBTN, nav#mainMenu .sf-menu li:hover .sf-mega li a, #centres .centre.arc a .visit, #centres .centre a, #latestNews .owl-nav button, #logoShowcase .owl-nav button, #pageHolder aside#sidebar ul li a, #pageHolder .breadcrumb a, #pageHolder #pageContent h2, #pageHolder #pageContent h3, #pageHolder #pageContent h5, #pageHolder #pageContent p a, #pageHolder #pageContent #sitemap li ul li a, .mobileMenusClose .innerHeaderClose a.mobMenuBTNClose { color: #2e2d2c; } /* line 133, ../scss/_colorScheme.scss */ #banner .bannerText .rotatingText h1, #centres .centre.ncc a:hover .visit, #centres .centre.arc a:hover .visit, #centres .centre.lal a:hover .visit, #latestNews ul.newsList li .blogContent, #latestNews ul.newsList li .more, #socialVideos .vid i.fa-play, #socialVideos .twitterFeed .holder, #socialVideos .twitterFeed .holder .twitterItem .meta a i, #logoShowcase .owl-nav button:hover, footer#siteFooter, footer#siteFooter a, #banner .container h1.pageTitle, #pageHolder #pageContent ul.newsList .blogContent, #pageHolder #pageContent ul.newsList .more, #pageHolder aside#sidebar ul li ul li a:hover { color: white; } /* line 147, ../scss/_colorScheme.scss */ #banner .bannerText .rotatingText h1 span, .searchBox a.closeBTN:hover, a.search.dt:hover, .searchBox button.searchBTN:hover, #banner .container h1.pageTitle span, #pageHolder #pageContent h4, #pageHolder #pageContent p a:hover, #pageHolder #pageContent #sitemap li a, footer#siteFooter a:hover, .navigationBTNs a { color: #b2b2b2; } /* line 153, ../scss/_colorScheme.scss */ #centres .centre.ncc a .visit, #groupStats ul.stats li.orange .content { color: #ff9e1b; } /* line 159, ../scss/_colorScheme.scss */ #centres .centre.lal a .visit, #groupStats ul.stats li.red .content { color: #f05454; } /* line 164, ../scss/_colorScheme.scss */ #groupStats ul.stats li.green .content { color: #00a499; } /* line 169, ../scss/_colorScheme.scss */ #groupStats ul.stats li.secondary-green .content { color: #5f818d; } /* line 174, ../scss/_colorScheme.scss */ #groupStats ul.stats li.purple .content { color: #5f367e; } /* line 179, ../scss/_colorScheme.scss */ #groupStats ul.stats li.blue .content { color: #618393; } /* line 184, ../scss/_colorScheme.scss */ #groupStats ul.stats li.gold .content { color: #b7a57d; } /* line 194, ../scss/_colorScheme.scss */ #centres .centre.ncc a .visit { border-color: #ff9e1b; } /* line 199, ../scss/_colorScheme.scss */ #centres .centre.arc a .visit { border-color: #2e2d2c; } /* line 204, ../scss/_colorScheme.scss */ #centres .centre.lal a .visit { border-color: #f05454; } /* line 11, ../scss/_transitions.scss */ nav#mainMenu .sf-menu a, a.search.dt, .searchBox a.closeBTN, .searchBox button.searchBTN, footer#siteFooter a, #pageHolder aside#sidebar ul li a, #pageHolder .breadcrumb a, #pageHolder #pageContent p a { -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 27, ../scss/_transitions.scss */ #latestNews ul.newsList li figure:after, #latestNews ul.newsList li .blogContent .excerpt, #latestNews ul.newsList li .blogContent .more, #latestNews .owl-nav button, #socialVideos .twitterFeed .holder .twitterItem .meta a, #logoShowcase .logo img, #socialVideos .twitterFeed .owl-nav button, #pageHolder #pageContent #sitemap li a, #pageHolder #pageContent ul.newsList .blogContent .more, #pageHolder #pageContent ul.newsList .blogContent .excerpt, #pageHolder #pageContent ul.newsList figure:after, .navigationBTNs 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 32, ../scss/_transitions.scss */ #socialVideos .vid a .overlay { -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 52, ../scss/_transitions.scss */ nav#mainMenu ul li a:after, #centres .centre a .visit, #latestNews ul.newsList li figure img, #latestNews ul.newsList li .blogContent, #logoShowcase .owl-nav button, header#masthead, header#masthead .logoHolder, header#masthead .logoHolder a, nav#mainMenu, .searchHolder, #pageHolder #pageContent ul.newsList .blogContent, #pageHolder #pageContent ul.newsList figure img, #preloader .borderHolder div, #preloader .ampersand, nav#mainMenu .sf-mega li a:before, #pageHolder aside#sidebar ul li a:after { -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 59, ../scss/_transitions.scss */ #menu-toggle #hamburger span, #menu-toggle #cross, #menu-toggle #cross span, #centres .centre .profilePic img { -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -ms-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s 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 6%; position: relative; } @media (min-width: 1402px) { /* line 21, ../scss/_buildingBlock.scss */ .container { max-width: 1402px; max-width: 87.625rem; padding: 0 50px; padding: 0 3.125rem; margin: 0 auto; position: relative; } } /* 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-height: 1.2; } /* line 13, ../scss/_type.scss */ body, #pageHolder aside#sidebar ul li ul li a { font-size: 14px; font-size: 0.875rem; } /* line 20, ../scss/_type.scss */ #pageHolder aside#sidebar ul li a, #pageHolder #pageContent blockquote, #pageHolder #pageContent #sitemap li ul li a { font-size: 16px; font-size: 1rem; } /* line 33, ../scss/_type.scss */ .searchBox a.closeBTN, #socialVideos .twitterFeed .holder .twitterItem, #pageHolder aside#sidebar .sectionHeader, #pageHolder #pageContent h5, #pageHolder #pageContent .articleDate, #pageHolder #pageContent ul.newsList .more, #menu-toggle:before, .mobileMenusClose .innerHeaderClose a.mobMenuBTNClose, .mm-search .searchButton { font-size: 18px; font-size: 1.125rem; } /* line 45, ../scss/_type.scss */ nav#mainMenu .sf-menu a, #centres .centre .intro, #latestNews ul.newsList li .more, #socialVideos .twitterFeed .holder .feedName, #socialVideos .twitterFeed .holder .twitterItem .meta i, #pageHolder #pageContent h4, #pageHolder #pageContent #sitemap li a, #pageHolder #pageContent ul.newsList .blogContent .title { font-size: 20px; font-size: 1.25rem; } /* line 57, ../scss/_type.scss */ a.search.dt, a.search.mobile, .searchBox button.searchBTN, #latestNews ul.newsList li .blogContent .title, #latestNews .owl-nav button, #socialVideos .twitterFeed .owl-nav button, #logoShowcase .owl-nav button, .navigationBTNs a { font-size: 22px; font-size: 1.375rem; } /* line 62, ../scss/_type.scss */ #pageHolder #pageContent h3 { font-size: 25px; font-size: 1.5625rem; } /* line 70, ../scss/_type.scss */ #groupStats ul.stats li .content .name, #pageHolder aside#sidebar .sectionHeader, #pageHolder #pageContent h2, .mobileMenusClose .innerHeaderClose a.mobMenuBTNClose i { font-size: 30px; font-size: 1.875rem; } /* line 76, ../scss/_type.scss */ #socialVideos .vid i.fa-play, #socialVideos .twitterFeed .holder i { font-size: 38px; font-size: 2.375rem; } /* line 81, ../scss/_type.scss */ #banner .container h1.pageTitle { font-size: 60px; font-size: 3.75rem; } /* line 87, ../scss/_type.scss */ #banner .bannerText .rotatingText h1, #groupStats ul.stats li .content .theCount { font-size: 100px; font-size: 6.25rem; } /* line 98, ../scss/_type.scss */ .b { font-weight: 400; } /* line 115, ../scss/_type.scss */ #latestNews ul.newsList li .blogContent .title, #latestNews ul.newsList li .more, #groupStats ul.stats li .content .theCount, #pageHolder aside#sidebar .sectionHeader, #pageHolder .breadcrumb a, #banner.page h1.pageTitle, #pageHolder #pageContent h2, #pageHolder #pageContent h3, #pageHolder #pageContent h4, #pageHolder #pageContent h5, #pageHolder #pageContent .articleDate, #pageHolder #pageContent ul.newsList .blogContent .title, #menu-toggle:before { font-weight: 600; } /* line 120, ../scss/_type.scss */ .b { font-weight: 700; } @media (max-width: 767px) { /* line 140, ../scss/_type.scss */ #centres .centre .intro, #latestNews ul.newsList li .more, #socialVideos .twitterFeed .holder .twitterItem, #groupStats ul.stats li .content .name, #pageHolder #pageContent .articleDate { font-size: 16px; font-size: 1rem; } /* line 148, ../scss/_type.scss */ #latestNews ul.newsList li .blogContent .title, #socialVideos .twitterFeed .holder .feedName, #logoShowcase .owl-nav button, #pageHolder aside#sidebar .sectionHeader .sectionTitle i { font-size: 18px; font-size: 1.125rem; } /* line 156, ../scss/_type.scss */ #socialVideos .vid i.fa-play, #socialVideos .twitterFeed .holder .twitterItem i.fa-twitter, #pageHolder #pageContent h3, #pageHolder aside#sidebar .sectionHeader { font-size: 22px; font-size: 1.375rem; } /* line 161, ../scss/_type.scss */ #pageHolder #pageContent h2 { font-size: 25px; font-size: 1.5625rem; } /* line 167, ../scss/_type.scss */ #banner .bannerText .rotatingText h1, #banner.page h1.pageTitle { font-size: 30px; font-size: 1.875rem; } /* line 172, ../scss/_type.scss */ #groupStats ul.stats li .content .theCount { font-size: 60px; font-size: 3.75rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 180, ../scss/_type.scss */ #centres .centre .intro{ line-height:1.4rem !important; font-size: 1rem !important; } #groupStats ul.stats li .content .name { font-size: 16px; font-size: 1rem;line-height:1.2rem !important } /* line 186, ../scss/_type.scss */ #latestNews ul.newsList li .blogContent .title, #pageHolder aside#sidebar .sectionHeader .sectionTitle i { font-size: 20px; font-size: 1.25rem; } /* line 191, ../scss/_type.scss */ #pageHolder aside#sidebar .sectionHeader { font-size: 24px; font-size: 1.5rem; } /* line 197, ../scss/_type.scss */ #banner .bannerText .rotatingText h1, #banner.page h1.pageTitle { font-size: 50px; font-size: 3.125rem; } /* line 202, ../scss/_type.scss */ #groupStats ul.stats li .content .theCount { font-size: 60px; font-size: 3.75rem; } } @media all and (min-width: 1024px) and (max-width: 1300px) { /* line 213, ../scss/_type.scss */ nav#mainMenu .sf-menu a, #centres .centre .intro, #latestNews ul.newsList li .more, #socialVideos .twitterFeed .holder .feedName, #socialVideos .twitterFeed .holder .twitterItem .meta i { font-size: 18px; font-size: 1.125rem; } /* line 218, ../scss/_type.scss */ #groupStats ul.stats li .content .name { font-size: 24px; font-size: 1.5rem; line-height:1.7rem !important} /* line 224, ../scss/_type.scss */ #banner .bannerText .rotatingText h1, #groupStats ul.stats li .content .theCount { font-size: 80px; font-size: 5rem; } } @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; } } /* line 3, ../scss/_header.scss */ header#masthead { position: relative; height: 150px; height: 9.375rem; width: 100%; z-index: 1000; } /* line 8, ../scss/_header.scss */ header#masthead .logoHolder { position: relative; float: left; clear: left; margin: 25px 0 0 0; margin: 1.5625rem 0 0 0; } /* line 13, ../scss/_header.scss */ header#masthead .logoHolder a img { max-width: 100%; height: auto; } /* line 17, ../scss/_header.scss */ header#masthead .logoHolder a { display: block; position: relative; } /* line 23, ../scss/_header.scss */ header#masthead .logoHolder, header#masthead .logoHolder a { width: 201px; width: 12.5625rem; height: 102px; height: 6.375rem; background-repeat: no-repeat; background-position: center center; } @media (max-width: 767px) { /* line 42, ../scss/_header.scss */ header#masthead { height: 120px; height: 7.5rem; } /* line 45, ../scss/_header.scss */ header#masthead .logoHolder, header#masthead .logoHolder a { width: 160px; width: 10rem; height: 81px; height: 5.0625rem; } /* line 49, ../scss/_header.scss */ header#masthead .logoHolder { margin: 20px 0 0 0; margin: 1.25rem 0 0 0; } /* line 52, ../scss/_header.scss */ header#masthead .logoHolder a { background-size: 160px 81px; } } @media (min--moz-device-pixel-ratio: 2),(-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 59, ../scss/_header.scss */ header#masthead .logoHolder a { background-image: url(../images/@2x/logo@2x.png); -webkit-background-size: 160px 81px; background-size: 160px 81px; } /* line 54, ../scss/_mixins.scss */ header#masthead .logoHolder a img { display: none; } } @media not all, not all, (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px), not all, (min-resolution: 192dpi) and (min-width: 768px), (min-resolution: 2dppx) and (min-width: 768px) { header#masthead .logoHolder a { background-image: url(../images/@2x/logo@2x.png); -webkit-background-size: 201px 102px; background-size: 201px 102px; } } @media (min-width: 1024px) { /* line 69, ../scss/_header.scss */ header#masthead { position: fixed; top: 0; left: 0; } /* line 75, ../scss/_header.scss */ body.fixedHeader header#masthead { height: 120px; height: 7.5rem; } /* line 78, ../scss/_header.scss */ body.fixedHeader header#masthead .logoHolder { margin: 13px 0 0 0; margin: 0.8125rem 0 0 0; } /* line 82, ../scss/_header.scss */ body.fixedHeader header#masthead .logoHolder, body.fixedHeader header#masthead .logoHolder a { width: 181px; width: 11.3125rem; height: 92px; height: 5.75rem; } /* line 86, ../scss/_header.scss */ body.fixedHeader header#masthead .logoHolder a { background-size: 181px 92px; } } /* line 3, ../scss/_menu.scss */ nav#mainMenu { float: right; margin-top: 70px; margin-top: 4.375rem; } /* line 6, ../scss/_menu.scss */ nav#mainMenu ul { margin: 0; padding: 0; list-style-type: none; text-align: center; } /* line 9, ../scss/_menu.scss */ nav#mainMenu ul li { display: inline-block; height: 80px; height: 5rem; } /* line 12, ../scss/_menu.scss */ nav#mainMenu ul li a { display: block; height: 80px; height: 5rem; line-height: 80px; line-height: 5rem; padding: 0 15px; padding: 0 0.8375rem; position: relative; } /* line 19, ../scss/_menu.scss */ nav#mainMenu ul li li a { padding: 0; } /* line 22, ../scss/_menu.scss */ nav#mainMenu ul li a:after { content: ""; position: absolute; bottom: 20px; bottom: 1.25rem; height: 1px; height: 0.0625rem; width: auto; left: 50%; right: 50%; } /* line 33, ../scss/_menu.scss */ nav#mainMenu ul li a:hover:after, nav#mainMenu ul li a.active:after, nav#mainMenu ul li:hover a:after { left: 15px; left: 0.9375rem; right: 15px; right: 0.9375rem; } /* line 38, ../scss/_menu.scss */ nav#mainMenu ul li:last-child a { padding: 0 0 0 15px; padding: 0 0 0 0.8375rem; } /* line 42, ../scss/_menu.scss */ nav#mainMenu ul li:last-child a:hover:after, nav#mainMenu ul li:last-child a.active:after { right: 0; right: 0; } /* line 49, ../scss/_menu.scss */ nav#mainMenu .sf-menu { float: left; margin: 0; width: 100%; } /* line 54, ../scss/_menu.scss */ nav#mainMenu .sf-menu ul { min-width: 12em; /* allow long menu items to determine submenu width */ *width: 12em; /* no auto sub width for IE7, see white-space comment below */ } /* line 58, ../scss/_menu.scss */ nav#mainMenu .sf-menu a { text-decoration: none; zoom: 1; /* IE7 */ } /* line 62, ../scss/_menu.scss */ nav#mainMenu .sf-menu li { background: transparent; } /* line 66, ../scss/_menu.scss */ nav#mainMenu .sf-mega:before, nav#mainMenu .sf-mega:after { content: ""; position: absolute; width: 2000px; height: 100%; top: 0; bottom: 0; } /* line 74, ../scss/_menu.scss */ nav#mainMenu .sf-mega:before { left: -2000px; } /* line 77, ../scss/_menu.scss */ nav#mainMenu .sf-mega:after { right: -2000px; } /* line 80, ../scss/_menu.scss */ nav#mainMenu .sf-menu .sf-mega { position: absolute; display: none; top: 150px; top: 9.375rem; left: 0; z-index: 300; width: 100%; padding: 40px 50px; padding: 2.5rem 3.125rem; } /* line 89, ../scss/_menu.scss */ nav#mainMenu .sf-mega li { float: left; width: 25%; height: auto; padding: 12px 0; padding: 0.75rem 0; text-align: left; } /* line 96, ../scss/_menu.scss */ nav#mainMenu .sf-mega li a { line-height: normal; height: auto; display: inline-block; } /* line 100, ../scss/_menu.scss */ nav#mainMenu .sf-mega li a:after { display: none; } /* line 103, ../scss/_menu.scss */ nav#mainMenu .sf-mega li a:before { content: ""; position: absolute; bottom: -5px; bottom: -0.3125rem; height: 1px; height: 0.0625rem; width: auto; left: 50%; right: 50%; } /* line 116, ../scss/_menu.scss */ nav#mainMenu .sf-mega li a:hover:before, nav#mainMenu .sf-mega li a.active:before, nav#mainMenu .sf-mega li:hover a:before { left: 0; left: 0; right: 0; right: 0; } /* line 121, ../scss/_menu.scss */ nav#mainMenu ul .sf-mega li:last-child a { padding: 0; } /* line 126, ../scss/_menu.scss */ #menu-toggle { width: 40px; width: 2.5rem; height: 30px; height: 1.875rem; position: absolute; right: 6%; cursor: pointer; display: none; } /* line 133, ../scss/_menu.scss */ #menu-toggle span { display: block; } /* line 136, ../scss/_menu.scss */ #menu-toggle:before { content: "Menu"; position: absolute; left: -60px; left: -3.75rem; top: 5px; top: 0.3125rem; } /* line 142, ../scss/_menu.scss */ #menu-toggle a { display: block; height: 30px; height: 1.875rem; } /* line 146, ../scss/_menu.scss */ #menu-toggle #hamburger { position: absolute; height: 100%; width: 100%; } /* line 150, ../scss/_menu.scss */ #menu-toggle #hamburger span { width: 40px; height: 3px; position: relative; top: 0; left: 0; margin: 0; } /* line 157, ../scss/_menu.scss */ #menu-toggle #hamburger span:nth-child(1) { transition-delay: .5s; } /* line 160, ../scss/_menu.scss */ #menu-toggle #hamburger span:nth-child(2) { transition-delay: .625s; top: 10px; top: 0.625rem; } /* line 164, ../scss/_menu.scss */ #menu-toggle #hamburger span:nth-child(3) { transition-delay: .75s; top: 20px; top: 1.25rem; } /* line 170, ../scss/_menu.scss */ #menu-toggle #cross { position: absolute; height: 54px; width: 54px; transform: rotate(45deg); } /* line 175, ../scss/_menu.scss */ #menu-toggle #cross span:nth-child(1) { height: 0%; width: 3px; position: absolute; top: 4px; left: 11px; transition-delay: 0s; } /* line 183, ../scss/_menu.scss */ #menu-toggle #cross span:nth-child(2) { width: 0%; height: 3px; position: absolute; left: -8px; top: 23px; transition-delay: .25s; } /* line 197, ../scss/_menu.scss */ html.mm-opened #menu-toggle #hamburger span { width: 0%; } /* line 199, ../scss/_menu.scss */ html.mm-opened #menu-toggle #hamburger span:nth-child(1) { transition-delay: 0s; } /* line 202, ../scss/_menu.scss */ html.mm-opened #menu-toggle #hamburger span:nth-child(2) { transition-delay: .125s; } /* line 205, ../scss/_menu.scss */ html.mm-opened #menu-toggle #hamburger span:nth-child(3) { transition-delay: .25s; } /* line 212, ../scss/_menu.scss */ html.mm-opened #menu-toggle #cross span:nth-child(1) { height: 80%; transition-delay: .625s; } /* line 218, ../scss/_menu.scss */ html.mm-opened #menu-toggle #cross span:nth-child(2) { width: 80%; transition-delay: .375s; } /* line 228, ../scss/_menu.scss */ .mm-search .searchButton { position: absolute; right: 35px; right: 2.1875rem; top: 30px; top: 1.875rem; width: 36px; width: 2.25rem; height: 36px; height: 2.25rem; border: none; -webkit-appearance: none; padding: 0; } /* line 237, ../scss/_menu.scss */ .mm-search .searchButton:hover { cursor: pointer; } /* line 240, ../scss/_menu.scss */ .mm-search .searchButton:before { width: 30px; width: 1.875rem; height: 36px; height: 2.25rem; content: "\f002"; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; text-align: right; line-height: 36px; line-height: 2.25rem; color: #2e2d2c; text-align: center; } /* line 252, ../scss/_menu.scss */ .mm-search .searchButton:hover { cursor: pointer; } /* line 257, ../scss/_menu.scss */ .mm-search input::-webkit-input-placeholder { color: #2e2d2c; opacity: 1; } /* line 261, ../scss/_menu.scss */ .mm-search input:moz-placeholder { color: #2e2d2c; opacity: 1; } /* line 265, ../scss/_menu.scss */ .mm-search input::-moz-placeholder { color: #2e2d2c; opacity: 1; } /* line 269, ../scss/_menu.scss */ .mm-search input:-ms-input-placeholder { color: #2e2d2c; opacity: 1; } /* line 276, ../scss/_menu.scss */ .mobileMenus { width: 201px; width: 12.5625rem; height: 101px; height: 6.3125rem; position: absolute; left: 30px; left: 1.875rem; top: 30px; top: 1.875rem; z-index: 10; background-image: url(../images/global/logo.png); } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 276, ../scss/_menu.scss */ .mobileMenus { background-image: url(../images/@2x/logo@2x.png); -webkit-background-size: 201px 101px; background-size: 201px 101px; } } /* line 287, ../scss/_menu.scss */ .mobileMenusClose { position: absolute; width: 100%; top: 90px; top: 5.625rem; height: 40px; height: 2.5rem; width: 94px; width: 5.875rem; right: 30px; right: 1.875rem; z-index: 100; } /* line 295, ../scss/_menu.scss */ .mobileMenusClose .innerHeaderClose a.mobMenuBTNClose { position: absolute; left: 0; top: 0; z-index: 2; height: 45px; height: 2.8125rem; width: 100%; text-align: center; line-height: 45px; line-height: 2.8125rem; } /* line 304, ../scss/_menu.scss */ .mobileMenusClose .innerHeaderClose a.mobMenuBTNClose:hover { cursor: pointer; } /* line 307, ../scss/_menu.scss */ .mobileMenusClose .innerHeaderClose a.mobMenuBTNClose span { display: inline-block; margin: 0 12px 0 0; margin: 0 0.75rem 0 0; float: left; } /* line 312, ../scss/_menu.scss */ .mobileMenusClose .innerHeaderClose a.mobMenuBTNClose i { float: right; display: inline-block; margin-top: 7px; margin-top: 0.4375rem; } /* line 318, ../scss/_menu.scss */ .mobileMenusClose .innerHeaderClose { width: 100%; float: left; } @media (max-width: 767px) { /* line 337, ../scss/_menu.scss */ .mobileMenus { width: 160px; width: 10rem; height: 80px; height: 5rem; left: 20px; left: 1.25rem; top: 20px; top: 1.25rem; background-image: url(../images/global/logo.png);} /* line 345, ../scss/_menu.scss */ .mm-search .searchButton { top: 130px; top: 8.125rem; } /* line 348, ../scss/_menu.scss */ nav#mainMenu { margin-top: 68px; margin-top: 4.25rem; } /* line 351, ../scss/_menu.scss */ #menu-toggle:before { display: none; } /* line 354, ../scss/_menu.scss */ .mobileMenusClose { width: 30px; width: 1.875rem; top: 70px; top: 4.375rem; } /* line 357, ../scss/_menu.scss */ .mobileMenusClose .innerHeaderClose a.mobMenuBTNClose span { 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 337, ../scss/_menu.scss */ .mobileMenus { background-image: url(../images/@2x/logo@2x.png); -webkit-background-size: 160px 80px; background-size: 160px 80px; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 364, ../scss/_menu.scss */ nav#mainMenu { margin-top: 95px; margin-top: 5.9375rem; } } @media (max-width: 1023px) { /* line 370, ../scss/_menu.scss */ nav#mainMenu .sf-menu { display: none; } /* line 373, ../scss/_menu.scss */ #menu-toggle { display: block; } } @media (min-width: 1024px) { /* line 380, ../scss/_menu.scss */ body.fixedHeader nav#mainMenu { margin-top: 40px; margin-top: 2.5rem; } /* line 382, ../scss/_menu.scss */ body.fixedHeader nav#mainMenu .sf-menu .sf-mega { top: 120px; top: 7.5rem; } } @media all and (min-width: 1024px) and (max-width: 1349px) { /* line 390, ../scss/_menu.scss */ nav#mainMenu .sf-menu .sf-mega { padding: 30px 6%; padding: 1.875rem 6%; } } /* line 3, ../scss/_footer.scss */ footer#siteFooter { float: left; width: 100%; padding: 20px 0; padding: 1.25rem 0; line-height: 1.32; } /* line 8, ../scss/_footer.scss */ footer#siteFooter .fLeft { float: left; } /* line 11, ../scss/_footer.scss */ footer#siteFooter .fCenter { position: absolute; left: 50%; width: 40%; margin-left: -20%; text-align: center; } /* line 17, ../scss/_footer.scss */ footer#siteFooter .fCenter a { display: inline-block; margin: 0 8px; margin: 0 0.5rem; } /* line 22, ../scss/_footer.scss */ footer#siteFooter .fRight { float: right; } /* *************** RESPONSIVE MEDIA QUERIES ************* */ @media (max-width: 1023px) { /* line 40, ../scss/_footer.scss */ footer#siteFooter { padding: 16px 0; padding: 1rem 0; } /* line 45, ../scss/_footer.scss */ footer#siteFooter .fLeft, footer#siteFooter .fCenter, footer#siteFooter .fRight { width: 100%; text-align: center; } /* line 49, ../scss/_footer.scss */ footer#siteFooter .fRight { margin: 0; margin: 0; } /* line 52, ../scss/_footer.scss */ footer#siteFooter .fCenter { position: relative; float: left; left: auto; margin: 10px 0; margin: 0.625rem 0; } } /* line 3, ../scss/_home.scss */ #banner { float: left; width: 100%; margin-top: 140px; margin-top: 8.75rem; } /* line 7, ../scss/_home.scss */ #banner .vegas-overlay { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.0) 10%, rgb(0, 0, 0) 50%); } /* line 12, ../scss/_home.scss */ #banner .bannerText { position: absolute; left: 50px; left: 3.125rem; right: 50px; right: 3.125rem; top: 0; width: auto; line-height: 1.05; } /* line 19, ../scss/_home.scss */ #banner .bannerText .rotatingText { bottom: 240px; bottom: 15rem; position: absolute; width: 100%; left: 0; } /* line 24, ../scss/_home.scss */ #banner .bannerText .rotatingText h1 { margin: 0; } /* line 27, ../scss/_home.scss */ #banner .bannerText .rotatingText h1 span { display: block; } /* line 36, ../scss/_home.scss */ #banner, #banner .container, #banner .bannerText { min-height: 500px; min-height: 31.25rem; height: 100%; height: calc(100vh - 140px); max-height: 100vh; } /* line 43, ../scss/_home.scss */ #centres { float: left; width: 100%; padding-bottom: 50px; padding-bottom: 3.125rem; } /* line 47, ../scss/_home.scss */ #centres .owl-carousel .owl-stage-outer { overflow: visible; } /* line 50, ../scss/_home.scss */ #centres .holder { float: left; width: 100%; margin-top: -150px; margin-top: -9.375rem; } /* line 55, ../scss/_home.scss */ #centres .centre { float: left; width: 100%; -webkit-box-shadow: 0px 5px 19px 0px rgba(0, 0, 0, 0.14); -moz-box-shadow: 0px 5px 19px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 5px 19px 0px rgba(0, 0, 0, 0.14); } /* line 61, ../scss/_home.scss */ #centres .centre.ncc { margin-left: 0; } /* line 64, ../scss/_home.scss */ #centres .centre a { display: block; float: left; width: 100%; } /* line 71, ../scss/_home.scss */ #centres .centre .name, #centres .centre .profilePic, #centres .centre .intro { float: left; width: 100%; } /* line 75, ../scss/_home.scss */ #centres .centre .name { height: 150px; height: 9.375rem; background-repeat: no-repeat; background-position: center center; } /* line 80, ../scss/_home.scss */ #centres .centre.ncc .name { background-image: url(../images/global/NC_logo_white.png); } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 80, ../scss/_home.scss */ #centres .centre.ncc .name { background-image: url(../images/@2x/NC_logo_white@2x.png); -webkit-background-size: 236px 91px; background-size: 236px 91px; } } /* line 84, ../scss/_home.scss */ #centres .centre.arc .name { background-image: url(../images/global/AR_logo_white.png); } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 84, ../scss/_home.scss */ #centres .centre.arc .name { background-image: url(../images/@2x/AR_logo_white@2x.png); -webkit-background-size: 236px 91px; background-size: 236px 91px; } } /* line 88, ../scss/_home.scss */ #centres .centre.lal .name { background-image: url(../images/global/lancashire_adult_logo.png); } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 88, ../scss/_home.scss */ #centres .centre.lal .name { background-image: url(../images/@2x/lancashire_adult_logo@2x.png); -webkit-background-size: 259px 91px; background-size: 259px 91px; } } /* line 92, ../scss/_home.scss */ #centres .centre .profilePic { position: relative; height: 210px; height: 13.125rem; overflow: hidden; } /* line 96, ../scss/_home.scss */ #centres .centre .profilePic img { position: absolute; top: 50%; left: 50%; width: 105%; height: auto; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); } /* line 106, ../scss/_home.scss */ #centres .centre .intro { padding: 25px 40px 90px 40px; padding: 1.5625rem 2.5rem 5.625rem 2.5rem; text-align: center; line-height: 1.4;font-size:1.125rem; position: relative; } /* line 112, ../scss/_home.scss */ #centres .centre .visit { padding: 9px 20px; padding: 0.5625rem 1.25rem; position: absolute; bottom: 25px; bottom: 1.5625rem; left: 50%; transform: translate(-50%, 0); border-style: solid; border-width: 1px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; background-clip: padding-box; behavior: url(PIE.htc); } /* line 122, ../scss/_home.scss */ #centres .centre a:hover .profilePic img { transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } /* line 130, ../scss/_home.scss */ #latestNews { float: left; width: 100%; padding: 50px 0; padding: 3.125rem 0; } /* line 134, ../scss/_home.scss */ #latestNews .owl-carousel .owl-stage-outer { z-index: 5; } /* line 137, ../scss/_home.scss */ #latestNews ul.newsList { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; } /* line 141, ../scss/_home.scss */ #latestNews ul.newsList li { float: left; width: 100%; /*&:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; @include rem(width, 1px); z-index: 3; }*/ } /* line 153, ../scss/_home.scss */ #latestNews ul.newsList li a { display: block; float: left; width: 100%; position: relative; height: 350px; height: 21.875rem; overflow: hidden; } /* line 162, ../scss/_home.scss */ #latestNews ul.newsList li .centreName, #latestNews ul.newsList li .blogContent { position: absolute; } /* line 165, ../scss/_home.scss */ #latestNews ul.newsList li .centreName { z-index: 10; height: 61px; width: 61px; top: 0; left: 0; background-repeat: no-repeat; background-position: center; } /* line 173, ../scss/_home.scss */ #latestNews ul.newsList li.ncc .centreName { background-image: url(../images/global/NC_social.png); } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 173, ../scss/_home.scss */ #latestNews ul.newsList li.ncc .centreName { background-image: url(../images/@2x/NC_social@2x.png); -webkit-background-size: 61px 61px; background-size: 61px 61px; } } /* line 177, ../scss/_home.scss */ #latestNews ul.newsList li.ncg .centreName { background-image: url(../images/global/NC_group_social.png); } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 177, ../scss/_home.scss */ #latestNews ul.newsList li.ncg .centreName { background-image: url(../images/@2x/NC_group_social@2x.png); -webkit-background-size: 61px 61px; background-size: 61px 61px; } } #latestNews ul.newsList li.lal .centreName { background-image: url(../images/global/lancashire_adult_social.png); } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 177, ../scss/_home.scss */ #latestNews ul.newsList li.lal .centreName { background-image: url(../images/@2x/lancashire_adult_social@2x.png); -webkit-background-size: 61px 61px; background-size: 61px 61px; } } /* line 181, ../scss/_home.scss */ #latestNews ul.newsList li.arc .centreName { background-image: url(../images/global/AR_social.png); } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 181, ../scss/_home.scss */ #latestNews ul.newsList li.arc .centreName { background-image: url(../images/@2x/AR_social@2x.png); -webkit-background-size: 61px 61px; background-size: 61px 61px; } } /* line 185, ../scss/_home.scss */ #latestNews ul.newsList li figure { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 1; margin: 0; overflow: hidden; } /* line 190, ../scss/_home.scss */ #latestNews ul.newsList li figure img { position: absolute; height: 105%; width: auto; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); } /* line 199, ../scss/_home.scss */ #latestNews ul.newsList li figure:before { /* overlay */ position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; content: ""; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); z-index: 2; } /* line 207, ../scss/_home.scss */ #latestNews ul.newsList li figure:after { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; content: ""; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 3%, rgba(0, 0, 0, 0.1) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 3%, rgba(0, 0, 0, 0.1) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 3%, rgba(0, 0, 0, 0.1) 100%); z-index: 3; opacity: 0; } /* line 217, ../scss/_home.scss */ #latestNews ul.newsList li .blogContent { z-index: 20; padding: 0 13%; text-align: center; top: 250px; top: 15.625rem; left: 0; width: 100%; height: 100%; line-height: 1.3; } /* line 226, ../scss/_home.scss */ #latestNews ul.newsList li .blogContent .title { margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 229, ../scss/_home.scss */ #latestNews ul.newsList li .blogContent .group { float: left; width: 100%; position: relative; } /* line 234, ../scss/_home.scss */ #latestNews ul.newsList li .blogContent .excerpt { opacity: 0; height: 0; } /* line 239, ../scss/_home.scss */ #latestNews ul.newsList li .more { display: block; height: 50px; height: 3.125rem; line-height: 50px; line-height: 3.125rem; position: absolute; width: 150px; width: 9.375rem; bottom: 25px; bottom: 1.5625rem; left: 50%; text-align: center; transform: translate(-50%, 0); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; background-clip: padding-box; behavior: url(PIE.htc); opacity: 0; z-index: 20; transition: opacity 0.1s ease-out 0.1s; } /* line 256, ../scss/_home.scss */ #latestNews ul.newsList li a:hover figure img { transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } /* line 260, ../scss/_home.scss */ #latestNews ul.newsList li a:hover figure:after { /* overlay hover */ opacity: 1; } /* line 264, ../scss/_home.scss */ #latestNews ul.newsList li a:hover .blogContent { top: 80px; top: 5rem; } /* line 267, ../scss/_home.scss */ #latestNews ul.newsList li a:hover .blogContent .excerpt { height: auto; opacity: 1; } /* line 271, ../scss/_home.scss */ #latestNews ul.newsList li a:hover .more { opacity: 1; } /* line 278, ../scss/_home.scss */ #latestNews .owl-nav { position: absolute; width: 100%; cursor: pointer; display: block; top: 50%; margin-top: -20px; margin-top: -1.25rem; height: 40px; height: 2.5rem; z-index: 3; } /* line 289, ../scss/_home.scss */ #latestNews .owl-prev, #latestNews .owl-next { height: 40px; width: 40px; position: absolute; outline: none; border: none; -webkit-appearance: none; z-index: 2; top: 0; opacity: 0.5; } /* line 298, ../scss/_home.scss */ #latestNews .owl-prev:before, #latestNews .owl-next:before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; font-family: 'Font Awesome 5 Free'; font-weight: 900; text-align: center; line-height: 40px; line-height: 2.5rem; } /* line 305, ../scss/_home.scss */ #latestNews .owl-prev:hover, #latestNews .owl-next:hover { opacity: 0.2; } /* line 309, ../scss/_home.scss */ #latestNews .owl-prev { left: -60px; left: -3.75rem; } /* line 311, ../scss/_home.scss */ #latestNews .owl-prev:before { content: "\f053"; } /* line 315, ../scss/_home.scss */ #latestNews .owl-next { right: -60px; right: -3.75rem; } /* line 317, ../scss/_home.scss */ #latestNews .owl-next:before { content: "\f054"; } /* line 321, ../scss/_home.scss */ #latestNews .owl-dots { display: none; } /* line 327, ../scss/_home.scss */ #socialVideos { float: left; width: 100%; } /* line 330, ../scss/_home.scss */ #socialVideos .videos { width: 66.1538%; float: left; } /* line 334, ../scss/_home.scss */ #socialVideos .vid { height: 350px; height: 21.875rem; float: left; width: 48.8372%; position: relative; background-position: center;} /* line 339, ../scss/_home.scss */ #socialVideos .vid a { display: block; } /* line 342, ../scss/_home.scss */ #socialVideos .vid i.fa-play { height: 110px; width: 110px; -webkit-border-radius: 55px; -moz-border-radius: 55px; -ms-border-radius: 55px; border-radius: 55px; background-clip: padding-box; behavior: url(PIE.htc); position: absolute; left: 50%; top: 50%; text-align: center; line-height: 110px; line-height: 6.875rem; margin: -55px 0 0 -55px; margin: -3.4375rem 0 0 -3.4375rem; z-index: 3; } /* line 353, ../scss/_home.scss */ #socialVideos .vid .overlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 2; } /* line 357, ../scss/_home.scss */ #socialVideos .vid:first-of-type { margin-right: 2.3256%; } /* line 361, ../scss/_home.scss */ #socialVideos .twitterFeed { width: 31.9230%; float: right; } /* line 364, ../scss/_home.scss */ #socialVideos .twitterFeed .holder { float: left; width: 100%; height: 350px; height: 21.875rem; text-align: center; padding: 0 60px 20px 60px; padding: 0 1.75rem 1.25rem 1.75rem; } /* line 370, ../scss/_home.scss */ #socialVideos .twitterFeed .holder .feedName { margin: 10px 0 40px 0; margin: 0.625rem 0 2.5rem 0; } /* line 373, ../scss/_home.scss */ #socialVideos .twitterFeed .holder .twitterItem { position: absolute; left: 0; top: 0; width: 100%; line-height: 1.2; } /* line 379, ../scss/_home.scss */ #socialVideos .twitterFeed .holder .twitterItem i.fa-twitter { margin-top: 40px; margin-top: 2.5rem; } /* line 382, ../scss/_home.scss */ #socialVideos .twitterFeed .holder .twitterItem .meta { position: absolute; bottom: 30px; bottom: 1.875rem; left: 0; width: 100%; } /* line 387, ../scss/_home.scss */ #socialVideos .twitterFeed .holder .twitterItem .meta a { margin: 0 5px; margin: 0 0.3125rem; opacity: 1; } /* line 391, ../scss/_home.scss */ #socialVideos .twitterFeed .holder .twitterItem .meta a:hover { opacity: 0.6; } /* line 397, ../scss/_home.scss */ #socialVideos .twitterFeed .holder .owl-item, #socialVideos .twitterFeed .holder .twitterItem { height: 320px; height: 20.875rem; } /* line 401, ../scss/_home.scss */ #socialVideos .twitterFeed .owl-nav { position: absolute; width: 100%; cursor: pointer; display: block; top: 50%; margin-top: -20px; margin-top: -1.25rem; height: 40px; height: 2.5rem; z-index: 3; } /* line 412, ../scss/_home.scss */ #socialVideos .twitterFeed .owl-prev, #socialVideos .twitterFeed .owl-next { height: 40px; width: 40px; position: absolute; outline: none; border: none; -webkit-appearance: none; z-index: 2; top: 0; opacity: 0.5; } /* line 421, ../scss/_home.scss */ #socialVideos .twitterFeed .owl-prev:before, #socialVideos .twitterFeed .owl-next:before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; font-family: 'Font Awesome 5 Free'; font-weight: 900; text-align: center; line-height: 40px; line-height: 2.5rem; } /* line 428, ../scss/_home.scss */ #socialVideos .twitterFeed .owl-prev:hover, #socialVideos .twitterFeed .owl-next:hover { opacity: 1; } /* line 432, ../scss/_home.scss */ #socialVideos .twitterFeed .owl-prev { left: -50px; left: -3.125rem; } /* line 434, ../scss/_home.scss */ #socialVideos .twitterFeed .owl-prev:before { content: "\f053"; } /* line 438, ../scss/_home.scss */ #socialVideos .twitterFeed .owl-next { right: -50px; right: -3.125rem; } /* line 440, ../scss/_home.scss */ #socialVideos .twitterFeed .owl-next:before { content: "\f054"; } /* line 444, ../scss/_home.scss */ #socialVideos .twitterFeed .owl-dots { display: none; } /* line 451, ../scss/_home.scss */ #groupStats { float: left; width: 100%; padding: 40px 0 110px 0; padding: 2.5rem 0 6.875rem 0; } /* line 455, ../scss/_home.scss */ #groupStats .holder { margin-top: 60px; margin-top: 3.75rem; float: left; width: 100%; } /* line 460, ../scss/_home.scss */ #groupStats ul.stats { margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; } /* line 464, ../scss/_home.scss */ #groupStats ul.stats li { float: left; width: 100%; position: relative; } /* line 468, ../scss/_home.scss */ #groupStats ul.stats li > div { position: relative; float: left; margin: 0; } /* line 473, ../scss/_home.scss */ #groupStats ul.stats li .content { z-index: 3; float: left; width: 100%; text-align: center; padding: 0 20px 40px 20px; padding: 0 1.25rem 2.5rem 1.25rem; } /* line 479, ../scss/_home.scss */ #groupStats ul.stats li .content .name { position: relative; float: left; width: 100%; margin-top: 20px; margin-top: 1.25rem;line-height:2.25rem } /* line 488, ../scss/_home.scss */ #groupStats .owl-carousel .owl-stage-outer { overflow: hidden; padding: 15px 0; padding: 0.9375rem 0; } /* line 492, ../scss/_home.scss */ #groupStats .owl-nav { display: none; } /* line 495, ../scss/_home.scss */ #groupStats .owl-dots { float: left; width: 100%; text-align: center; } /* line 499, ../scss/_home.scss */ #groupStats .owl-dots button { height: 20px; width: 20px; margin: 0 7px; margin: 0 0.4375rem; } /* line 507, ../scss/_home.scss */ #logoShowcase { float: left; width: 100%; padding: 60px 0; padding: 3.75rem 0; } /* line 511, ../scss/_home.scss */ /* line 515, ../scss/_home.scss */ #logoShowcase .logo img { max-width: 100%; display: block; margin: 0 auto; height: auto; opacity: 0.8; } /* line 522, ../scss/_home.scss */ #logoShowcase .logo:hover img { opacity: 1; } /* line 526, ../scss/_home.scss */ #logoShowcase .owl-nav { position: absolute; width: 100%; cursor: pointer; display: block; top: 50%; margin-top: -40px; margin-top: -2.5rem; height: 80px; height: 5rem; z-index: 3; } /* line 537, ../scss/_home.scss */ #logoShowcase .owl-prev, #logoShowcase .owl-next { height: 80px; width: 80px; position: absolute; outline: none; border: none; -webkit-appearance: none; z-index: 2; top: 0; } /* line 545, ../scss/_home.scss */ #logoShowcase .owl-prev:before, #logoShowcase .owl-next:before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; font-family: 'Font Awesome 5 Free'; font-weight: 900; text-align: center; line-height: 80px; line-height: 5rem; } /* line 553, ../scss/_home.scss */ #logoShowcase .owl-prev { left: -120px; left: -7.5rem; } /* line 555, ../scss/_home.scss */ #logoShowcase .owl-prev:before { content: "\f053"; } /* line 559, ../scss/_home.scss */ #logoShowcase .owl-next { right: -120px; right: -7.5rem; } /* line 561, ../scss/_home.scss */ #logoShowcase .owl-next:before { content: "\f054"; } /* line 565, ../scss/_home.scss */ #logoShowcase .owl-dots { display: none; } @media (max-width: 767px) { /* line 583, ../scss/_home.scss */ #banner, #banner .container, #banner .bannerText { height: 300px; height: 18.75rem; min-height: 0; } /* line 587, ../scss/_home.scss */ #banner .bannerText { left: 6%; right: 6%; padding: 0; } /* line 591, ../scss/_home.scss */ #banner .bannerText .rotatingText { bottom: 80px; bottom: 5rem; } /* line 595, ../scss/_home.scss */ #centres { padding-bottom: 5px; padding-bottom: 0.3125rem; } /* line 597, ../scss/_home.scss */ #centres .holder { max-width: 300px; max-width: 18.75rem; width: 100%; margin: -100px auto 0 auto; float: none; } /* line 603, ../scss/_home.scss */ #centres .holder { margin-top: -100px; margin-top: -6.25rem; } /* line 606, ../scss/_home.scss */ #centres .centre .name { height: 100px; height: 6.25rem; background-size: auto 60px!important; } /* line 610, ../scss/_home.scss */ #centres .centre .profilePic { height: 110px; height: 6.875rem; } /* line 613, ../scss/_home.scss */ #centres .centre .intro { padding: 10px 20px 65px 20px; padding: 0.625rem 1.25rem 4.0625rem 1.25rem; } /* line 616, ../scss/_home.scss */ #centres .centre .visit { padding: 7px 10px; padding: 0.4375rem 0.625rem; bottom: 20px; bottom: 1.25rem; } /* line 621, ../scss/_home.scss */ #latestNews { padding: 25px 0 50px 0; padding: 1.5625rem 0 3.125rem 0; } /* line 623, ../scss/_home.scss */ #latestNews ul.newsList li a { height: 240px; height: 15rem; } /* line 626, ../scss/_home.scss */ #latestNews ul.newsList li .blogContent .excerpt { display: none; } /* line 629, ../scss/_home.scss */ #latestNews ul.newsList li .blogContent { top: 160px; top: 10rem; padding: 0 8%; } /* line 633, ../scss/_home.scss */ #latestNews ul.newsList li a:hover .blogContent { top: 95px; top: 5.9375rem; } /* line 636, ../scss/_home.scss */ #latestNews ul.newsList li .more { height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; width: 115px; width: 7.1875rem; } /* line 641, ../scss/_home.scss */ #latestNews .owl-nav { top: auto; bottom: -45px; bottom: -2.8125rem; } /* line 644, ../scss/_home.scss */ #latestNews .owl-nav .owl-prev { left: 50%; margin-left: -45px; margin-left: -2.8125rem; } /* line 648, ../scss/_home.scss */ #latestNews .owl-nav .owl-next { right: 50%; margin-right: -45px; margin-right: -2.8125rem; } /* line 654, ../scss/_home.scss */ #socialVideos .vid { width: 100%; margin: 0 0 15px 0; margin: 0 0 0.9375rem 0; height: 240px; height: 15rem; } /* line 658, ../scss/_home.scss */ #socialVideos .vid:first-of-type { margin-right: 0; } /* line 661, ../scss/_home.scss */ #socialVideos .vid i.fa-play { height: 80px; width: 80px; line-height: 80px; line-height: 5rem; margin: -40px 0 0 -40px; margin: -2.5rem 0 0 -2.5rem; } /* line 667, ../scss/_home.scss */ #socialVideos .twitterFeed .holder { padding: 0 40px 20px 40px; padding: 0 2.5rem 1.25rem 2.5rem; } /* line 669, ../scss/_home.scss */ #socialVideos .twitterFeed .holder .twitterItem i.fa-twitter { margin-top: 26px; margin-top: 1.625rem; } /* line 673, ../scss/_home.scss */ #socialVideos .twitterFeed .owl-prev { left: -40px; left: -2.5rem; } /* line 676, ../scss/_home.scss */ #socialVideos .twitterFeed .owl-next { right: -40px; right: -2.5rem; } /* line 679, ../scss/_home.scss */ #groupStats { padding: 15px 0 25px 0; padding: 0.9375rem 0 1.5625rem 0; } /* line 681, ../scss/_home.scss */ #groupStats ul.stats li .content { padding: 0 10px 20px 10px; padding: 0 0.625rem 1.25rem 0.625rem; } /* line 685, ../scss/_home.scss */ #logoShowcase { padding: 25px 0; padding: 1.5625rem 0; } /* line 687, ../scss/_home.scss */ #logoShowcase .container { padding: 0; padding: 0; max-width: 100%; } /* line 691, ../scss/_home.scss */ #logoShowcase .owl-nav button { height: 42px; width: 42px; } /* line 693, ../scss/_home.scss */ #logoShowcase .owl-nav button:before { line-height: 42px; line-height: 2.625rem; } /* line 697, ../scss/_home.scss */ #logoShowcase .owl-nav .owl-prev { left: 6%; } /* line 700, ../scss/_home.scss */ #logoShowcase .owl-nav .owl-next { right: 6%; } /* line 703, ../scss/_home.scss */ #logoShowcase .owl-carousel .owl-stage-outer { width: 160px; overflow: hidden; margin: 0 auto; } /* line 708, ../scss/_home.scss */ #logoShowcase .logo { width: 160px; } /* line 711, ../scss/_home.scss */ #logoShowcase .owl-nav { margin-top: -21px; margin-top: -1.3125rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 720, ../scss/_home.scss */ #banner, #banner .container, #banner .bannerText { height: 400px; height: 25rem; min-height: 0; } /* line 724, ../scss/_home.scss */ #banner .bannerText .rotatingText { bottom: 140px; bottom: 8.75rem; } /* line 728, ../scss/_home.scss */ #centres .holder { margin-top: -130px; margin-top: -8.125rem; } /* line 731, ../scss/_home.scss */ #centres .centre .name { height: 130px; height: 8.125rem; background-size: 82% auto!important; } /* line 735, ../scss/_home.scss */ #centres .centre .profilePic { height: 110px; height: 6.875rem; } /* line 738, ../scss/_home.scss */ #centres .centre .intro { padding: 10px 20px 90px 20px; padding: 0.625rem 1.25rem 5.625rem 1.25rem; } /* line 741, ../scss/_home.scss */ #centres .centre .visit { padding: 7px 10px; padding: 0.4375rem 0.625rem; } /* line 745, ../scss/_home.scss */ #latestNews { padding: 45px 0 35px 0; padding: 2.8125rem 0 2.1875rem 0; } /* line 748, ../scss/_home.scss */ #socialVideos .videos { padding-bottom: 35px; padding-bottom: 2.1875rem; } /* line 751, ../scss/_home.scss */ #groupStats { padding: 40px 0 50px 0; padding: 2.5rem 0 3.125rem 0; } /* line 754, ../scss/_home.scss */ #logoShowcase { padding: 50px 0; padding: 3.125rem 0; } /* line 756, ../scss/_home.scss */ #logoShowcase .container { padding: 0; padding: 0; max-width: 100%; } /* line 760, ../scss/_home.scss */ #logoShowcase .owl-nav .owl-prev { left: -80px; } /* line 763, ../scss/_home.scss */ #logoShowcase .owl-nav .owl-next { right: -80px; } #logoShowcase .owl-nav {width:80%} /* line 766, ../scss/_home.scss */ #logoShowcase .owl-carousel { padding-left: 10%; padding-right: 10%;} #logoShowcase .owl-carousel .owl-stage-outer { width: auto;} } @media (max-width: 1023px) { /* line 776, ../scss/_home.scss */ #banner { margin-top: 0; } /* line 780, ../scss/_home.scss */ #socialVideos .videos, #socialVideos .twitterFeed { width: 100%; } /* line 783, ../scss/_home.scss */ #groupStats .holder { margin-top: 0; } /* line 786, ../scss/_home.scss */ #latestNews ul.newsList li figure img { width: 160%; height: auto; } /* line 790, ../scss/_home.scss */ #latestNews ul.newsList li:before { display: none; } } @media all and (min-width: 1024px) and (max-width: 1300px) { /* line 797, ../scss/_home.scss */ #centres .centre .profilePic { height: 150px; height: 9.375rem; } /* line 800, ../scss/_home.scss */ #centres .centre .intro { padding: 10px 30px 75px 30px; padding: 0.625rem 1.875rem 4.6875rem 1.875rem; } /* line 805, ../scss/_home.scss */ #socialVideos .twitterFeed .holder .twitterItem i.fa-twitter { margin-top: 30px; margin-top: 1.875rem; } /* line 808, ../scss/_home.scss */ #socialVideos .twitterFeed .holder .feedName { margin: 8px 0 25px 0; margin: 0.5rem 0 1.5625rem 0; } } @media all and (min-width: 768px) and (max-width: 1300px) { /* line 817, ../scss/_home.scss */ #latestNews ul.newsList li .more { height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; width: 130px; width: 8.125rem; } /* line 822, ../scss/_home.scss */ #latestNews ul.newsList li .blogContent { padding: 0 8%; } /* line 826, ../scss/_home.scss */ #latestNews ul.newsList li a:hover .blogContent { top: 75px; top: 4.6875rem; } /* line 829, ../scss/_home.scss */ #latestNews .owl-prev { left: -45px; left: -2.8125rem; } /* line 832, ../scss/_home.scss */ #latestNews .owl-next { right: -45px; right: -2.8125rem; } } @media (max-width: 1349px) { /* line 840, ../scss/_home.scss */ #banner .bannerText { left: 6%; right: 6%; } } @media all and (min-width: 1024px) and (max-width: 1550px) { /* line 847, ../scss/_home.scss */ #logoShowcase .container { padding: 0 140px; padding: 0 8.75rem; max-width: 100%; } } @media all and (min-width: 768px) and (max-width: 1550px) { /* line 855, ../scss/_home.scss */ #logoShowcase .owl-prev, #logoShowcase .owl-next { height: 70px; width: 70px; line-height: 70px; line-height: 4.375rem; } /* line 858, ../scss/_home.scss */ #logoShowcase .owl-prev:before, #logoShowcase .owl-next:before { line-height: 70px; line-height: 4.375rem; } } /* line 4, ../scss/_page.scss */ #banner.page h1.pageTitle { margin: 0; line-height: 1.05; position: absolute; left: 50px; left: 3.125rem; top: 50%; transform: translateY(-50%); } /* line 11, ../scss/_page.scss */ #banner.page h1.pageTitle span { display: block; } /* line 17, ../scss/_page.scss */ #banner.page { height: 540px; height: 33.75rem; max-height: 60vh; min-height: 0; } /* line 22, ../scss/_page.scss */ #banner.page .container { height: 440px; height: 27.5rem; min-height: 0; } /* line 28, ../scss/_page.scss */ html.ipad.landscape body.page #banner.page, html.ipad.landscape body.page #banner.page .container { height: 380px; height: 23.75rem; min-height: 0; } /* line 33, ../scss/_page.scss */ #pageHolder { float: left; width: 100%; z-index: 100; position: relative; } /* line 38, ../scss/_page.scss */ #pageHolder:before { content: ""; position: absolute; left: -200px; left: -12.5rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); width: 818px; width: 51.125rem; max-height: 941px; max-height: 58.8125rem;height: 100%; background-image: url(../images/background/ampersand_internal.png); background-position: center center; background-repeat: no-repeat; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 38, ../scss/_page.scss */ #pageHolder:before { background-image: url(../images/@2x/ampersand_internal@2x.png); -webkit-background-size: 818px 941px; background-size: 818px 941px; } } /* line 52, ../scss/_page.scss */ #pageHolder .pageHolder { float: left; width: 100%; position: relative; margin: -150px 0 0 0; margin: -9.375rem 0 0 0; padding: 50px 0 75px 0; padding: 3.125rem 0 4.6875rem 0; } /* line 59, ../scss/_page.scss */ #pageHolder aside#sidebar { float: left; width: 310px; width: 19.375rem; position: relative; padding: 0; } /* line 64, ../scss/_page.scss */ #pageHolder aside#sidebar nav#sideMenu { float: left; width: 100%; padding-bottom: 15px; padding-bottom: 0.9375rem; } /* line 69, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader { display: block; float: left; position: relative; padding: 0 30px; padding: 0 1.875rem; width: 100%; height: 80px; height: 5rem; line-height: 80px; line-height: 5rem; } /* line 77, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader .sectionTitle i { display: none; line-height: 40px; line-height: 2.5rem; -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* line 82, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader a.linkAction { display: none; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* line 87, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader.sectionMenuOpen .sectionTitle i { -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); margin: 0 0 0 0; margin: 0 0 0 0; } /* line 91, ../scss/_page.scss */ #pageHolder aside#sidebar ul { margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; padding: 0 0 15px 0; padding: 0 0 0.9375rem 0; } /* line 96, ../scss/_page.scss */ #pageHolder aside#sidebar ul li { float: left; width: 100%; position: relative; } /* line 100, ../scss/_page.scss */ #pageHolder aside#sidebar ul li a { display: inline-block; padding: 6px 30px; padding: 0.375rem 1.875rem; line-height: 1.3; position: relative; } /* line 106, ../scss/_page.scss */ #pageHolder aside#sidebar ul li a:after { content: ""; position: absolute; bottom: 2px; bottom: 0.125rem; height: 1px; height: 0.0625rem; width: auto; left: 50%; right: 50%; } /* line 116, ../scss/_page.scss */ #pageHolder aside#sidebar ul li a:hover:after, #pageHolder aside#sidebar ul li a.active:after { left: 30px; left: 1.875rem; right: 30px; right: 1.875rem; } /* line 120, ../scss/_page.scss */ #pageHolder aside#sidebar ul li.has-sub > a { padding: 6px 60px 6px 30px; padding: 0.375rem 3.75rem 0.375rem 1.875rem; } /* line 124, ../scss/_page.scss */ #pageHolder aside#sidebar ul li.has-sub > a:hover:after, #pageHolder aside#sidebar ul li.has-sub > a.active:after { right: 60px; right: 3.75rem; } /* line 127, ../scss/_page.scss */ #pageHolder aside#sidebar ul li ul { display: none; margin: 0 0 6px 0; margin: 0 0 0.375rem 0; padding: 0; } /* line 131, ../scss/_page.scss */ #pageHolder aside#sidebar ul li ul li { float: left; width: 100%; padding: 0; border: none; } /* line 136, ../scss/_page.scss */ #pageHolder aside#sidebar ul li ul li a { padding: 2px 35px 2px 45px; padding: 0.125rem 2.1875rem 0.125rem 2.8125rem; border: none; } /* line 140, ../scss/_page.scss */ #pageHolder aside#sidebar ul li ul li a:after { display: none!important; } /* line 143, ../scss/_page.scss */ #pageHolder aside#sidebar ul li ul li:before { position: absolute; top: 4px; top: 0.25rem; left: 30px; left: 1.875rem; content: "-"; } /* line 151, ../scss/_page.scss */ #pageHolder aside#sidebar ul li.has-sub ul { display: none; } /* line 154, ../scss/_page.scss */ #pageHolder aside#sidebar ul li.has-sub.open .holder { top: -1px; top: -0.0625rem; } /* line 157, ../scss/_page.scss */ #pageHolder aside#sidebar ul li.has-sub.open .holder:after { content: "\f106"; } /* line 162, ../scss/_page.scss */ #pageHolder aside#sidebar .holder { width: 30px; width: 1.875rem; height: 0; right: 15px; right: 0.9375rem; position: absolute; top: 0; top: 0; height: 100%; } /* line 169, ../scss/_page.scss */ #pageHolder aside#sidebar .holder:after { display: block; position: absolute; text-align: center; width: 100%; height: 12px; height: 0.75rem; padding: 0; padding: 0; z-index: 10; content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 900; top: 10px; top: 0.625rem; } /* line 182, ../scss/_page.scss */ #pageHolder aside#sidebar .holder:hover { cursor: pointer; } /* line 188, ../scss/_page.scss */ #pageHolder .breadcrumb { float: left; position: relative; width: 100%; margin-bottom: 40px; margin-bottom: 2.5rem; line-height: 1.3; } /* line 194, ../scss/_page.scss */ #pageHolder .breadcrumb a { word-break: break-word; padding: 0 4px; padding: 0 0.25rem; margin-right: 6px; margin-right: 0.375rem; position: relative; } /* line 201, ../scss/_page.scss */ #pageHolder .breadcrumb a:hover, #pageHolder .breadcrumb a.current { text-decoration: underline; } /* line 204, ../scss/_page.scss */ #pageHolder .breadcrumb a:first-child { padding: 0 4px 0 0; padding: 0 0.25rem 0 0; } /* line 209, ../scss/_page.scss */ #pageHolder #pageContent { margin-left: 330px; margin-left: 20.625rem; padding: 50px 80px 100px 80px; padding: 3.125rem 5rem 6.25rem 5rem; position: relative; } /* line 214, ../scss/_page.scss */ #pageHolder #pageContent .inner { float: left; width: 100%; } /* line 218, ../scss/_page.scss */ #pageHolder #pageContent ul, #pageHolder #pageContent ol { line-height: 1.5; display: block; width: 100%; } /* line 223, ../scss/_page.scss */ #pageHolder #pageContent ul { margin-bottom: 25px; margin-bottom: 1.5625rem; margin-left: 0; padding: 0; padding-left: 20px; padding-left: 1.25rem; } /* line 228, ../scss/_page.scss */ #pageHolder #pageContent ul li { position: relative; list-style-position: outside; } /* line 233, ../scss/_page.scss */ #pageHolder #pageContent ol { counter-reset: li; list-style: none; *list-style: decimal; padding: 0 0 0 24px; width: 96%; } /* line 239, ../scss/_page.scss */ #pageHolder #pageContent ol li { position: relative; margin-bottom: 1px; margin-bottom: 0.0625rem; } /* line 243, ../scss/_page.scss */ #pageHolder #pageContent ol li:before { content: counter(li) "."; counter-increment: li; position: absolute; left: -28px; left: -1.75rem; top: 0; top: 0; height: 20px; width: 20px; text-align: center; } /* line 253, ../scss/_page.scss */ #pageHolder #pageContent h1 { margin-top: 0; margin-bottom: 40px; margin-bottom: 2.5rem; position: relative; line-height: 1.1; position: relative; width: 100%; float: left; } /* line 262, ../scss/_page.scss */ #pageHolder #pageContent p { line-height: 1.5; margin: 0 0 20px 0; margin: 0 0 1.25rem 0; } /* line 266, ../scss/_page.scss */ #pageHolder #pageContent p a { text-decoration: underline; } /* line 270, ../scss/_page.scss */ #pageHolder #pageContent img.alignLeft, #pageHolder #pageContent img.alignRight { margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 273, ../scss/_page.scss */ #pageHolder #pageContent img.alignLeft { float: left; margin-right: 25px; margin-right: 1.5625rem; } /* line 277, ../scss/_page.scss */ #pageHolder #pageContent img.alignRight { float: right; margin-left: 25px; margin-left: 1.5625rem; } /* line 281, ../scss/_page.scss */ #pageHolder #pageContent img.centered { display: block; margin-left: auto; margin-right: auto; margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 288, ../scss/_page.scss */ #pageHolder #pageContent img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } /* line 294, ../scss/_page.scss */ #pageHolder #pageContent img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } /* line 300, ../scss/_page.scss */ #pageHolder #pageContent .alignright { float: right; } /* line 303, ../scss/_page.scss */ #pageHolder #pageContent img.full-width { width: 100%; height: auto; } /* line 307, ../scss/_page.scss */ #pageHolder #pageContent .alignleft { float: left; } /* line 310, ../scss/_page.scss */ #pageHolder #pageContent blockquote { margin: 50px 0 40px 0; margin: 3.125rem 0 2.5rem 0; padding: 0 0 0 32px; padding: 0 0 0 2rem; border-left-style: solid; border-left-width: 6px; line-height: 1.3em; } /* line 316, ../scss/_page.scss */ #pageHolder #pageContent blockquote span.author { margin-top: 5px; margin-top: 0.3125rem; display: block; } /* line 321, ../scss/_page.scss */ #pageHolder #pageContent .oneThird { float: left; width: 30%; margin-left: 5%; } /* line 326, ../scss/_page.scss */ #pageHolder #pageContent .oneHalf { float: left; width: 47.5%; margin-left: 5%; } /* line 331, ../scss/_page.scss */ #pageHolder #pageContent .extraContent { padding: 20px 0 60px 0; padding: 1.25rem 0 3.75rem 0; float: left; width: 100%; } /* line 335, ../scss/_page.scss */ #pageHolder #pageContent .extraContent h2 { text-transform: none; } /* line 339, ../scss/_page.scss */ #pageHolder #pageContent .oneThird:first-of-type { margin-left: 0; } /* line 342, ../scss/_page.scss */ #pageHolder #pageContent .oneHalf:first-of-type { margin-left: 0; } /* line 345, ../scss/_page.scss */ #pageHolder #pageContent.fullWidth { margin-left: 0; } @media (max-width: 767px) { /* line 363, ../scss/_page.scss */ #groupStats ul.stats li .content .name {line-height:1.2rem !important} #banner.page, #banner.page .container { height: 200px; height: 12.5rem; } /* line 367, ../scss/_page.scss */ #pageHolder .container { padding: 0; } /* line 372, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader { height: 50px; height: 3.125rem; line-height: 52px; line-height: 3.25rem; } /* line 375, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader .sectionTitle i { line-height: 50px; line-height: 3.125rem; } /* line 380, ../scss/_page.scss */ #pageHolder .pageHolder { margin: -20px 0 0 0; margin: -1.25rem 0 0 0; padding: 0 0 40px 0; padding: 0 0 2.5rem 0; } /* line 384, ../scss/_page.scss */ #pageHolder #pageContent { padding: 25px 6% 20px 6%; padding: 1.5625rem 6% 1.25rem 6%; } /* line 387, ../scss/_page.scss */ #pageHolder #pageContent .oneThird, #pageHolder #pageContent .oneHalf { width: 100%; margin-left: 0; } /* line 391, ../scss/_page.scss */ #pageHolder #pageContent img { max-width: 100%; height: auto; width: 100%; } /* line 396, ../scss/_page.scss */ #pageHolder #pageContent img.alignLeft, #pageHolder #pageContent img.alignRight { margin-right: 0; margin-bottom: 30px; margin-bottom: 1.875rem; } /* line 401, ../scss/_page.scss */ #pageHolder #pageContent blockquote { margin: 40px 0 15px 0; margin: 2.5rem 0 0.9375rem 0; } /* line 404, ../scss/_page.scss */ #pageHolder #pageContent .extraContent { padding: 20px 0; padding: 1.25rem 0; } /* line 407, ../scss/_page.scss */ #pageHolder #pageContent .breadcrumb { margin-bottom: 30px; margin-bottom: 1.875rem; } /* line 411, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader { padding: 0 6%; padding: 0 6%; } /* line 414, ../scss/_page.scss */ #pageHolder aside#sidebar ul li a { padding: 6px 6%; padding: 0.375rem 6%; } /* line 417, ../scss/_page.scss */ #pageHolder aside#sidebar ul li.has-sub > a { padding: 6px 55px 6px 6%; padding: 0.375rem 3.4375rem 0.375rem 6%; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 424, ../scss/_page.scss */ #banner.page, #banner.page .container { height: 240px; height: 15rem; } /* line 427, ../scss/_page.scss */ #pageHolder #pageContent { padding: 30px 35px 0 35px; padding: 1.875rem 2.1875rem 0 2.1875rem; } /* line 429, ../scss/_page.scss */ #pageHolder #pageContent h1 { margin-bottom: 40px; margin-bottom: 2.5rem; } /* line 433, ../scss/_page.scss */ #pageHolder .pageHolder { margin: -20px 0 0 0; margin: -1.25rem 0 0 0; padding: 0 0 130px 0; padding: 0 0 8.125rem 0; } /* line 437, ../scss/_page.scss */ #pageHolder aside#sidebar { margin-bottom: 15px; margin-bottom: 0.9375rem; } /* line 439, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader { height: 60px; height: 3.75rem; line-height: 64px; line-height: 4rem; } /* line 442, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader .sectionTitle i { line-height: 60px; line-height: 3.75rem; } /* line 447, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader { padding: 0 35px; padding: 0 2.1875rem; } /* line 450, ../scss/_page.scss */ #pageHolder aside#sidebar ul li a { padding: 6px 35px; padding: 0.375rem 2.1875rem; } /* line 453, ../scss/_page.scss */ #pageHolder aside#sidebar ul li.has-sub > a { padding: 6px 55px 6px 35px; padding: 0.375rem 3.4375rem 0.375rem 2.1875rem; } } @media (max-width: 1023px) { /* line 459, ../scss/_page.scss */ #banner.page { float: left; width: 100%; } /* line 463, ../scss/_page.scss */ #pageHolder { float: left; width: 100%; } /* line 466, ../scss/_page.scss */ #pageHolder:before { display: none; } /* line 470, ../scss/_page.scss */ #pageHolder aside#sidebar { margin-left: 0; width: 100%; } /* line 474, ../scss/_page.scss */ #pageHolder aside#sidebar nav#sideMenu { padding-bottom: 0; } /* line 477, ../scss/_page.scss */ #pageHolder aside#sidebar .holder { right: 20px; } /* line 480, ../scss/_page.scss */ #pageHolder #pageContent { width: 100%; } /* line 483, ../scss/_page.scss */ #pageHolder #pageContent { margin-left: 0; float: left; padding-bottom: 20px; } /* line 487, ../scss/_page.scss */ #pageHolder aside#sidebar .collapse { position: relative; display: none; float: left; width: 100%; margin-bottom: 15px; margin-bottom: 0.9375rem; } /* line 495, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader a.linkAction { display: block; z-index: 10; } /* line 498, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader a.linkAction:hover { cursor: pointer; } /* line 502, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader .sectionTitle i { position: absolute; right: 22px; right: 1.375rem; top: 0; display: block; } /* line 509, ../scss/_page.scss */ #pageHolder aside#sidebar ul { padding: 10px 0; padding: 0.625rem 0; } } @media (min-width: 1025px) { /* line 515, ../scss/_page.scss */ #pageHolder aside#sidebar nav#sideMenu .collapse { display: block!important; } /* line 518, ../scss/_page.scss */ #pageHolder #pageContent { min-height: 1000px; min-height: 22.5rem; } } @media (max-width: 1349px) { /* line 524, ../scss/_page.scss */ #banner.page h1.pageTitle { left: 6%; } } @media all and (min-width: 1024px) and (max-width: 1300px) { /* line 530, ../scss/_page.scss */ #pageHolder #pageContent .oneThird { width: 100%; margin-left: 0; } /* line 534, ../scss/_page.scss */ #pageHolder #pageContent { padding: 50px 50px 100px 50px; padding: 3.125rem 3.125rem 6.25rem 3.125rem; } } /* line 3, ../scss/_news-page.scss */ .articleDate { display: block; margin: 10px 0 5px 0; margin: 0.625rem 0 0.3125rem 0; } /* line 8, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList { margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; } /* line 12, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li { float: left; width: 48%; margin-left: 4%; position: relative; height: 300px; height: 18.75rem; margin-bottom: 32px; margin-bottom: 2rem; overflow: hidden; } /* line 20, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li:before { display: none; } /* line 24, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li:first-child { margin-left: 0; } /* line 29, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList a, #pageHolder #pageContent ul.newsList .blogContent, #pageHolder #pageContent ul.newsList figure { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; height: 300px; height: 18.75rem; } /* line 33, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList a { display: block; height: 300px; height: 18.75rem; line-height: 1; } /* line 38, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList figure { margin: 0; z-index: 1; overflow: hidden; } /* line 42, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList figure img { position: absolute; height: auto; width: 100%; left: 50%; top: 50%; max-width: none; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); } @media (max-width: 1200px) { #pageHolder #pageContent ul.newsList figure img {height: 100%; width: auto; } } /* line 52, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList figure:before { /* overlay */ position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; content: ""; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%); z-index: 2; } /* line 60, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList figure:after { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; content: ""; background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 3%, rgba(0, 0, 0, 0.1) 100%); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.7) 3%, rgba(0, 0, 0, 0.1) 100%); background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 3%, rgba(0, 0, 0, 0.1) 100%); z-index: 3; opacity: 0; } /* line 70, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList a:hover figure img { transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } /* line 74, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList figure { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* line 77, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .blogContent { z-index: 20; padding: 0 13%; text-align: center; top: 230px; top: 14.375rem; left: 0; width: 100%; height: 100%; line-height: 1.3; } /* line 86, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .blogContent .title { margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 89, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .blogContent .group { float: left; width: 100%; position: relative; } /* line 94, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .blogContent .excerpt { opacity: 0; height: 0; } /* line 99, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .more { display: block; height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; position: absolute; width: 140px; width: 8.75rem; bottom: 20px; bottom: 1.25rem; left: 50%; text-align: center; transform: translate(-50%, 0); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; background-clip: padding-box; behavior: url(PIE.htc); opacity: 0; z-index: 20; transition: opacity 0.1s ease-out 0.1s; } /* line 116, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList a:hover figure img { transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } /* line 120, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList a:hover figure:after { /* overlay hover */ opacity: 1; } /* line 124, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList a:hover .blogContent { top: 70px; top: 4.375rem; } /* line 127, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList a:hover .blogContent .excerpt { height: auto; opacity: 1; } /* line 131, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList a:hover .more { opacity: 1; } /* line 138, ../scss/_news-page.scss */ .navigationBTNs { float: left; width: 100%; margin-top: 20px; margin-top: 1.25rem; } /* line 142, ../scss/_news-page.scss */ .navigationBTNs a { height: 40px; width: 40px; line-height: 40px; line-height: 2.5rem; text-align: center; display: block; opacity: 1; } /* line 149, ../scss/_news-page.scss */ .navigationBTNs a.prev { float: left; } /* line 152, ../scss/_news-page.scss */ .navigationBTNs a.next { float: right; } /* line 155, ../scss/_news-page.scss */ .navigationBTNs a:hover { opacity: 0.5; } @media (max-width: 767px) { /* line 164, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li { width: 100%; margin-left: 0; } /* line 169, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li, #pageHolder #pageContent ul.newsList li a { height: 240px; height: 15rem; } /* line 172, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li a { position: relative; float: left; width: 100%; } /* line 177, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .blogContent { top: 160px; top: 8rem; } #pageHolder #pageContent ul.newsList .blogContent .excerpt { display:none; } /* line 180, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li a:hover .blogContent { top: 25px; top: 1.5625rem; } /* line 183, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList figure img { width: 130%; height: auto !important; } /* line 187, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .more { height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; width: 115px; width: 7.1875rem; } } @media all and (min-width: 768px) and (max-width: 1024px) { #latestNews ul.newsList li .blogContent .title { max-height: 84px; overflow: hidden; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 195, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li { width: 48%; margin-left: 4%; } /* line 199, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li:nth-child(odd) { margin-left: 0; } /* line 203, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li, #pageHolder #pageContent ul.newsList li a { height: 330px; height: 20.625rem; } /* line 206, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .blogContent { top: 13.375rem; } } @media (max-width: 1023px) { /* line 212, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .itemInfo { padding: 0 6%; padding: 0 6%; bottom: 25px; bottom: 1.5625rem; } /* line 215, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .itemInfo .excerpt { display: none; } /* line 218, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .itemInfo .title { margin-bottom: 18px; margin-bottom: 1.125rem; } /* line 221, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .itemInfo .more { margin: 20px 0 0 0; margin: 1.25rem 0 0 0; } /* line 225, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .blogContent { padding: 0 8%; } } @media (min-width: 1024px) { /* line 234, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li:nth-child(3), #pageHolder #pageContent ul.newsList li:nth-child(5), #pageHolder #pageContent ul.newsList li:nth-child(7), #pageHolder #pageContent ul.newsList li:nth-child(9) { margin-left: 0; } } @media all and (min-width: 1024px) and (max-width: 1200px) { /* line 240, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .blogContent { top: 12.375rem; } /* line 244, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList figure img { width: 130%; height: auto; } } @media all and (min-width: 1024px) and (max-width: 1349px) { /* line 251, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li a:hover .blogContent { top: 35px; top: 2.1875rem; } /* line 254, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .more { height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; width: 115px; width: 7.1875rem; } } /* line 4, ../scss/_search.scss */ a.search.dt, a.search.mobile { position: absolute; right: 50px; right: 3.125rem; top: 1px; top: 0.0625rem; height: 35px; width: 35px; line-height: 35px; line-height: 2.1875rem; text-align: center; } /* line 12, ../scss/_search.scss */ /* line 15, ../scss/_search.scss */ .searchHolder { position: absolute; top: 24px; top: 1.5rem; right: 0; } /* line 20, ../scss/_search.scss */ .searchBox { display: none; width: 360px; width: 22.5rem; height: 35px; height: 2.1875rem; position: absolute; top: 0; top: 0; right: 50px; right: 3.125rem; z-index: 10; } /* line 28, ../scss/_search.scss */ .searchBox input.searchInput { position: absolute; top: 0; left: 0; left: 0; width: 295px; width: 18.4375rem; height: 26px; height: 1.625rem; padding: 5px 0 4px 15px; padding: 0.3125rem 0 0.25rem 0.9375rem; box-sizing: content-box; border: none; color: #2e2d2c; -webkit-appearance: none; border-radius: 0; outline: none; z-index: 10; } /* line 42, ../scss/_search.scss */ .searchBox input.searchInput::-webkit-input-placeholder { color: #2e2d2c; opacity: 1; } /* line 46, ../scss/_search.scss */ .searchBox input.searchInput:moz-placeholder { color: #2e2d2c; opacity: 1; } /* line 50, ../scss/_search.scss */ .searchBox input.searchInput::-moz-placeholder { color: #2e2d2c; opacity: 1; } /* line 54, ../scss/_search.scss */ .searchBox input.searchInput:-ms-input-placeholder { color: #2e2d2c; opacity: 1; } /* line 59, ../scss/_search.scss */ .searchBox button.searchBTN { position: absolute; right: 0; right: 0; top: 0; height: 35px; width: 35px; line-height: 35px; line-height: 2.1875rem; border: none; -webkit-appearance: none; background-color: transparent; padding: 0; } /* line 69, ../scss/_search.scss */ .searchBox button.searchBTN i { height: 35px; height: 2.1875rem; text-align: center; line-height: 35px; line-height: 2.1875rem; display: block; top: 0; } /* line 78, ../scss/_search.scss */ .searchBox a.closeBTN { position: absolute; left: -30px; left: -1.875rem; top: -2px; top: -0.125rem; z-index: 2; width: 35px; width: 2.1875rem; height: 35px; height: 2.1875rem; opacity: 1; } /* line 86, ../scss/_search.scss */ .searchBox a.closeBTN i { line-height: 40px; line-height: 2.5rem; } /* line 89, ../scss/_search.scss */ .searchBox a.closeBTN:hover { opacity: 0.5; } @media (max-width: 767px) { /* line 105, ../scss/_search.scss */ .searchHolder { top: 7px; top: 0.475rem; } /* line 108, ../scss/_search.scss */ a.search.dt i { font-size:34px !important } /* line 111, ../scss/_search.scss */ a.search.mobile { display: block; } } @media (max-width: 1349px) { /* line 116, ../scss/_search.scss */ .searchHolder { right: 6%; } /* line 121, ../scss/_search.scss */ a.search.dt, .searchBox, a.search.mobile { right: 0; } } @media (min-width: 1023px) and (max-width: 1300px) { nav#mainMenu .sf-mega li {width:33%;min-height:70px;} } @media (min-width: 1024px) { /* line 127, ../scss/_search.scss */ body.fixedHeader .searchHolder { top: 10px; top: 0.625rem; } } /* line 3, ../scss/_sitemap.scss */ #pageHolder #pageContent nav#sitemap ul { margin-left: 0; list-style-type: none; margin: 0; padding: 0; list-style-type: none; padding-left: 0; } /* line 9, ../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 15, ../scss/_sitemap.scss */ #sitemap li a { line-height: normal; text-decoration: none; opacity: 1; } /* line 19, ../scss/_sitemap.scss */ #sitemap li a:hover { text-decoration: none; opacity: 0.5; } /* line 24, ../scss/_sitemap.scss */ #sitemap li ul { margin: 3px 0 0 8px; margin: 0.1875rem 0 0 0.5rem; } /* line 26, ../scss/_sitemap.scss */ #sitemap li ul ul li a { padding-left: 0; padding-left: 0; } /* line 29, ../scss/_sitemap.scss */ #sitemap li ul li { padding: 4px 0; padding: 0.25rem 0; } /* line 31, ../scss/_sitemap.scss */ #sitemap li ul li a:before { content: "-"; padding: 0 7px; padding: 0 0.4375rem; } /* line 3, ../scss/_preloader.scss */ #preloader { position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 2000; } /* line 10, ../scss/_preloader.scss */ #preloader .borderHolder { position: absolute; top: 50%; left: 50%; height: 350px; height: 21.875rem; width: 692px; width: 43.25rem; margin: -175px 0 0 -346px; margin: -10.9375rem 0 0 -21.625rem; } /* line 19, ../scss/_preloader.scss */ #preloader .borderHolder .top, #preloader .borderHolder .bottom, #preloader .borderHolder .middle { height: 10px; height: 0.625rem; width: 0; position: absolute; } /* line 24, ../scss/_preloader.scss */ #preloader .borderHolder .top { left: 0; } /* line 27, ../scss/_preloader.scss */ #preloader .borderHolder .bottom { right: 0; } /* line 31, ../scss/_preloader.scss */ #preloader .borderHolder .left, #preloader .borderHolder .right { width: 10px; width: 0.625rem; height: 0; position: absolute; } /* line 36, ../scss/_preloader.scss */ #preloader .borderHolder .top { top: 0; } /* line 39, ../scss/_preloader.scss */ #preloader .borderHolder .bottom { bottom: 0; } /* line 42, ../scss/_preloader.scss */ #preloader .borderHolder .left { left: 0; top: 0; } /* line 46, ../scss/_preloader.scss */ #preloader .borderHolder .right { right: 0; bottom: 0; } /* line 50, ../scss/_preloader.scss */ #preloader .borderHolder .middle { right: 0; top: 255px; top: 15.9375rem; transition-delay: 0.4s; -webkit-transition-delay: 0.4s; } /* line 57, ../scss/_preloader.scss */ #preloader .logoPartOne { position: absolute; left: 50%; top: 50%; margin: -127px 0 0 -299px; margin: -7.9375rem 0 0 -18.6875rem; background-image: url(../images/global/NCC.png); background-position: center center; background-repeat: no-repeat; width: 598px; width: 37.375rem; height: 170px; height: 10.625rem; z-index: 3000; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 57, ../scss/_preloader.scss */ #preloader .logoPartOne { background-image: url(../images/@2x/NCC@2x.png); -webkit-background-size: 598px 170px; background-size: 598px 170px; } } /* line 70, ../scss/_preloader.scss */ #preloader .logoPartTwo { position: absolute; left: 50%; top: 50%; margin: 110px 0 0 -76px; margin: 6.875rem 0 0 -4.75rem; background-image: url(../images/global/group.png); background-position: center center; background-repeat: no-repeat; width: 153px; width: 9.5625rem; height: 35px; height: 2.1875rem; z-index: 3000; } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 70, ../scss/_preloader.scss */ #preloader .logoPartTwo { background-image: url(../images/@2x/group@2x.png); -webkit-background-size: 153px 35px; background-size: 153px 35px; } } /* line 87, ../scss/_preloader.scss */ #preloader.active .borderHolder .top, #preloader.active .borderHolder .bottom, #preloader.active .borderHolder .middle { width: 100%; } /* line 91, ../scss/_preloader.scss */ #preloader.active .borderHolder .left, #preloader.active .borderHolder .right { height: 100%; } /* line 95, ../scss/_preloader.scss */ #preloader.active .ampersand { left: 0; opacity: 1; } /* line 100, ../scss/_preloader.scss */ #preloader .ampersand { position: absolute; width: 610px; width: 38.125rem; height: 940px; height: 58.75rem; left: -100px; left: -6.25rem; top: 50%; transform: translateY(-50%); background-image: url(../images/background/page-and.png); background-position: center right; background-repeat: no-repeat; opacity: 0; transition-delay: 0.4s; -webkit-transition-delay: 0.4s; } @media (max-width: 767px) { /* line 117, ../scss/_preloader.scss */ #preloader { display: none!important; } } @media (max-width: 767px){ #banner .bannerText .rotatingText { bottom: 80px; bottom: 7rem; }} .gutenberg {float:left;width:100%;} #socialVideos .twitterFeed .holder .twitterItem {position:relative} @media (max-width: 1200px) { #socialVideos .twitterFeed .holder { padding: 0 1.75rem 1.25rem 1.75rem !important; } } .application-boxes .application-box {margin-bottom:30px} .application-boxes .application-box.box2 {margin-right:0px !important} .application-boxes .application-box.box1.acc .application-bottom { background: #b2b2b2; } .application-boxes .application-box.box1.acc .application-top-inner { background: #b2b2b2; } nav#mainMenu .sf-mega a { font-size: 20px; font-size: 1.125rem; } @media (max-width: 1401px) { .application-boxes .application-box {width:49%;margin-bottom:30px;margin-left:2%;margin-right:0px;} .profiles-list .profile {width:48%;} .profiles-list .profile:nth-child(odd) { clear:left; } .application-boxes .application-box:nth-child(odd) { margin-left:0px; } } @media (max-width: 1025px) { #pageHolder:before { height: 38.8125rem; background-image: url(../images/background/ampersand_internal.png); background-position: bottom center; background-repeat: no-repeat; } } @media (max-width: 400px) { .application-boxes .application-box {width:100%;margin-bottom:30px;margin-right:0px} } @media (max-width: 767px) { div.gform_wrapper .top_label input.medium, div.gform_wrapper .top_label select.medium { width: 100%; } } a.search.dt{transition: all 0.5s;} a.search.dt:hover{color:white} .twitterFeed .owl-nav{display:none !important} #ctf{margin-top:10px} .ctf-tweet-text{text-align:left;} .ctf-tweet-actions{margin-left:auto !important;margin-right:auto !important;margin-top:10px !important;} .ctf-tweet-actions a:hover{color:White !important;opacity:0.8 !important} .ugb-main-block { clear: left; } element { } .application-boxes .application-box.box1 .application-top-inner { background: #FF9E1B; } .application-boxes .application-top-inner, .application-boxes a { line-height: 18px; letter-spacing: 1px; } .mm-listview>li>a{font-size:16px} #pageHolder #pageContent #sitemap li a{font-weight:700;} #pageHolder #pageContent #sitemap li li a{font-weight:300;} .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label { margin-top:0px !important; } .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { border-top: none !important; border-bottom: none !important; padding-top:0px !important; padding-bottom:0px !important; } .wp-block-media-text__media img, .wp-block-media-text__media video { height: auto; }