/* CSS Document Client: Canary Wharf College Version: 1.0 Date: 08/08/2019 Author: Geoff Boult Company: Concept4 Website: www.concept4.com Type: Inclusive Stylesheet */ /* 01: Variables 02: Mixins 03: Placeholder 04: REM/Boilerplate/Project Color Scheme/Transitions 05: Normalize 06: Building Blocks 07: Type 08: Header 09: Menu 10: Footer 11: Landing page 12: Internal Page 13: News template 14: Search template 15: Sitemap page 16: C4 Global */ /* line 5, ../scss/_placeholder.scss */ nav#mainMenu:before, section#pageHolder #pageContent:before, nav#mainMenu:after, section#pageHolder #pageContent:after { content: ""; display: table; } /* line 9, ../scss/_placeholder.scss */ nav#mainMenu:after, section#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: #283534; 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: "Roboto", sans-serif; background: #fff; margin: 0; color: #283534; } /* ========================================================================== 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 18, ../scss/_colorScheme.scss */ #banner .bannerText .rotatingText a.readMore, .fixedBottomBar .hoverElem, #quotes, #addressMap, #addressMap .address a.to-top, nav#mainMenu .sf-menu .sf-mega, .searchBox, .fixedBottomBar ul#mobile, section#pageHolder aside#sidebar nav#sideMenu, section#pageHolder #pageContent blockquote { background-color: #5dc5ed; } /* line 24, ../scss/_colorScheme.scss */ .fixedBottomBar .hoverElem .animatedBlock a, #newsSocial .owl-carousel .owl-item .item.twitter .itemInfo { background-color: #5dc5ed; background-color: rgba(93, 197, 237, 0.85); } /* line 38, ../scss/_colorScheme.scss */ .fixedBottomBar, .fixedBottomBar .hoverElem .animatedBlock span.button, #banner .bannerText .rotatingText a.readMore:hover, #newsSocial .owl-carousel .owl-item .itemInfo, #newsSocial .owl-carousel .owl-item .itemInfo span.schoolName, #addressMap a.directions, header#masthead .topBarLinks .sf-menu ul, .fixedBottomBar ul#mobile .owl-nav button, #pageHolder #pageContent ul.newsList .info, #pageHolder #pageContent ul.newsList .info span.schoolName { background-color: #1797cd; } /* line 42, ../scss/_colorScheme.scss */ #quickLinks .qlName { background-color: #1797cd; background-color: rgba(23, 151, 205, 0.85); } /* line 50, ../scss/_colorScheme.scss */ #newsSocial ul.tabs li:before, a.mobileMenuBTN #navIcon span, section#pageHolder #pageContent ul li:before, #pageHolder .pageHolder .controls button:before { background-color: #283534; } /* line 58, ../scss/_colorScheme.scss */ header#masthead, #addressMap .address .row.first a:before, section#pageHolder .pageHolder, body.page #quotes { background-color: white; } /* line 93, ../scss/_colorScheme.scss */ #banner .bannerText .rotatingText, #banner .bannerText .rotatingText a.readMore, .fixedBottomBar .hoverElem, .fixedBottomBar .hoverElem .animatedBlock span.type, .fixedBottomBar .hoverElem .animatedBlock span.button, #quickLinks .qlName span, #quotes ul.quoteRotation li, #newsSocial .owl-carousel .owl-item .itemInfo, #newsSocial .owl-carousel .owl-item .itemInfo span.schoolName, #newsSocial .owl-carousel .owl-item .itemInfo a.view, #newsSocial .owl-carousel .owl-item .item.twitter .itemInfo a, #addressMap, #addressMap .address a.to-top, #addressMap .address a, #addressMap a.directions, nav#mainMenu ul li ul li a, header#masthead .topBarLinks .sf-menu ul li a, .fixedBottomBar ul#mobile li a, .fixedBottomBar ul#mobile .owl-nav, section#pageHolder aside#sidebar nav#sideMenu ul li a, section#pageHolder aside#sidebar .sectionHeader, section#pageHolder #pageContent blockquote, section#pageHolder aside#sidebar nav#sideMenu ul li ul li:before, #pageHolder #pageContent ul.newsList .info span.articleTitle, #pageHolder #pageContent ul.newsList .info .articleMore, #pageHolder #pageContent ul.newsList .info span.schoolName { color: white; } /* line 113, ../scss/_colorScheme.scss */ #newsSocial ul.tabs li a:hover, #newsSocial ul.tabs li a.current, nav#mainMenu ul li a:hover, nav#mainMenu ul li a.active, nav#mainMenu ul li:hover > a, header#masthead .topBarLinks .sf-menu ul li a:hover, header#masthead .topBarLinks span, header#masthead .socialSearch a, .searchBox button.searchBTN, .mm-search .searchButton, section#pageHolder #pageContent h1, section#pageHolder #pageContent h2, section#pageHolder #pageContent h5, section#pageHolder #pageContent p a, body.page #quotes ul.quoteRotation li, #pageContent .sitemap li a:hover { color: #5dc5ed; } /* line 128, ../scss/_colorScheme.scss */ #newsSocial .owl-prev:before, #newsSocial .owl-next:before, #newsSocial h1, #addressMap .address a:hover, header#masthead .topBarLinks span:hover, header#masthead .topBarLinks li:hover > span, header#masthead .socialSearch a:hover, .searchBox button.searchBTN:hover, .pagination a, #pageHolder .pageHolder .controls button.mixitup-control-active, #pageHolder .pageHolder .controls button:hover { color: #1797cd; } /* line 148, ../scss/_colorScheme.scss */ #newsSocial .owl-carousel .owl-item .itemInfo .date, #newsSocial .owl-carousel .owl-item a:hover .itemInfo .view, #newsSocial .owl-carousel .owl-item .itemInfo .twitterInfo, #newsSocial .owl-carousel .owl-item .item.twitter .itemInfo a:hover, #newsSocial .owl-prev:hover:before, #newsSocial .owl-next:hover:before, nav#mainMenu ul li a, nav#mainMenu ul li ul li a:hover, section#pageHolder #pageContent h3, section#pageHolder #pageContent h4, section#pageHolder aside#sidebar nav#sideMenu ul li a:hover, section#pageHolder aside#sidebar nav#sideMenu ul li a.active, #pageContent .sitemap li a, #pageHolder #pageContent ul.newsList .info span.articleDate, #pageHolder #pageContent ul.newsList li a:hover .info .articleMore, .pagination a:hover { color: #283534; } /* line 158, ../scss/_colorScheme.scss */ header#masthead { border-color: #5dc5ed; } /* line 18, ../scss/_transitions.scss */ #newsSocial .owl-carousel .owl-item .itemInfo .view, #newsSocial .owl-carousel .owl-item .item.twitter .itemInfo a, #newsSocial .owl-prev:before, #newsSocial .owl-next:before, #newsSocial ul.tabs li a, #addressMap .address a, nav#mainMenu ul li a, header#masthead .topBarLinks .sf-menu ul li a, header#masthead .socialSearch a, .searchBox button.searchBTN, section#pageHolder aside#sidebar nav#sideMenu ul li a, #pageContent .sitemap li a, #pageHolder #pageContent ul.newsList .info .articleMore, .pagination a, #pageHolder .pageHolder .controls button { -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 23, ../scss/_transitions.scss */ #banner .bannerText .rotatingText a.readMore { -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 40, ../scss/_transitions.scss */ #quickLinks .qlName, #quickLinks .qlName span, #newsSocial .owl-carousel .owl-item figure img, #addressMap a.directions, header#masthead, header#masthead .logoHolder, header#masthead .logoHolder a, nav#mainMenu, header#masthead .topBarLinks i, a.mobileMenuBTN #navIcon span, section#pageHolder aside#sidebar .sectionHeader .sectionTitle i, nav#mainMenu .sf-menu .sf-mega, #pageHolder #pageContent ul.newsList figure img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* line 3, ../scss/_normalize.scss */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ box-sizing: border-box; } /* line 9, ../scss/_normalize.scss */ body { margin: 0; } /* line 12, ../scss/_normalize.scss */ *, *:before, *:after { box-sizing: inherit; } /* line 15, ../scss/_normalize.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /* line 18, ../scss/_normalize.scss */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /* line 22, ../scss/_normalize.scss */ audio:not([controls]) { display: none; height: 0; } /* line 26, ../scss/_normalize.scss */ [hidden], template { display: none; } /* line 29, ../scss/_normalize.scss */ a { background-color: transparent; text-decoration: none; } /* line 33, ../scss/_normalize.scss */ a:active, a:hover { outline: 0; } /* line 36, ../scss/_normalize.scss */ abbr[title] { border-bottom: 1px dotted; } /* line 39, ../scss/_normalize.scss */ b, strong { font-weight: bold; } /* line 42, ../scss/_normalize.scss */ dfn { font-style: italic; } /* line 45, ../scss/_normalize.scss */ small { font-size: 80%; } /* line 48, ../scss/_normalize.scss */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* line 54, ../scss/_normalize.scss */ sup { top: -0.5em; } /* line 57, ../scss/_normalize.scss */ sub { bottom: -0.25em; } /* line 60, ../scss/_normalize.scss */ img { border: 0; } /* line 63, ../scss/_normalize.scss */ svg:not(:root) { overflow: hidden; } /* line 66, ../scss/_normalize.scss */ figure { margin: 1em 40px; } /* line 69, ../scss/_normalize.scss */ hr { box-sizing: content-box; height: 0; } /* line 73, ../scss/_normalize.scss */ pre { overflow: auto; } /* line 76, ../scss/_normalize.scss */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* line 80, ../scss/_normalize.scss */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /* line 85, ../scss/_normalize.scss */ button { overflow: visible; } /* line 89, ../scss/_normalize.scss */ button, elect { text-transform: none; } /* line 93, ../scss/_normalize.scss */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* line 97, ../scss/_normalize.scss */ button[disabled], html input[disabled] { cursor: default; } /* line 100, ../scss/_normalize.scss */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* line 104, ../scss/_normalize.scss */ input { line-height: normal; } /** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */ /* line 116, ../scss/_normalize.scss */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */ /* line 127, ../scss/_normalize.scss */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ /* line 136, ../scss/_normalize.scss */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */ /* line 147, ../scss/_normalize.scss */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Define consistent border, margin, and padding. */ /* line 155, ../scss/_normalize.scss */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ /* line 166, ../scss/_normalize.scss */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** Remove default vertical scrollbar in IE 8/9/10/11. */ /* line 175, ../scss/_normalize.scss */ textarea { overflow: auto; } /** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ /* line 184, ../scss/_normalize.scss */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /* line 190, ../scss/_normalize.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 194, ../scss/_normalize.scss */ td, th { padding: 0; } /* line 3, ../scss/_buildingBlock.scss */ #wrapper, .mm-page { width: 100%; min-height: 100%; height: auto!important; height: 100%; margin: 0 auto; position: relative; top: 0; padding: 0; overflow: hidden; } /* line 14, ../scss/_buildingBlock.scss */ #wrapper { padding-bottom: 68px; padding-bottom: 4.25rem; } /* line 17, ../scss/_buildingBlock.scss */ .container { padding: 0 5%; position: relative; } /* -------------------- RESPONSIVE STYLES -------------------- */ @media (max-width: 1023px) { /* line 28, ../scss/_buildingBlock.scss */ #wrapper { padding-bottom: 50px; padding-bottom: 3.125rem; } } @media (min-width: 1400px) { /* line 35, ../scss/_buildingBlock.scss */ .container { max-width: 1400px; max-width: 87.5rem; 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 28, ../scss/_type.scss */ #banner .bannerText .rotatingText h1, #banner .bannerText .rotatingText p, .fixedBottomBar .hoverElem .hoverBtn, .fixedBottomBar .hoverElem .animatedBlock span.type, #quickLinks .qlName span, #quotes ul.quoteRotation li, #newsSocial .owl-carousel .owl-item .itemInfo .title, #newsSocial h1, #newsSocial ul.tabs li a, #addressMap .address .columnHeader, .fixedBottomBar ul#mobile li a, section#pageHolder #pageContent h1, section#pageHolder #pageContent h2, section#pageHolder #pageContent h3, section#pageHolder #pageContent h4, section#pageHolder aside#sidebar .sectionHeader, #pageContent .sitemap li a, #pageHolder #pageContent ul.newsList .info span.articleTitle, #pageHolder .pageHolder .controls button { font-family: "Arvo", serif; } /* line 33, ../scss/_type.scss */ #pageContent .sitemap li ul li a { font-family: "Roboto", sans-serif; } /* line 40, ../scss/_type.scss */ body { font-size: 14px; font-size: 0.875rem; } /* line 47, ../scss/_type.scss */ .fixedBottomBar .hoverElem .animatedBlock span.button, nav#mainMenu ul li a, header#masthead .topBarLinks span { font-size: 15px; font-size: 0.9375rem; } /* line 64, ../scss/_type.scss */ #banner .bannerText .rotatingText a.readMore, #newsSocial .owl-carousel .owl-item .itemInfo span.schoolName, #newsSocial .owl-carousel .owl-item .itemInfo .date, #newsSocial .owl-carousel .owl-item .itemInfo .view, #newsSocial .owl-carousel .owl-item .item.twitter .itemInfo, #newsSocial ul.tabs li a, #addressMap .address .row.first a.social, .fixedBottomBar ul#mobile .owl-nav, section#pageHolder #pageContent, section#pageHolder #pageContent h5, section#pageHolder aside#sidebar nav#sideMenu ul li a, #pageContent .sitemap li ul li a, #pageHolder .pageHolder .controls button { font-size: 16px; font-size: 1rem; } /* line 69, ../scss/_type.scss */ .mm-navbar .mm-title { font-size: 17px; font-size: 1.0625rem; } /* line 78, ../scss/_type.scss */ #addressMap a.directions, header#masthead .socialSearch a.socialIcon, header#masthead .socialSearch a.searchIcon, .searchBox button.searchBTN, .mm-search .searchButton { font-size: 18px; font-size: 1.125rem; } /* line 88, ../scss/_type.scss */ .fixedBottomBar .hoverElem .hoverBtn, .fixedBottomBar .hoverElem .animatedBlock span.type, #newsSocial .owl-carousel .owl-item .itemInfo .title, section#pageHolder #pageContent h4, section#pageHolder aside#sidebar .sectionHeader, #pageHolder #pageContent ul.newsList .info span.articleTitle { font-size: 20px; font-size: 1.25rem; } /* line 97, ../scss/_type.scss */ #banner .bannerText .rotatingText, #newsSocial .owl-carousel .owl-item .itemInfo .twitterInfo i, #addressMap .address .columnHeader, section#pageHolder #pageContent h3, #pageContent .sitemap li a { font-size: 24px; font-size: 1.5rem; } /* line 104, ../scss/_type.scss */ #quickLinks .qlName span, #newsSocial .owl-prev:before, #newsSocial .owl-next:before { font-size: 28px; font-size: 1.75rem; } /* line 111, ../scss/_type.scss */ section#pageHolder #pageContent h2, body.page #quotes ul.quoteRotation li, .pagination a { font-size: 30px; font-size: 1.875rem; } /* line 119, ../scss/_type.scss */ #banner .bannerText .rotatingText h1, #quotes ul.quoteRotation li, #newsSocial h1, section#pageHolder #pageContent h1 { font-size: 40px; font-size: 2.5rem; } /* line 134, ../scss/_type.scss */ #newsSocial h1, section#pageHolder #pageContent h1, section#pageHolder #pageContent h2, section#pageHolder #pageContent h3, section#pageHolder #pageContent h4 { font-weight: 400; } /* line 149, ../scss/_type.scss */ .fixedBottomBar .hoverElem .animatedBlock span.button, #newsSocial .owl-carousel .owl-item .itemInfo span.schoolName, #newsSocial .owl-carousel .owl-item .itemInfo .date, #newsSocial .owl-carousel .owl-item .itemInfo .view, #newsSocial .owl-carousel .owl-item .itemInfo .twitterInfo, #addressMap .address a.to-top, section#pageHolder #pageContent h5, section#pageHolder #pageContent blockquote span.author, section#pageHolder #pageContent span.articleDate, #pageHolder #pageContent ul.newsList .info span.articleDate, #pageHolder #pageContent ul.newsList .info .articleMore { font-weight: 700; } /* -------------------- RESPONSIVE STYLES -------------------- */ @media (max-width: 767px) { /* line 164, ../scss/_type.scss */ #newsSocial ul.tabs li a, #pageHolder .pageHolder .controls button { font-size: 14px; font-size: 0.875rem; } /* line 170, ../scss/_type.scss */ #quotes ul.quoteRotation li, body.page #quotes ul.quoteRotation li { font-size: 20px; font-size: 1.25rem; } /* line 175, ../scss/_type.scss */ section#pageHolder #pageContent h2 { font-size: 26px; font-size: 1.625rem; } /* line 181, ../scss/_type.scss */ #newsSocial h1, section#pageHolder #pageContent h1 { font-size: 30px; font-size: 1.875rem; } } @media (max-width: 1023px) { /* line 189, ../scss/_type.scss */ .fixedBottomBar .hoverElem .hoverBtn, header#masthead .topBarLinks span { font-size: 14px; font-size: 0.875rem; } /* line 195, ../scss/_type.scss */ header#masthead .socialSearch a.socialIcon, header#masthead .socialSearch a.searchIcon { font-size: 15px; font-size: 0.9375rem; } /* line 200, ../scss/_type.scss */ #quickLinks .qlName span { font-size: 24px; font-size: 1.5rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 207, ../scss/_type.scss */ #quotes ul.quoteRotation li { font-size: 30px; font-size: 1.875rem; } } @media all and (min-width: 768px) and (max-width: 1200px) { /* line 214, ../scss/_type.scss */ #banner .bannerText .rotatingText { font-size: 16px; font-size: 1rem; } /* line 219, ../scss/_type.scss */ #quickLinks .qlName span { font-size: 24px; font-size: 1.5rem; } /* line 224, ../scss/_type.scss */ #banner .bannerText .rotatingText h1 { font-size: 30px; font-size: 1.875rem; } } @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 2, ../scss/_header.scss */ header#masthead { position: relative; float: left; width: 100%; height: 154px; height: 9.625rem; border-bottom-width: 4px; border-bottom-width: 0.25rem; border-bottom-style: solid; z-index: 1000; } /* line 10, ../scss/_header.scss */ header#masthead .logoHolder { position: relative; float: left; clear: left; margin: 15px 0 0 0; margin: 0.9375rem 0 0 0; } /* line 15, ../scss/_header.scss */ header#masthead .logoHolder a img { max-width: 100%; height: auto; } /* line 19, ../scss/_header.scss */ header#masthead .logoHolder a { display: block; position: relative; } /* line 25, ../scss/_header.scss */ header#masthead .logoHolder, header#masthead .logoHolder a { width: 201px; width: 12.5625rem; height: 111px; height: 6.9375rem; background-repeat: no-repeat; background-position: center center; } /* line 31, ../scss/_header.scss */ header#masthead .socialSearch { position: absolute; right: 50px; right: 3.125rem; top: 27px; top: 1.6875rem; } /* line 37, ../scss/_header.scss */ header#masthead .socialSearch a.socialIcon, header#masthead .socialSearch a.searchIcon, header#masthead .socialSearch a span { display: block; height: 22px; height: 1.375rem; line-height: 22px; line-height: 1.375rem; } /* line 43, ../scss/_header.scss */ header#masthead .socialSearch a.socialIcon, header#masthead .socialSearch a.searchIcon { margin-left: 36px; margin-left: 2.25rem; float: left; position: relative; text-align: center; } /* line 49, ../scss/_header.scss */ header#masthead .socialSearch a#mobile.searchIcon { display: none; } /* line 53, ../scss/_header.scss */ header#masthead .topBarLinks { position: absolute; right: 192px; right: 12rem; top: 20px; top: 1.25rem; z-index: 200; } /* line 58, ../scss/_header.scss */ header#masthead .topBarLinks ul { margin: 0; padding: 0; list-style-type: none; } /* line 60, ../scss/_header.scss */ header#masthead .topBarLinks ul li { display: block; float: left; position: relative; } /* line 66, ../scss/_header.scss */ header#masthead .topBarLinks i { margin-left: 8px; margin-left: 0.5rem; transform: rotate(0); -webkit-transform: rotate(0); } /* line 71, ../scss/_header.scss */ header#masthead .topBarLinks i.fa-globe-asia { display: none; } /* line 74, ../scss/_header.scss */ header#masthead .topBarLinks span { display: block; padding: 0 10px; padding: 0 0.625rem; margin: 0 6px; margin: 0 0.375rem; height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; opacity: 1; } /* line 82, ../scss/_header.scss */ header#masthead .topBarLinks .mobH { display: inline-block; } /* line 86, ../scss/_header.scss */ header#masthead .topBarLinks span:hover, header#masthead .topBarLinks li:hover > span { cursor: pointer; } /* line 89, ../scss/_header.scss */ header#masthead .topBarLinks li:hover span i { transform: rotate(180deg); -webkit-transform: rotate(180deg); } /* line 93, ../scss/_header.scss */ header#masthead .topBarLinks .sf-menu ul { width: 170px; width: 10.625rem; display: none; left: 2px; left: 0.125rem; position: absolute; top: 100%; } /* line 99, ../scss/_header.scss */ header#masthead .topBarLinks .sf-menu ul > li { padding: 0 14px; padding: 0 0.875rem; width: 100%; } /* line 103, ../scss/_header.scss */ header#masthead .topBarLinks .sf-menu ul li a { display: block; padding: 8px 0; padding: 0.5rem 0; } /* line 106, ../scss/_header.scss */ header#masthead .topBarLinks .sf-menu ul li a i { margin-right: 8px; margin-right: 0.5rem; } /* line 110, ../scss/_header.scss */ header#masthead .topBarLinks .sf-menu ul li:first-child { padding-top: 6px; padding-top: 0.375rem; } /* line 113, ../scss/_header.scss */ header#masthead .topBarLinks .sf-menu ul li:last-child { padding-bottom: 7px; padding-bottom: 0.4375rem; } /* -------------------- RESPONSIVE STYLES -------------------- */ @media (max-width: 767px) { /* line 127, ../scss/_header.scss */ header#masthead { height: 150px; height: 9.375rem; } /* line 130, ../scss/_header.scss */ header#masthead .logoHolder, header#masthead .logoHolder a { width: 150px; width: 9.375rem; height: 83px; height: 5.1875rem; } /* line 134, ../scss/_header.scss */ header#masthead .logoHolder { margin: 43px 0 0 0; margin: 2.6875rem 0 0 0; } /* line 137, ../scss/_header.scss */ header#masthead .logoHolder a { background-size: 150px 83px; } /* line 140, ../scss/_header.scss */ header#masthead .socialSearch { top: 10px; top: 0.625rem; } /* line 144, ../scss/_header.scss */ header#masthead .socialSearch a.socialIcon, header#masthead .socialSearch a.searchIcon { margin-left: 12px; margin-left: 0.75rem; } /* line 147, ../scss/_header.scss */ header#masthead .topBarLinks { top: 3px; top: 0.1875rem; right: auto; left: 5%; } /* line 151, ../scss/_header.scss */ header#masthead .topBarLinks span { margin: 0; } /* line 154, ../scss/_header.scss */ header#masthead .topBarLinks li:first-child span { padding: 0 10px 0 0; padding: 0 0.625rem 0 0; } } @media (min-width: 768px) and (min--moz-device-pixel-ratio: 2), (min-width: 768px) and (-o-min-device-pixel-ratio: 2 / 1), (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 768px) and (min-device-pixel-ratio: 2), (min-width: 768px) and (min-resolution: 192dpi), (min-width: 768px) and (min-resolution: 2dppx) { /* line 162, ../scss/_header.scss */ header#masthead .logoHolder a { background-image: url(../images/@2x/trust_logo@2x.png); -webkit-background-size: 201px 111px; background-size: 201px 111px; } /* line 54, ../scss/_mixins.scss */ header#masthead .logoHolder a img { display: none; } } @media (max-width: 1023px) { /* line 168, ../scss/_header.scss */ header#masthead .socialSearch a#mobile.searchIcon { display: block; } /* line 171, ../scss/_header.scss */ header#masthead .socialSearch a.searchIcon.dt { display: none; } } @media (min-width: 1024px) { /* line 177, ../scss/_header.scss */ header#masthead { position: fixed; top: 0; left: 0; } /* line 183, ../scss/_header.scss */ body.fixedHeader header#masthead { height: 120px; height: 7.5rem; } /* line 185, ../scss/_header.scss */ body.fixedHeader header#masthead .logoHolder { margin: 13px 0 0 0; margin: 0.8125rem 0 0 0; } /* line 189, ../scss/_header.scss */ body.fixedHeader header#masthead .logoHolder, body.fixedHeader header#masthead .logoHolder a { width: 150px; width: 9.375rem; height: 83px; height: 5.1875rem; } /* line 193, ../scss/_header.scss */ body.fixedHeader header#masthead .logoHolder a { background-size: 150px 83px; } } @media all and (min-width: 768px) and (max-width: 1399px) { /* line 201, ../scss/_header.scss */ header#masthead .topBarLinks { right: 5%; margin-right: 142px; margin-right: 8.875rem; } } @media (max-width: 1399px) { /* line 208, ../scss/_header.scss */ header#masthead .socialSearch { right: 5%; } } /* line 3, ../scss/_menu.scss */ nav#mainMenu { float: right; clear: right; margin-top: 92px; margin-top: 5.75rem; } /* line 8, ../scss/_menu.scss */ nav#mainMenu ul { margin: 0; padding: 0; list-style-type: none; width: 100%; display: block; } /* line 13, ../scss/_menu.scss */ nav#mainMenu ul li { display: block; float: left; } /* line 17, ../scss/_menu.scss */ nav#mainMenu ul li a { display: block; padding: 20px 20px 30px 20px; padding: 1.25rem 1.25rem 1.875rem 1.25rem; letter-spacing: normal; position: relative; } /* line 22, ../scss/_menu.scss */ nav#mainMenu ul li a:before { content: ""; top: 41px; top: 2.5625rem; bottom: 41px; bottom: 2.5625rem; height: 15px; height: 0.9375rem; width: 1px; width: 0.0625rem; position: absolute; left: -5px; left: -0.3125rem; } /* line 33, ../scss/_menu.scss */ nav#mainMenu ul li.has-sub a:hover:after, nav#mainMenu ul li.has-sub:hover > a:after { opacity: 1; } /* line 36, ../scss/_menu.scss */ nav#mainMenu ul li:last-child a { padding: 20px 0 30px 15px; padding: 1.25rem 0 1.875rem 0.9375rem; } /* line 39, ../scss/_menu.scss */ nav#mainMenu ul li:first-child a:before { display: none; } /* line 44, ../scss/_menu.scss */ nav#mainMenu .sf-mega .colFour { float: left; width: 25%; padding-left: 0px; } /* line 48, ../scss/_menu.scss */ nav#mainMenu .sf-mega .colFour.menu.first { padding-left: 0; } /* line 52, ../scss/_menu.scss */ nav#mainMenu .sf-mega .colFive { float: left; width: 20%; padding-left: 25px; padding-left: 1.5625rem; } /* line 58, ../scss/_menu.scss */ /* line 72, C:/Users/Administrator/GeoffBoult/Canary-Wharf-Crossharbour/assets/scss/_menu.scss */ nav#mainMenu .sf-menu .sf-mega { position: absolute; display: none; top: 60px; padding: 0; padding: 0; left: 0px; z-index: 300; width: 250px; } /* line 80, ../scss/_menu.scss */ nav#mainMenu .sf-menu .sf-mega #subNav { float: left; width: 100%; position: relative; } /* line 87, ../scss/_menu.scss */ nav#mainMenu .sf-mega .colFour, nav#mainMenu .sf-mega .colFive { margin: 12px 0 12px 0; margin: 0.75rem 0 0.75rem 0; } /* line 89, ../scss/_menu.scss */ nav#mainMenu .sf-mega .colFour ul, nav#mainMenu .sf-mega .colFive ul { display: block; } /* line 92, ../scss/_menu.scss */ nav#mainMenu .sf-mega .colFour li, nav#mainMenu .sf-mega .colFive li { display: block; height: auto; flex-grow: 0; width: 100%; float: left; padding: 0; padding: 0; } /* line 99, ../scss/_menu.scss */ nav#mainMenu .sf-mega .colFour li a:before, nav#mainMenu .sf-mega .colFive li a:before { display: none!important; } /* line 105, ../scss/_menu.scss */ nav#mainMenu .sf-mega li a, nav#mainMenu .sf-mega li:last-child a { line-height: 1.4; height: auto; padding: 5px 0 !important; padding: 0.3125rem 0 !important; display: block; } /* line 114, ../scss/_menu.scss */ a.mobileMenuBTN { display: none; margin-top: -2px; margin-top: -0.125rem; padding: 9px 0; padding: 0.5625rem 0; outline: none; } /* line 119, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon { width: 32px; width: 2rem; height: 28px; height: 1.75rem; position: relative; cursor: pointer; float: left; } /* line 125, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon span { display: block; position: absolute; height: 4px; height: 0.25rem; width: 100%; opacity: 1; left: 0; } /* line 134, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon span:nth-child(1) { top: 0px; } /* line 137, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon span:nth-child(2) { top: 11px; top: 0.6875rem; opacity: 1; } /* line 141, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon span:nth-child(3) { top: 22px; top: 1.375rem; } /* line 147, ../scss/_menu.scss */ html.mm-opened a.mobileMenuBTN #navIcon span:nth-child(1) { top: 10px; transform: rotate(40deg); -webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); } /* line 153, ../scss/_menu.scss */ html.mm-opened a.mobileMenuBTN #navIcon span:nth-child(2) { opacity: 0; } /* line 156, ../scss/_menu.scss */ html.mm-opened a.mobileMenuBTN #navIcon span:nth-child(3) { top: 10px; transform: rotate(-40deg); -webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); } /* line 165, ../scss/_menu.scss */ .mm-search .searchButton { position: absolute; right: 3%; right: 3%; top: 18px; top: 1.125rem; width: 25px; width: 1.5625rem; height: 40px; height: 2.5rem; border: none; -webkit-appearance: none; padding: 0; z-index: 10; } /* line 175, ../scss/_menu.scss */ .mm-search .searchButton:before { width: 25px; width: 1.5625rem; height: 40px; height: 2.5rem; 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: center; line-height: 40px; line-height: 2.5rem; } /* line 185, ../scss/_menu.scss */ .mm-search .searchButton:hover { cursor: pointer; } /* line 189, ../scss/_menu.scss */ .mm-search input { border: none; color: #5dc5ed; } /* line 192, ../scss/_menu.scss */ .mm-search input::-webkit-input-placeholder { color: #5dc5ed; opacity: 1; } /* line 196, ../scss/_menu.scss */ .mm-search input:moz-placeholder { color: #5dc5ed; opacity: 1; } /* line 200, ../scss/_menu.scss */ .mm-search input::-moz-placeholder { color: #5dc5ed; opacity: 1; } /* line 204, ../scss/_menu.scss */ .mm-search input:-ms-input-placeholder { color: #5dc5ed; opacity: 1; } @media (max-width: 1199px) { /* line 219, ../scss/_menu.scss */ nav#mainMenu ul { display: none; } /* line 222, ../scss/_menu.scss */ nav#mainMenu a.mobileMenuBTN { display: block; } } @media all and (min-width: 1200px) and (max-width: 1300px) { /* line 228, ../scss/_menu.scss */ nav#mainMenu ul li a { padding: 20px 12px 30px 12px; padding: 1.25rem 0.75rem 1.875rem 0.75rem; } /* line 231, ../scss/_menu.scss */ nav#mainMenu ul li:last-child a { padding: 20px 0 30px 12px; padding: 1.25rem 0 1.875rem 0.75rem; } } @media (min-width: 1024px) { /* line 238, ../scss/_menu.scss */ body.fixedHeader nav#mainMenu { margin-top: 60px; margin-top: 3.75rem; } /* line 241, ../scss/_menu.scss */ body.fixedHeader nav#mainMenu .sf-menu .sf-mega { top: 120px; top: 3.7rem; } } /* line 3, ../scss/_footer.scss */ .fixedBottomBar { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 200; display: block; /* JUST WHILE IM DEVELOPING SO THEY DON'T KEEP ANIMATING*/ } /* line 10, ../scss/_footer.scss */ .fixedBottomBar .hoverElem { float: left; width: 32.3076%; margin-left: 1.5386%; position: relative; } /* line 15, ../scss/_footer.scss */ .fixedBottomBar .hoverElem .hoverBtn { height: 70px; height: 4.375rem; width: 100%; float: left; line-height: 1.3; padding: 12px 0; padding: 0.75rem 0; text-align: center; } /* line 22, ../scss/_footer.scss */ .fixedBottomBar .hoverElem .hoverBtn:hover { cursor: pointer; } /* line 25, ../scss/_footer.scss */ .fixedBottomBar .hoverElem .hoverBtn span { display: block; } /* line 29, ../scss/_footer.scss */ .fixedBottomBar .hoverElem .animatedBlock { position: absolute; bottom: -390px; bottom: -24.375rem; left: 0; width: 100%; height: 350px; height: 21.875rem; background-color: darkgrey; } /* line 36, ../scss/_footer.scss */ .fixedBottomBar .hoverElem .animatedBlock figure { margin: 0; } /* line 40, ../scss/_footer.scss */ .fixedBottomBar .hoverElem .animatedBlock figure, .fixedBottomBar .hoverElem .animatedBlock a { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* line 43, ../scss/_footer.scss */ .fixedBottomBar .hoverElem .animatedBlock figure { z-index: 1; overflow: hidden; position: relative; } /* line 47, ../scss/_footer.scss */ .fixedBottomBar .hoverElem .animatedBlock figure img { height: 100%; width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } /* line 57, ../scss/_footer.scss */ .fixedBottomBar .hoverElem .animatedBlock a { z-index: 10; text-align: center; } /* line 61, ../scss/_footer.scss */ .fixedBottomBar .hoverElem .animatedBlock span.type { display: block; margin: 215px 0 32px 0; margin: 13.4375rem 0 2rem 0; padding: 0 25px; padding: 0 1.5625rem; } /* line 66, ../scss/_footer.scss */ .fixedBottomBar .hoverElem .animatedBlock span.button { padding: 12px 15px; padding: 0.75rem 0.9375rem; } /* line 71, ../scss/_footer.scss */ .fixedBottomBar .hoverElem.eastFerry { margin-left: 0; } /* line 76, ../scss/_footer.scss */ .fixedBottomBar, .fixedBottomBar .container { height: 70px; height: 4.375rem; } /* line 79, ../scss/_footer.scss */ .fixedBottomBar ul#mobile { display: none; margin: 0; padding: 0; list-style-type: none; position: absolute; width: auto; top: 0; left: 40px; left: 2.5rem; right: 40px; right: 2.5rem; } /* line 87, ../scss/_footer.scss */ .fixedBottomBar ul#mobile li { float: left; width: 100%; display: block; } /* line 91, ../scss/_footer.scss */ .fixedBottomBar ul#mobile li a { display: block; height: 50px; height: 3.125rem; padding: 7px 0; padding: 0.4375rem 0; text-align: center; line-height: 1.3; } /* line 97, ../scss/_footer.scss */ .fixedBottomBar ul#mobile li a span { display: block; } /* line 102, ../scss/_footer.scss */ .fixedBottomBar ul#mobile .owl-nav { position: absolute; width: 100%; cursor: pointer; z-index: 300; display: block; top: 0 !important; top: 0 !important; } /* line 111, ../scss/_footer.scss */ .fixedBottomBar ul#mobile .owl-prev, .fixedBottomBar ul#mobile .owl-next { height: 50px; width: 50px; position: absolute; top: 0; top: 0; } /* line 115, ../scss/_footer.scss */ .fixedBottomBar ul#mobile .owl-prev:before, .fixedBottomBar ul#mobile .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: 50px; line-height: 3.125rem; } /* line 123, ../scss/_footer.scss */ .fixedBottomBar ul#mobile .owl-prev { left: -40px; left: -2.5rem; } /* line 125, ../scss/_footer.scss */ .fixedBottomBar ul#mobile .owl-prev:before { content: "\f053"; margin-left: -1px; margin-left: -0.0625rem; } /* line 130, ../scss/_footer.scss */ .fixedBottomBar ul#mobile .owl-next { right: -40px; right: -2.5rem; } /* line 132, ../scss/_footer.scss */ .fixedBottomBar ul#mobile .owl-next:before { content: "\f054"; margin-left: 1px; margin-left: 0.0625rem; } /* line 137, ../scss/_footer.scss */ .fixedBottomBar ul#mobile.owl-carousel .owl-stage-outer { overflow: visible!important; } /* -------------------- RESPONSIVE STYLES -------------------- */ @media (max-width: 767px) { /* line 154, ../scss/_footer.scss */ .fixedBottomBar .hoverElem, .fixedBottomBar .container .hoverElem { display: none; } /* line 157, ../scss/_footer.scss */ .fixedBottomBar { border-top: 1px solid rgba(255, 255, 255, 0.6); } /* line 159, ../scss/_footer.scss */ .fixedBottomBar ul#mobile { display: block; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 166, ../scss/_footer.scss */ .fixedBottomBar .hoverElem .animatedBlock { height: 275px; height: 17.1875rem; } /* line 168, ../scss/_footer.scss */ .fixedBottomBar .hoverElem .animatedBlock span.type { margin: 100px 0 32px 0; margin: 6.25rem 0 2rem 0; } } @media (max-width: 1023px) { /* line 175, ../scss/_footer.scss */ .fixedBottomBar .container { padding: 0; } /* line 179, ../scss/_footer.scss */ .fixedBottomBar, .fixedBottomBar .hoverElem .hoverBtn { height: 50px; height: 3.125rem; } /* line 182, ../scss/_footer.scss */ .fixedBottomBar .hoverElem .hoverBtn { padding: 9px 0; padding: 0.5625rem 0; } } /* line 3, ../scss/_home.scss */ #banner { float: left; width: 100%; position: relative; margin-top: 145px; margin-top: 9.0625rem; height: calc(100vh - 145px); } /* line 10, ../scss/_home.scss */ #banner .bannerInner, #banner .bannerOverflow { overflow: hidden; } /* line 13, ../scss/_home.scss */ #banner .bannerInner { position: absolute; left: 0; width: 100%; } /* line 18, ../scss/_home.scss */ #banner .bannerOverflow { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* line 21, ../scss/_home.scss */ #banner .bannerText { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* line 23, ../scss/_home.scss */ #banner .bannerText .rotatingText { position: absolute; left: 35px; bottom: 195px; bottom: 12.1875rem; width: 100%; line-height: 1.2; } /* line 29, ../scss/_home.scss */ #banner .bannerText .rotatingText div { padding: 0 8%; padding: 0 8%; width: 100%; text-align: center; } /* line 35, ../scss/_home.scss */ #banner .bannerText .rotatingText h1, #banner .bannerText .rotatingText p { margin: 0 0 10px 0; margin: 0 0 0.625rem 0; position: relative; } /* line 39, ../scss/_home.scss */ #banner .bannerText .rotatingText p { padding: 30px 5%; } /* line 42, ../scss/_home.scss */ #banner .bannerText .rotatingText a.readMore { margin: 40px 0 0 0; margin: 2.5rem 0 0 0; padding: 14px 22px; padding: 0.875rem 1.375rem; } /* line 48, ../scss/_home.scss */ #banner .vegas-overlay { background-image: url(../images/background/banner-overlay.png); background-position: bottom center; opacity: 0.7; background-repeat: repeat-x; } /* line 54, ../scss/_home.scss */ #banner .vegas-slide-inner { background-color: white; } /* line 62, ../scss/_home.scss */ html.desktop #banner, html.desktop #banner .container, html.desktop #banner .bannerOverflow { min-height: 600px; min-height: 37.5rem; } /* line 65, ../scss/_home.scss */ html.desktop #banner .bannerInner { min-height: 675px; min-height: 42.1875rem; } /* line 72, ../scss/_home.scss */ #quickLinks { float: left; width: 100%; padding: 60px 0 0 0; padding: 3.75rem 0 0 0; position: relative; z-index: 2; } /* line 78, ../scss/_home.scss */ #quickLinks .qLink { float: left; width: 23.8461%; margin-left: 1.5385%; height: 200px; height: 12.5rem; overflow: hidden; } /* line 85, ../scss/_home.scss */ #quickLinks .qLink a { display: block; height: 200px; height: 12.5rem; position: relative; overflow: hidden; } /* line 91, ../scss/_home.scss */ #quickLinks .qLink a figure { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; overflow: hidden; margin: 0; } /* line 95, ../scss/_home.scss */ #quickLinks .qLink a figure img { min-width: 105%; } /* line 99, ../scss/_home.scss */ #quickLinks .qLink:first-child { margin-left: 0; } /* line 102, ../scss/_home.scss */ #quickLinks .qlName { position: absolute; left: 0; width: 100%; height: 100%; top: 130px; top: 8.125rem; } /* line 108, ../scss/_home.scss */ #quickLinks .qlName span { display: block; position: absolute; top: 15px; top: 0.9375rem; left: 0; width: 100%; line-height: 40px; line-height: 2.5rem; text-align: center; } /* line 118, ../scss/_home.scss */ #quickLinks .qLink a:hover .qlName { top: 0; } /* line 120, ../scss/_home.scss */ #quickLinks .qLink a:hover .qlName span { top: 80px; top: 5rem; } /* line 128, ../scss/_home.scss */ #quotes { position: relative; display: block; width: 100%; padding: 220px 0 200px 0; padding: 13.75rem 0 12.5rem 0; float: left; clear: both; overflow: hidden; margin-top: -70px; margin-top: -4.375rem; } /* line 137, ../scss/_home.scss */ #quotes .owl-carousel .owl-stage-outer { overflow: hidden; } /* line 140, ../scss/_home.scss */ #quotes .container { padding: 0 120px; padding: 0 7.5rem; } /* line 143, ../scss/_home.scss */ #quotes ul.quoteRotation { margin: 0; padding: 0; list-style-type: none; position: relative; z-index: 3; } /* line 147, ../scss/_home.scss */ #quotes ul.quoteRotation li { float: left; width: 100%; text-align: center; line-height: 1.3; } /* line 154, ../scss/_home.scss */ #quotes .owl-dots { display: none; height: 14px; height: 0.875rem; float: left; width: 100%; text-align: center; margin-top: 100px; margin-top: 6.25rem; } /* line 161, ../scss/_home.scss */ #quotes .owl-dots button { display: inline-block; margin: 0 5px; margin: 0 0.3125rem; height: 14px; width: 14px; -webkit-border-radius: 7px; -moz-border-radius: 7px; -ms-border-radius: 7px; border-radius: 7px; background-clip: padding-box; behavior: url(PIE.htc); } /* line 172, ../scss/_home.scss */ #newsSocial { float: left; width: 100%; z-index: 3; position: relative; height: 700px; height: 43.75rem; } /* line 178, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-stage-outer { overflow: hidden; } /* line 181, ../scss/_home.scss */ #newsSocial .building { position: absolute; left: 20px; left: 1.25rem; top: -150px; top: -9.375rem; height: 151px; height: 9.4375rem; width: 281px; width: 17.5625rem; background-image: url(../images/background/building_white.png); background-repeat: no-repeat; background-position: center center; } @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 */ #newsSocial .building { background-image: url(../images/@2x/building_white@2x.png); -webkit-background-size: 281px 151px; background-size: 281px 151px; } } /* line 192, ../scss/_home.scss */ #newsSocial .specialContainer { position: absolute; left: 50%; width: auto; right: 0; margin-left: -650px; margin-left: -40.625rem; height: 440px; height: 27.5rem; top: 140px; top: 8.75rem; z-index: 100; } /* line 202, ../scss/_home.scss */ #newsSocial h1 { float: left; margin: 50px 0; margin: 3.125rem 0; width: 100%; text-align: center; } /* line 208, ../scss/_home.scss */ #newsSocial .tabHolder { position: absolute; left: 0; bottom: 40px; bottom: 2.5rem; width: 100%; height: 30px; height: 1.875rem; } /* line 215, ../scss/_home.scss */ #newsSocial ul.tabs { height: 30px; height: 1.875rem; float: right; margin: 0; padding: 0; list-style-type: none; text-align: center; position: relative; z-index: 300; width: 100%; } /* line 223, ../scss/_home.scss */ #newsSocial ul.tabs li { display: inline-block; margin: 0 10px; margin: 0 0.625rem; position: relative; } /* line 227, ../scss/_home.scss */ #newsSocial ul.tabs li:before { width: 1px; width: 0.0625rem; height: 18px; height: 1.125rem; top: 5px; top: 0.3125rem; left: -10px; left: -0.625rem; content: ""; position: absolute; } /* line 235, ../scss/_home.scss */ #newsSocial ul.tabs li.all:before { display: none; } /* line 238, ../scss/_home.scss */ #newsSocial ul.tabs li a { padding: 0 10px; padding: 0 0.625rem; height: 30px; height: 1.875rem; line-height: 30px; line-height: 1.875rem; display: block; } /* line 243, ../scss/_home.scss */ #newsSocial ul.tabs li a i { margin-left: 8px; margin-left: 0.5rem; } /* line 247, ../scss/_home.scss */ #newsSocial ul.tabs li a:hover { cursor: pointer; } /* line 251, ../scss/_home.scss */ #newsSocial ul.tabs li a:hover i, #newsSocial ul.tabs li:hover > a i { transform: rotate(180deg); -webkit-transform: rotate(180deg); } /* line 256, ../scss/_home.scss */ #newsSocial ul.tabs.sf-menu > li a:before { display: none; } /* line 259, ../scss/_home.scss */ #newsSocial ul.tabs ul { position: absolute; display: none; left: -12px; left: -0.75rem; top: 100%; z-index: 300; } /* line 265, ../scss/_home.scss */ #newsSocial ul.tabs ul li:before { display: none; } /* line 268, ../scss/_home.scss */ #newsSocial ul.tabs ul li { margin: 0; } /* line 271, ../scss/_home.scss */ #newsSocial ul.tabs ul li a { padding: 4px 20px; padding: 0.25rem 1.25rem; } /* line 274, ../scss/_home.scss */ #newsSocial ul.tabs ul li:last-child { padding-bottom: 8px; padding-bottom: 0.5rem; } /* line 279, ../scss/_home.scss */ #newsSocial .tab-content { box-sizing: border-box; float: left; width: 100%; opacity: 0; position: relative; transition: opacity 0.2s ease-in 0s; height: 0; display: none; } /* line 288, ../scss/_home.scss */ #newsSocial .tab-content.current { height: auto; opacity: 1; display: block; } /* line 294, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item { text-align: center; line-height: 1.3; height: 440px; height: 27.5rem; overflow: hidden; } /* line 299, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item .item { height: 440px; height: 27.5rem; } /* line 303, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item span, #newsSocial .owl-carousel .owl-item time { display: block; float: left; width: 100%; } /* line 308, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item figure { margin: 0; height: 200px; height: 12.5rem; float: left; width: 100%; } /* line 313, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item figure img { min-height: 100%; min-width: 100%; transform: scale(1); } /* line 318, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item figure a { display: block; } /* line 322, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item a:hover figure img { transform: scale(1.1); } /* line 325, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item .eventDate { height: 220px; height: 13.75rem; float: left; width: 100%; padding-top: 45px; padding-top: 2.8125rem; } /* line 330, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item .eventDate span { display: block; margin-top: -20px; margin-top: -1.25rem; } /* line 335, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item .itemInfo { float: left; width: 100%; height: 240px; height: 15rem; padding: 30px 25px 65px 25px; padding: 1.875rem 1.5625rem 4.0625rem 1.5625rem; position: relative; } /* line 341, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item .itemInfo .twitterInfo i { margin-right: 4px; margin-right: 0.25rem; } /* line 345, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item .itemInfo a.view, #newsSocial .owl-carousel .owl-item .itemInfo span.view { position: absolute; bottom: 25px; bottom: 1.5625rem; left: 30px; left: 1.875rem; } /* line 349, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item .itemInfo a.view i, #newsSocial .owl-carousel .owl-item .itemInfo span.view i { opacity: 0; margin-left: 0; margin-left: 0; } /* line 353, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item .itemInfo a.view:hover i, #newsSocial .owl-carousel .owl-item .itemInfo span.view:hover i { opacity: 1; margin-left: 8px; margin-left: 0.5rem; } /* line 358, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item .itemInfo span.schoolName { position: absolute; height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; width: 150px; width: 9.375rem; text-align: center; top: -40px; top: -2.5rem; left: 0; } /* line 368, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item .item.news { text-align: left; } /* line 371, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item .item.twitter { overflow: hidden; height: 440px; height: 27.5rem; } /* line 374, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item .item.twitter figure { height: 100%; height: 100%; position: absolute; top: 0; left: 0; } /* line 380, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item .item.twitter .itemInfo { height: 440px; height: 27.5rem; padding: 45px 30px 65px 30px; padding: 2.8125rem 1.875rem 4.0625rem 1.875rem; } /* line 383, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item .item.twitter .itemInfo .twitterInfo { display: block; text-align: center; margin-bottom: 45px; margin-bottom: 2.8125rem; } /* line 387, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item .item.twitter .itemInfo .twitterInfo i { display: block; margin-bottom: 4px; margin-bottom: 0.25rem; } /* line 393, ../scss/_home.scss */ #newsSocial .owl-carousel .owl-item .item.twitter .itemInfo a.view { display: inline-block; left: 50%; width: 140px; width: 8.75rem; margin-left: -65px; margin-left: -4.0625rem; } /* line 401, ../scss/_home.scss */ #newsSocial .owl-dots { display: none; } /* line 404, ../scss/_home.scss */ #newsSocial .owl-nav { position: absolute; width: 40px; width: 2.5rem; cursor: pointer; display: block; top: 50%; margin-top: -40px; margin-top: -2.5rem; height: 80px; height: 5rem; left: -60px; left: -3.75rem; } /* line 415, ../scss/_home.scss */ #newsSocial .owl-prev, #newsSocial .owl-next { height: 40px; width: 40px; position: absolute; outline: none; border: none; -webkit-appearance: none; z-index: 2; background: none; } /* line 423, ../scss/_home.scss */ #newsSocial .owl-prev:before, #newsSocial .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 431, ../scss/_home.scss */ #newsSocial .owl-prev { left: 0; left: 0; top: 0; } /* line 434, ../scss/_home.scss */ #newsSocial .owl-prev:before { content: "\f053"; margin-left: -1px; margin-left: -0.0625rem; } /* line 439, ../scss/_home.scss */ #newsSocial .owl-next { left: 0; left: 0; top: 40px; top: 2.5rem; } /* line 442, ../scss/_home.scss */ #newsSocial .owl-next:before { content: "\f054"; margin-left: 1px; margin-left: 0.0625rem; } /* line 451, ../scss/_home.scss */ #addressMap { float: left; width: 100%; } /* line 454, ../scss/_home.scss */ #addressMap .container { position: relative; } /* line 457, ../scss/_home.scss */ #addressMap .address { float: left; width: 56%; } /* line 461, ../scss/_home.scss */ #addressMap .address a.to-top { height: 40px; height: 2.5rem; width: 180px; width: 11.25rem; text-align: center; line-height: 42px; line-height: 2.625rem; position: absolute; top: -40px; top: -2.5rem; left: 50px; left: 3.125rem; z-index: 100; } /* line 470, ../scss/_home.scss */ #addressMap .address a.to-top i { margin-left: 12px; margin-left: 0.75rem; } /* line 475, ../scss/_home.scss */ #addressMap .map, #addressMap #map { float: right; position: relative; width: 44%; height: 400px; height: 25rem; overflow: hidden; } /* line 482, ../scss/_home.scss */ #addressMap #map { position: relative; float: left; width: 100%; } /* line 487, ../scss/_home.scss */ #addressMap .address { float: left; padding: 30px 0 0 0; padding: 1.875rem 0 0 0; line-height: 1.28; } /* line 491, ../scss/_home.scss */ #addressMap .address address { font-style: normal; } /* line 494, ../scss/_home.scss */ #addressMap .address .addressBlock { margin-bottom: 16px; margin-bottom: 1rem; float: left; width: 100%; } /* line 498, ../scss/_home.scss */ #addressMap .address .addressBlock span { display: block; } /* line 502, ../scss/_home.scss */ #addressMap .address .columnHeader { margin-bottom: 10px; margin-bottom: 0.625rem; } /* line 505, ../scss/_home.scss */ #addressMap .address .column { float: left; width: 50%; padding-right: 40px; padding-right: 2.5rem; } /* line 510, ../scss/_home.scss */ #addressMap .address span.tel { display: block; margin-top: 8px; margin-top: 0.5rem; } /* line 514, ../scss/_home.scss */ #addressMap .address span.email { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* line 520, ../scss/_home.scss */ #addressMap .address span.registered { margin-top: 12px; margin-top: 0.75rem; } /* line 523, ../scss/_home.scss */ #addressMap .address ul.learningLinks { margin: 0; padding: 0; list-style-type: none; } /* line 525, ../scss/_home.scss */ #addressMap .address ul.learningLinks li { float: left; width: 100%; margin-bottom: 5px; margin-bottom: 0.3125rem; } /* line 530, ../scss/_home.scss */ #addressMap .address ul.learningLinks li a { display: inline-block; } /* line 534, ../scss/_home.scss */ #addressMap .address .row { float: left; width: 100%; margin-top: 6px; margin-top: 0.375rem; } /* line 538, ../scss/_home.scss */ #addressMap .address .row.first { margin-top: 20px; margin-top: 1.25rem; } /* line 540, ../scss/_home.scss */ #addressMap .address .row.first a { margin-right: 23px; margin-right: 1.4375rem; position: relative; } /* line 543, ../scss/_home.scss */ #addressMap .address .row.first a:before { width: 1px; width: 0.0625rem; height: 12px; height: 0.75rem; position: absolute; content: ""; top: 3px; top: 0.1875rem; left: -13px; left: -0.8125rem; } /* line 552, ../scss/_home.scss */ #addressMap .address .row.first a.social:before, #addressMap .address .row.first a:first-child:before { display: none; } /* line 555, ../scss/_home.scss */ #addressMap .address .row.first a.social { margin-right: 6px; margin-right: 0.375rem; } /* line 560, ../scss/_home.scss */ #addressMap .address .row span.div { padding: 0 8px; padding: 0 0.5rem; } /* line 565, ../scss/_home.scss */ #addressMap a.directions { display: block; position: absolute; top: 0; right: -180px; right: -11.25rem; line-height: 70px; line-height: 4.375rem; height: 70px; height: 4.375rem; text-align: center; z-index: 100; padding-right: 50px; padding-right: 3.125rem; } /* line 575, ../scss/_home.scss */ #addressMap a.directions i { width: 70px; width: 4.375rem; } /* line 578, ../scss/_home.scss */ #addressMap a.directions span { margin-left: 20px; margin-left: 1.25rem; } /* line 581, ../scss/_home.scss */ #addressMap a.directions:hover { right: 0; } /* -------------------- RESPONSIVE STYLES -------------------- */ @media (max-width: 767px) { /* line 602, ../scss/_home.scss */ #banner, #banner .container, #banner .bannerOverflow, #banner .bannerInner { height: 200px; height: 12.5rem; } /* line 605, ../scss/_home.scss */ #banner .bannerText { display: none; } /* line 608, ../scss/_home.scss */ #quickLinks { padding: 10px 0 0 0; padding: 0.625rem 0 0 0; } /* line 610, ../scss/_home.scss */ #quickLinks .qLink { width: 100%; margin: 10px 0 0 0; margin: 0.625rem 0 0 0; } /* line 615, ../scss/_home.scss */ #quotes { padding: 100px 0 150px 0; padding: 6.25rem 0 9.375rem 0; } /* line 617, ../scss/_home.scss */ #quotes .container { padding: 0 5%; } /* line 621, ../scss/_home.scss */ #newsSocial { height: auto; padding: 0 0 100px 0; padding: 0 0 6.25rem 0; } /* line 624, ../scss/_home.scss */ #newsSocial h1 { margin: 39px 0; margin: 2.4375rem 0; } /* line 627, ../scss/_home.scss */ #newsSocial .building { left: 50%; margin-left: -115px; margin-left: -7.1875rem; top: -123px; top: -7.6875rem; height: 124px; height: 7.75rem; width: 230px; width: 14.375rem; } /* line 635, ../scss/_home.scss */ #newsSocial .owl-nav { top: -72px; top: -4.5rem; } /* line 638, ../scss/_home.scss */ #newsSocial .tabHolder { bottom: 20px; bottom: 1.25rem; } /* line 642, ../scss/_home.scss */ #newsSocial .tabHolder, #newsSocial ul.tabs { height: 60px; height: 3.75rem; } /* line 645, ../scss/_home.scss */ #newsSocial ul.tabs li a { padding: 0; } /* line 648, ../scss/_home.scss */ #newsSocial ul.tabs li:before { left: -11px; left: -0.6875rem; height: 16px; height: 1rem; top: 7px; top: 0.4375rem; } /* line 653, ../scss/_home.scss */ #newsSocial ul.tabs .nLine { display: block; } /* line 656, ../scss/_home.scss */ #newsSocial ul.tabs li.glenworth:before { display: none; } /* line 661, ../scss/_home.scss */ #addressMap .address { padding: 20px 5% 30px 5%; } /* line 664, ../scss/_home.scss */ #addressMap .address a.to-top { display: none; } /* line 667, ../scss/_home.scss */ #addressMap .address .column { width: 100%; margin-top: -30px; margin-top: -1.875rem; } /* line 671, ../scss/_home.scss */ #addressMap .map { display: none; } /* line 674, ../scss/_home.scss */ #addressMap .address .columnHeader { margin-bottom: 0; } /* line 677, ../scss/_home.scss */ #addressMap .address .column.first { margin-top: 0; } /* line 680, ../scss/_home.scss */ #addressMap .address .column.first .columnHeader { margin-bottom: 10px; margin-bottom: 0.625rem; } } @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 627, ../scss/_home.scss */ #newsSocial .building { background-image: url(../images/@2x/building_white@2x.png); -webkit-background-size: 230px 124px; background-size: 230px 124px; } } @media (min-width: 768px) { /* line 687, ../scss/_home.scss */ #newsSocial ul.tabs .nLine { display: inline-block; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 696, ../scss/_home.scss */ #banner, #banner .container, #banner .bannerOverflow, #banner .bannerInner { height: 425px; height: 26.5625rem; } /* line 699, ../scss/_home.scss */ #quickLinks { padding: 35px 0 0 0; padding: 2.1875rem 0 0 0; } /* line 701, ../scss/_home.scss */ #quickLinks .container { padding: 0 8%; } /* line 704, ../scss/_home.scss */ #quickLinks .qLink { width: 48.4375%; } /* line 706, ../scss/_home.scss */ #quickLinks .qLink.govern { margin-left: 0; } /* line 710, ../scss/_home.scss */ #quickLinks .qLink.academies, #quickLinks .qLink.join { margin-left: 3.125%; } /* line 714, ../scss/_home.scss */ #quickLinks .qLink.vision, #quickLinks .qLink.academies { margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 719, ../scss/_home.scss */ #quickLinks .qLink, #quickLinks .qLink a { height: 230px; height: 14.375rem; } /* line 722, ../scss/_home.scss */ #quickLinks .qlName { top: 145px; top: 9.0625rem; } /* line 724, ../scss/_home.scss */ #quickLinks .qlName span { top: 25px; top: 1.5625rem; } /* line 729, ../scss/_home.scss */ #newsSocial .owl-nav { top: -85px; top: -5.3125rem; } /* line 732, ../scss/_home.scss */ #quotes { padding: 150px 0 185px 0; padding: 9.375rem 0 11.5625rem 0; margin-top: -85px; margin-top: -5.3125rem; } /* line 736, ../scss/_home.scss */ #newsSocial .tabHolder { bottom: 55px; bottom: 3.4375rem; } } @media all and (min-width: 768px) and (max-width: 1200px) { /* line 742, ../scss/_home.scss */ #addressMap .container .address { padding: 40px 5% 35px 5%; } } @media all and (min-width: 768px) and (max-width: 1200px) { /* line 748, ../scss/_home.scss */ #banner .bannerText .rotatingText { bottom: 70px; bottom: 4.375rem; left: 5%; right: 5%; width: auto; } /* line 753, ../scss/_home.scss */ #banner .bannerText .rotatingText div { padding: 0; } /* line 756, ../scss/_home.scss */ #banner .bannerText .rotatingText p { padding: 20px 0; padding: 1.25rem 0; } /* line 760, ../scss/_home.scss */ html.ipad.landscape #banner .bannerText .rotatingText { bottom: 90px; bottom: 5.625rem; } } @media (max-width: 1023px) { /* line 766, ../scss/_home.scss */ #banner { margin-top: 0; } /* line 768, ../scss/_home.scss */ #banner .bannerInner { transform: none!important; -webkit-transform: none!important; } /* line 772, ../scss/_home.scss */ #banner .vegas-overlay { background-position: top center; } /* line 776, ../scss/_home.scss */ #newsSocial .specialContainer { right: auto; left: auto; top: auto; margin-left: 6%; position: relative; float: left; width: 88%; } /* line 785, ../scss/_home.scss */ #newsSocial .owl-nav { margin-top: 0; left: 0; width: 100%; height: 40px; height: 2.5rem; } /* line 790, ../scss/_home.scss */ #newsSocial .owl-nav .owl-prev { left: -10px; left: -0.625rem; } /* line 793, ../scss/_home.scss */ #newsSocial .owl-nav .owl-next { top: 0; left: auto; right: -10px; right: -0.625rem; } } @media (max-width: 1200px) { /* line 802, ../scss/_home.scss */ #addressMap .container { padding: 0; } /* line 804, ../scss/_home.scss */ #addressMap .container .address { width: 100%; } /* line 807, ../scss/_home.scss */ #addressMap .container .map { width: 100%; } } @media (min-width: 1024px) { /* line 814, ../scss/_home.scss */ #banner .bannerInner { top: -65px; top: -4.0625rem; } } @media all and (min-width: 1024px) and (max-width: 1400px) { /* line 820, ../scss/_home.scss */ #newsSocial .specialContainer { left: 8%; margin-left: auto; } } /* line 3, ../scss/_page.scss */ #banner.page { height: 450px; height: 28.125rem; } /* line 7, ../scss/_page.scss */ section#pageHolder { position: relative; float: left; width: 100%; } /* line 11, ../scss/_page.scss */ section#pageHolder .pageHolder { float: left; width: 100%; position: relative; margin: -85px 0 0 0; margin: -5.3125rem 0 0 0; padding-bottom: 100px; padding-bottom: 6.25rem; z-index: 40; } /* line 19, ../scss/_page.scss */ section#pageHolder aside#sidebar { float: left; width: 260px; width: 16.25rem; position: relative; margin: -25px 0 0 60px; margin: -1.5625rem 0 0 3.75rem; padding: 0; z-index: 200; } /* line 26, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu { float: left; width: 100%; } /* line 30, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader { display: block; float: left; position: relative; padding: 0 25px; padding: 0 1.5625rem; width: 100%; height: 70px; height: 4.375rem; line-height: 70px; line-height: 4.375rem; } /* line 38, ../scss/_page.scss */ section#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 43, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader a.linkAction { display: none; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* line 48, ../scss/_page.scss */ section#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 52, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu ul { margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; padding: 0 20px 28px 25px; padding: 0 1.25rem 1.75rem 1.5625rem; } /* line 57, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu ul li { float: left; width: 100%; position: relative; } /* line 61, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu ul li.has-sub a { padding-right: 25px; padding-right: 1.5625rem; } /* line 64, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu ul li a { display: block; padding: 9px 0; padding: 0.5625rem 0; line-height: 1.3; } /* line 69, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu ul li ul { display: none; margin: 0 0 6px 0; margin: 0 0 0.375rem 0; padding: 0; } /* line 73, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu ul li ul li { float: left; width: 100%; padding: 0; border: none; } /* line 78, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu ul li ul li a { padding: 6px 0 6px 15px; padding: 0.375rem 0 0.375rem 0.9375rem; border: none; } /* line 82, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu ul li ul li:before { position: absolute; top: 8px; top: 0.5rem; left: 2px; left: 0.125rem; content: "-"; } /* line 89, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu ul li ul li ul li { padding: 0 0 0 15px; padding: 0 0 0 0.9375rem; } /* line 91, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu ul li ul li ul li:before { position: absolute; top: 8px; top: 0.5rem; left: 14px; left: 0.875rem; content: "-"; } /* line 101, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu ul li.has-sub ul { display: none; } /* line 104, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu ul li.has-sub.open .holder { top: 0; top: 0; } /* line 107, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu ul li.has-sub.open .holder:after { content: "\f077"; } /* line 112, ../scss/_page.scss */ section#pageHolder aside#sidebar .holder { width: 30px; width: 1.875rem; height: 0; right: -5px; right: -0.3125rem; position: absolute; top: 2px; top: 0.125rem; height: 100%; } /* line 119, ../scss/_page.scss */ section#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; font-weight: 700; font-family: "Font Awesome 5 Free"; content: "\f078"; top: 10px; top: 0.625rem; } /* line 132, ../scss/_page.scss */ section#pageHolder aside#sidebar .holder:hover { cursor: pointer; } /* line 136, ../scss/_page.scss */ section#pageHolder aside#sidebar ul ul li .holder { right: -10px; right: -0.625rem; } /* line 139, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li.has-sub.open ul li.has-sub .holder:after { content: "\f078"; } /* line 142, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li.has-sub.open ul li.has-sub.open .holder:after { content: "\f077"; } /* line 146, ../scss/_page.scss */ section#pageHolder #pageContent { margin-left: 380px; margin-left: 23.75rem; margin-top: 0px; margin-top: 0rem; position: relative; z-index: 200; padding: 58px 60px 0 0; padding: 3.625rem 3.75rem 0 0; } /* line 153, ../scss/_page.scss */ section#pageHolder #pageContent figure { margin: 0; padding: 0; } /* line 160, ../scss/_page.scss */ section#pageHolder #pageContent img.alignLeft, section#pageHolder #pageContent img.alignRight, section#pageHolder #pageContent img.align-left, section#pageHolder #pageContent img.align-right { margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 164, ../scss/_page.scss */ section#pageHolder #pageContent img.alignLeft, section#pageHolder #pageContent img.align-left { float: left; margin-right: 25px; margin-right: 1.5625rem; } /* line 169, ../scss/_page.scss */ section#pageHolder #pageContent img.alignRight, section#pageHolder #pageContent img.align-right { float: right; margin-left: 25px; margin-left: 1.5625rem; } /* line 173, ../scss/_page.scss */ section#pageHolder #pageContent .contentInner { float: left; padding: 70px 9% 30px 9%; width: 100%; border-left-width: 1px; border-left-style: solid; margin-bottom: 70px; margin-bottom: 4.375rem; position: relative; z-index: 1; } /* line 183, ../scss/_page.scss */ section#pageHolder #pageContent ul, section#pageHolder #pageContent ol { line-height: 1.5; display: block; clear: both; width: 100%; margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 190, ../scss/_page.scss */ section#pageHolder #pageContent ul { margin: 0; padding: 0; list-style-type: none; } /* line 192, ../scss/_page.scss */ section#pageHolder #pageContent ul li { padding: 0 0 0 22px; padding: 0 0 0 1.375rem; position: relative; } /* line 195, ../scss/_page.scss */ section#pageHolder #pageContent ul li:before { content: ""; width: 4px; width: 0.25rem; height: 4px; height: 0.25rem; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; background-clip: padding-box; behavior: url(PIE.htc); position: absolute; top: 8px; top: 0.5rem; left: 4px; } /* line 206, ../scss/_page.scss */ section#pageHolder #pageContent ol { counter-reset: li; list-style: none; *list-style: decimal; padding: 0 0 0 24px; width: 96%; } /* line 212, ../scss/_page.scss */ section#pageHolder #pageContent ol li { position: relative; margin-bottom: 1px; margin-bottom: 0.0625rem; } /* line 216, ../scss/_page.scss */ section#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 226, ../scss/_page.scss */ section#pageHolder #pageContent h1 { margin-top: 0; margin-bottom: 50px; margin-bottom: 3.125rem; position: relative; } /* line 231, ../scss/_page.scss */ section#pageHolder #pageContent h2, section#pageHolder #pageContent h3, section#pageHolder #pageContent h4, section#pageHolder #pageContent h5 { margin: 20px 0 5px 0; margin: 1.25rem 0 0.3125rem 0; position: relative; } /* line 235, ../scss/_page.scss */ section#pageHolder #pageContent p { line-height: 1.4em; margin: 0 0 26px 0; margin: 0 0 1.625rem 0; } /* line 239, ../scss/_page.scss */ section#pageHolder #pageContent p a:hover { text-decoration: underline; } /* line 242, ../scss/_page.scss */ section#pageHolder #pageContent .oneThird { float: left; width: 30%; margin-left: 5%; } /* line 247, ../scss/_page.scss */ section#pageHolder #pageContent .oneHalf { float: left; width: 47.5%; margin-left: 5%; } /* line 252, ../scss/_page.scss */ section#pageHolder #pageContent .extraContent { padding: 20px 0 0 0; padding: 1.25rem 0 0 0; float: left; width: 100%; } /* line 256, ../scss/_page.scss */ section#pageHolder #pageContent .extraContent h2 { text-transform: none; } /* line 260, ../scss/_page.scss */ section#pageHolder #pageContent .oneThird:first-of-type { margin-left: 0; } /* line 263, ../scss/_page.scss */ section#pageHolder #pageContent .oneHalf:first-of-type { margin-left: 0; } /* line 266, ../scss/_page.scss */ section#pageHolder #pageContent.fullWidth { margin-left: 0; padding-left: 60px; padding-left: 3.75rem; } /* line 269, ../scss/_page.scss */ section#pageHolder #pageContent.fullWidth .contentInner { padding: 40px 9% 60px 9%; border: none; } /* line 277, ../scss/_page.scss */ section#pageHolder #pageContent blockquote { margin: 50px 0 40px 0; margin: 3.125rem 0 2.5rem 0; padding: 24px 30px; padding: 1.5rem 1.875rem; line-height: 1.4em; text-align: center; position: relative; } /* line 283, ../scss/_page.scss */ section#pageHolder #pageContent blockquote span.author { margin-top: 10px; margin-top: 0.625rem; display: block; } /* line 295, ../scss/_page.scss */ body.page #quotes { margin: 0; padding: 70px 10% 0 10%; padding: 4.375rem 10% 0 10%; } /* line 298, ../scss/_page.scss */ body.page #quotes ul li { padding: 0!important; } /* line 301, ../scss/_page.scss */ body.page #quotes ul li:before { display: none; } /* line 305, ../scss/_page.scss */ body.page #addressMap .building { position: absolute; left: 20px; left: 1.25rem; top: -150px; top: -9.375rem; height: 151px; height: 9.4375rem; width: 281px; width: 17.5625rem; background-image: url(../images/global/building_blue.png); background-repeat: no-repeat; background-position: center center; z-index: 100; } @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 305, ../scss/_page.scss */ body.page #addressMap .building { background-image: url(../images/@2x/building_blue@2x.png); -webkit-background-size: 281px 151px; background-size: 281px 151px; } } @media (max-width: 499px) { /* line 330, ../scss/_page.scss */ section#pageHolder #pageContent img { width: 100%; height: auto; margin-left: 0; margin-right: 0; } } @media (max-width: 767px) { /* line 339, ../scss/_page.scss */ #banner.page { height: 240px; height: 15rem; } /* line 342, ../scss/_page.scss */ section#pageHolder .pageHolder { margin-top: 0; margin-top: 0; padding: 55px 0 30px 0; padding: 3.4375rem 0 1.875rem 0; } /* line 346, ../scss/_page.scss */ section#pageHolder aside#sidebar { float: right; margin: -78px 0 0 0; margin: -4.875rem 0 0 0; } /* line 350, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader { height: 45px; height: 2.8125rem; line-height: 45px; line-height: 2.8125rem; } /* line 354, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader .sectionTitle i { line-height: 45px; line-height: 2.8125rem; } /* line 357, ../scss/_page.scss */ section#pageHolder #pageContent { padding: 0; } /* line 359, ../scss/_page.scss */ section#pageHolder #pageContent h1 { margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 362, ../scss/_page.scss */ section#pageHolder #pageContent blockquote { margin: 30px 0 30px 0; margin: 1.875rem 0 1.875rem 0; } /* line 367, ../scss/_page.scss */ section#pageHolder #pageContent .oneThird, section#pageHolder #pageContent .oneHalf { width: 100%; margin-left: 0; } /* line 371, ../scss/_page.scss */ section#pageHolder #pageContent.fullWidth { padding-left: 0; padding-right: 0; } /* line 375, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu ul { padding: 0 4% 10px 4%; } /* line 378, ../scss/_page.scss */ body.page.sitemap section#pageHolder .pageHolder { padding: 30px 6% 50px 6%; padding: 1.875rem 6% 3.125rem 6%; } /* line 381, ../scss/_page.scss */ body.page #quotes { padding: 50px 0 160px 0; padding: 3.125rem 0 10rem 0; } /* line 384, ../scss/_page.scss */ body.page #addressMap .building { left: 50%; margin-left: -115px; margin-left: -7.1875rem; top: -123px; top: -7.6875rem; height: 124px; height: 7.75rem; width: 230px; width: 14.375rem; } } @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 384, ../scss/_page.scss */ body.page #addressMap .building { background-image: url(../images/@2x/building_blue@2x.png); -webkit-background-size: 230px 124px; background-size: 230px 124px; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 395, ../scss/_page.scss */ #banner.page { max-height: 250px; max-height: 15.625rem; min-height: 0; } /* line 399, ../scss/_page.scss */ section#pageHolder #pageContent { padding: 0; padding: 0; } /* line 402, ../scss/_page.scss */ section#pageHolder aside#sidebar { margin-top: -91px; margin-top: -5.6875rem; } /* line 405, ../scss/_page.scss */ section#pageHolder #pageContent.fullWidth { padding: 30px 0 0 0; padding: 1.875rem 0 0 0; } /* line 408, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader { line-height: 50px; line-height: 3.125rem; height: 50px; height: 3.125rem; } /* line 412, ../scss/_page.scss */ section#pageHolder .pageHolder { padding: 70px 0 40px 0; padding: 4.375rem 0 2.5rem 0; margin: 0; margin: 0; } /* line 416, ../scss/_page.scss */ section#pageHolder:before { top: 60px; top: 3.75rem; } /* line 419, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader .sectionTitle i { line-height: 50px; line-height: 3.125rem; } /* line 422, ../scss/_page.scss */ body.page.sitemap section#pageHolder .pageHolder { padding: 10px 6% 50px 6%; padding: 0.625rem 6% 3.125rem 6%; } /* line 425, ../scss/_page.scss */ body.page #quotes { padding: 50px 0 160px 0; padding: 3.125rem 0 10rem 0; } } @media all and (min-width: 1024px) and (max-width: 1350px) { /* line 432, ../scss/_page.scss */ section#pageHolder aside#sidebar { width: 250px; width: 15.625rem; margin: -25px 0 0 40px; margin: -1.5625rem 0 0 2.5rem; } /* line 436, ../scss/_page.scss */ section#pageHolder #pageContent { margin-left: 350px; margin-left: 21.875rem; padding: 50px 40px 0 0; padding: 3.125rem 2.5rem 0 0; } /* line 441, ../scss/_page.scss */ section#pageHolder #pageContent .oneThird, section#pageHolder #pageContent .oneHalf { width: 100%; margin-left: 0; } } @media (max-width: 1023px) { /* line 451, ../scss/_page.scss */ #pageImage { margin-top: 0; height: 220px; height: 13.75rem; } /* line 455, ../scss/_page.scss */ section#pageHolder { float: left; width: 100%; } /* line 459, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader { padding: 0 4%; padding: 0 4%; position: relative; z-index: 2000; } /* line 464, ../scss/_page.scss */ section#pageHolder #pageContent { width: 100%; margin-left: 0; float: left; } /* line 469, ../scss/_page.scss */ section#pageHolder aside#sidebar .collapse { position: relative; display: none; float: left; width: 100%; z-index: 2000; position: relative; } /* line 477, ../scss/_page.scss */ section#pageHolder aside#sidebar { margin-left: 0; margin-right: 0; width: 100%; z-index: 400; } /* line 482, ../scss/_page.scss */ section#pageHolder aside#sidebar .holder { right: -5px; right: -0.3125rem; } /* line 486, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu { position: absolute; left: 0; } /* line 491, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader a.linkAction { display: block; z-index: 10; } /* line 494, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader a.linkAction:hover { cursor: pointer; } /* line 498, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader .sectionTitle i { position: absolute; right: 4%; right: 4%; display: block; } /* line 504, ../scss/_page.scss */ section#pageHolder aside#sidebar ul { padding: 0 0 15px 0; padding: 0 0 0.9375rem 0; } /* line 508, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li a { padding: 8px 0; padding: 0.5rem 0; } /* line 511, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li ul li { border: none; } /* line 515, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader .sectionTitle i { top: 0; top: 0; } /* line 518, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li ul { margin: 0; } } @media (min-width: 1024px) { /* line 525, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu .collapse { display: block!important; } } /* line 3, ../scss/_news-page.scss */ section#pageHolder section#pageContent span.articleDate { display: block; margin-bottom: 8px; margin-bottom: 0.5rem; } /* line 8, ../scss/_news-page.scss */ body.page.news section#pageHolder #pageContent h1 { float: left; } /* line 12, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList { margin: 0; padding: 0; list-style-type: none; margin: 0; margin: 0; width: 103.4%; margin-left: -3.4%; float: left; clear: none; } /* line 19, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li:before { display: none; } /* line 22, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList figure { float: left; width: 100%; margin: 0; height: 200px; height: 12.5rem; overflow: hidden; position: relative; } /* line 29, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList figure img { width: 120%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); max-width: none; height: auto; margin-bottom: 0!important; } /* line 41, ../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 45, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li { float: left; width: 30.3%; margin-left: 3%; margin-bottom: 35px; margin-bottom: 2.1875rem; height: 440px; height: 27.5rem; } /* line 52, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li a { display: block; z-index: 5; } /* line 56, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .articleTitle { display: block; padding: 0 0 10px 0; padding: 0 0 0.625rem 0; line-height: 1.1; } /* line 61, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .articleDate { display: block; padding: 0; padding: 0; } /* line 65, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .info { float: left; width: 100%; padding: 34px 30px 90px 30px; padding: 2.125rem 1.875rem 5.625rem 1.875rem; position: relative; height: 240px; height: 15rem; } /* line 71, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .info span.schoolName { position: absolute; height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; width: 150px; width: 9.375rem; text-align: center; top: -40px; top: -2.5rem; left: 0; } /* line 80, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .info span { margin-bottom: 5px; margin-bottom: 0.3125rem; display: block; } /* line 84, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .info span.articleTitle { line-height: 1.2; } /* line 87, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .info .articleMore { position: absolute; bottom: 27px; bottom: 1.6875rem; left: 30px; left: 1.875rem; display: inline-block; } /* line 93, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .info p { line-height: 1.4; } /* line 98, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li { padding: 0!important; } /* line 102, ../scss/_news-page.scss */ .pagination { width: 100%; height: 30px; height: 1.875rem; float: left; margin: 25px 0 0 0; margin: 1.5625rem 0 0 0; text-align: center; } /* line 108, ../scss/_news-page.scss */ .pagination a.previous { float: left; } /* line 111, ../scss/_news-page.scss */ .pagination a.next { float: right; } /* line 114, ../scss/_news-page.scss */ .pagination a.next:hover, .pagination a.previous:hover { cursor: pointer; } /* line 119, ../scss/_news-page.scss */ #pageHolder .pageHolder .controls { float: right; line-height: 45px; line-height: 2.8125rem; } /* line 122, ../scss/_news-page.scss */ #pageHolder .pageHolder .controls button { border: 0; font-family: inherit; padding: 0 12px; padding: 0 0.75rem; float: left; background: none; -webkit-appearance: none; margin: 0; outline: none; position: relative; } /* line 132, ../scss/_news-page.scss */ #pageHolder .pageHolder .controls button:before { width: 1px; width: 0.0625rem; height: 18px; height: 1.125rem; top: 13px; top: 0.8125rem; left: -1px; left: -0.0625rem; content: ""; position: absolute; } /* line 140, ../scss/_news-page.scss */ #pageHolder .pageHolder .controls button.all:before { display: none; } /* line 143, ../scss/_news-page.scss */ #pageHolder .pageHolder .controls button.crossharbour { padding: 0 0 0 12px; padding: 0 0 0 0.75rem; } @media (max-width: 767px) { /* line 155, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList { width: 100%; margin-left: 0; } /* line 158, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li { width: 100%; margin-left: 0; height: auto; } /* line 163, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList .info .readMore { padding: 0 22px; padding: 0 1.375rem; } /* line 166, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList figure { height: auto; } /* line 168, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList figure img { position: relative; left: auto; top: auto; transform: scale(1); width: 100%; } /* line 177, ../scss/_news-page.scss */ .pagination { margin-top: 0; } /* line 180, ../scss/_news-page.scss */ #pageHolder .pageHolder .controls { float: left; display: block; width: 100%; margin: -8px 0 24px 0; margin: -0.5rem 0 1.5rem 0; } /* line 185, ../scss/_news-page.scss */ #pageHolder .pageHolder .controls button { line-height: 25px; line-height: 1.5625rem; } /* line 187, ../scss/_news-page.scss */ #pageHolder .pageHolder .controls button:before { top: 3px; top: 0.1875rem; } /* line 191, ../scss/_news-page.scss */ #pageHolder .pageHolder .controls button.crossharbour { padding: 0 12px; padding: 0 0.75rem; } /* line 194, ../scss/_news-page.scss */ #pageHolder .pageHolder .controls button.all { padding: 0 12px 0 0; padding: 0 0.75rem 0 0; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 201, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList { width: 100%; margin-left: 0; } /* line 206, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li { width: 48%; margin-left: 0; } /* line 214, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li:nth-child(2), #pageHolder #pageContent ul.newsList li:nth-child(4), #pageHolder #pageContent ul.newsList li:nth-child(6), #pageHolder #pageContent ul.newsList li:nth-child(8), #pageHolder #pageContent ul.newsList li:nth-child(10) { margin-left: 4%; } } @media (max-width: 1023px) { /* line 221, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList figure { max-height: none; } } @media all and (min-width: 1024px) and (max-width: 1300px) { /* line 227, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList { width: 100%; margin-left: 0; } /* line 232, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li { width: 48%; margin-left: 0; } /* line 240, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li:nth-child(2), #pageHolder #pageContent ul.newsList li:nth-child(4), #pageHolder #pageContent ul.newsList li:nth-child(6), #pageHolder #pageContent ul.newsList li:nth-child(8), #pageHolder #pageContent ul.newsList li:nth-child(10) { margin-left: 4%; } /* line 244, ../scss/_news-page.scss */ #pageHolder .pageHolder .controls { float: left; display: block; width: 100%; margin: -26px 0 24px 0; margin: -1.625rem 0 1.5rem 0; } /* line 249, ../scss/_news-page.scss */ #pageHolder .pageHolder .controls button.crossharbour { padding: 0 12px; padding: 0 0.75rem; } /* line 252, ../scss/_news-page.scss */ #pageHolder .pageHolder .controls button.all { padding: 0 12px 0 0; padding: 0 0.75rem 0 0; } } /* line 3, ../scss/_search.scss */ .searchBox { display: none; width: 370px; width: 23.125rem; height: 32px; height: 2rem; position: absolute; top: -1px; top: -0.0625rem; right: 29px; right: 1.8125rem; z-index: 300; } /* line 11, ../scss/_search.scss */ .searchBox input.searchInput { position: absolute; top: 0; left: 10px; left: 0.625rem; width: 320px; width: 20rem; height: 24px; height: 1.5rem; padding: 4px 15px 3px 5px; padding: 0.25rem 0.9375rem 0.1875rem 0.3125rem; box-sizing: content-box; border: none; color: white; -webkit-appearance: none; outline: none; z-index: 10; background: none; } /* line 25, ../scss/_search.scss */ .searchBox input.searchInput::-webkit-input-placeholder { color: white; opacity: 1; } /* line 29, ../scss/_search.scss */ .searchBox input.searchInput:moz-placeholder { color: #5dc5ed; opacity: 1; } /* line 33, ../scss/_search.scss */ .searchBox input.searchInput::-moz-placeholder { color: white; opacity: 1; } /* line 37, ../scss/_search.scss */ .searchBox input.searchInput:-ms-input-placeholder { color: white; opacity: 1; } /* line 42, ../scss/_search.scss */ .searchBox button.searchBTN { position: absolute; right: -40px; right: -2.5rem; top: 0; top: 0; width: 40px; width: 2.5rem; height: 32px; height: 2rem; border: none!important; -webkit-appearance: none; background-color: transparent; padding: 0; } /* line 54, ../scss/_search.scss */ .searchBox a.closeBTN { position: absolute; left: -32px; left: -2rem; top: 0px; top: 0rem; z-index: 2; width: 30px; width: 1.875rem; height: 32px; height: 2rem; text-align: center; } /* line 62, ../scss/_search.scss */ .searchBox a.closeBTN i { line-height: 34px; line-height: 2.125rem; } /* line 3, ../scss/_sitemap.scss */ .sitemap ul { margin-left: 0; list-style-type: none; margin: 0; padding: 0; list-style-type: none; } /* line 8, ../scss/_sitemap.scss */ #pageContent .sitemap li { list-style-position: inside; margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; padding: 5px 0 !important; padding: 0.3125rem 0 !important; line-height: 1.2; } /* line 15, ../scss/_sitemap.scss */ #pageContent .sitemap li a { line-height: normal; text-decoration: none; } /* line 18, ../scss/_sitemap.scss */ #pageContent .sitemap li a:hover { text-decoration: none; } /* line 22, ../scss/_sitemap.scss */ #pageContent .sitemap li:before { display: none; } /* line 25, ../scss/_sitemap.scss */ #pageContent .sitemap li ul { margin: 10px 0 20px 0 !important; margin: 0.625rem 0 1.25rem 0 !important; } /* line 27, ../scss/_sitemap.scss */ #pageContent .sitemap li ul li { padding: 2px 0 2px 19px !important; padding: 0.125rem 0 0.125rem 1.1875rem !important; position: relative; } /* line 30, ../scss/_sitemap.scss */ #pageContent .sitemap li ul li:before { padding: 0 4px; padding: 0 0.25rem; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; display: block; height: 1px !important; height: 0.0625rem !important; left: 0!important; width: 3px !important; width: 0.1875rem !important; border-radius: 0!important; top: 12px !important; top: 0.75rem !important; } /* line 42, ../scss/_sitemap.scss */ #pageContent .sitemap li ul ul { margin: 6px 0 10px 0 !important; margin: 0.375rem 0 0.625rem 0 !important; } /* line 3, ../scss/_c4styles.scss */ #newsSocial .owl-carousel.owl-drag .owl-item { max-width: 100% !important; } /* line 6, ../scss/_c4styles.scss */ #newsSocial .owl-carousel .owl-stage { overflow: hidden; height: 440px; } @media (min-width: 768px) { /* line 12, ../scss/_c4styles.scss */ #newsSocial .owl-carousel.owl-drag .owl-item { max-width: calc(50% - 15px) !important; margin-right: 15px; } } @media (min-width: 1024px) { /* line 19, ../scss/_c4styles.scss */ #newsSocial .owl-carousel.owl-drag .owl-item { max-width: calc(25% - 15px) !important; margin-right: 15px; } }