/* CSS Document Client: Preston's College Version: 1.0 Date: 17/05/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 17: Courses 18: Course Listing 19: Sector Landing Pages 20: Slick Slider 21: Careers template 22: Course Detail 23: Events Page */ /* line 5, ../scss/_placeholder.scss */ nav#mainMenu:before, footer#siteFooter:before, #banner:before, #welcomeMassage:before, #newsScroller:before, #videos:before, #collegeLinks:before, #courseCareerSearch:before, #eventScroller .scroller:before, #pageHolder:before, #pageHolder #pageContent:before, .mobileSidebar:before, #courseScroller.related:before, nav#mainMenu:after, footer#siteFooter:after, #banner:after, #welcomeMassage:after, #newsScroller:after, #videos:after, #collegeLinks:after, #courseCareerSearch:after, #eventScroller .scroller:after, #pageHolder:after, #pageHolder #pageContent:after, .mobileSidebar:after, #courseScroller.related:after { content: ""; display: table; } /* line 9, ../scss/_placeholder.scss */ nav#mainMenu:after, footer#siteFooter:after, #banner:after, #welcomeMassage:after, #newsScroller:after, #videos:after, #collegeLinks:after, #courseCareerSearch:after, #eventScroller .scroller:after, #pageHolder:after, #pageHolder #pageContent:after, .mobileSidebar:after, #courseScroller.related: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: /*#444444*/#000000; 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: "Montserrat", sans-serif; background: #fff; margin: 0; color: /*#444444*/#000000; } /* ========================================================================== 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 24, ../scss/_colorScheme.scss */ header#masthead .topBar, footer#siteFooter .lowerFooter, #newsScroller .newsItem .itemContent, #courseCareerSearch ul.tabs li a, #courseCareerSearch #tab-2.tab-content, #courseCareerSearch .tab-content button.searchBTN, #pageHolder aside#sidebar nav#sideMenu, #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers, #pageHolder aside#sidebar .courseCareerSearch button.searchBTN, .mobilePageSearch ul.tabs li a, .mobilePageSearch #tab-2.tab-content, .mobilePageSearch .tab-content button.searchBTN, #courseScroller .bgWrapper, #courseScroller h1.sectionTitle, #courseScroller .courses .item a:hover .more, #pageHolder #pageContent ul.newsList li .postContent, body.careers #pageHolder .categoryListing, body.careers #pageHolder .categoryListing:before { background-color: #233E76; } /* line 29, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ body.careers #collegeLinks .linkSet .linkName .vAlign { background-color: #233E76; background-color: rgba(41, 0, 136, 1); } /* line 34, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ #banner .bannerText .rotatingText div.standardColour h1 { background-color: #233E76; background-color: rgba(41, 0, 136, 1); } /* line 39, ../scss/_colorScheme.scss */ nav#mainMenu ul.sf-menu ul li a { background-color: #233E76; } /* line 45, ../scss/_colorScheme.scss */ #courseScroller .courses .item a .more, #courseScroller .courses .item a:hover { background-color: #d4cce7; } /* line 66, ../scss/_colorScheme.scss */ #eventScroller, #eventScroller::before, #eventScroller::after, #videos .holder .owl-dots button.active, #courseCareerSearch ul.tabs li:first-child a, #courseCareerSearch #tab-1.tab-content, #courseCareerSearch #tab-2.tab-content button.searchBTN, header#masthead .headerTopItems a, #pageHolder aside#sidebar .courseCareerSearch .searchBlock.courses, #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers:before, section#pageHolder aside#sidebar .courseCareerSearch .careers button.searchBTN, #banner .pagination li.current, #courseCareerSearch .tabbedHolder #tab-2.tab-content:before, .mobilePageSearch ul.tabs li:first-child a, .mobilePageSearch #tab-1.tab-content, .mobilePageSearch #tab-2.tab-content button.searchBTN, #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN { background-color: #C55300; } /* line 73, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ #collegeLinks .linkSet .linkName .vAlign, .mobileSidebar .qLink .linkName, #pageHolder aside#sidebar .qLink .linkName { background-color: #C55300; background-color: rgba(197, 83, 0, 1); } /* line 112, ../scss/_colorScheme.scss */ #videos, #pageHolder aside#sidebar .courseCareerSearch button.searchBTN:hover, body.apprenticeships #courseCareerSearch .tab-content button.searchBTN:hover, #sectorNav, body.article #newsScroller, body.article #newsScroller h1.sectionTitle, body.school-leavers #pageHolder aside#sidebar .courseCareerSearch button.searchBTN:hover, body.school-leavers #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN:hover, body.apprenticeships #pageHolder aside#sidebar .courseCareerSearch button.searchBTN:hover, body.apprenticeships #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN:hover, body.adults #pageHolder aside#sidebar .courseCareerSearch button.searchBTN:hover, body.adults #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN:hover, body.higherEd #pageHolder aside#sidebar .courseCareerSearch button.searchBTN:hover, body.higherEd #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN:hover, body.employer #pageHolder aside#sidebar .courseCareerSearch button.searchBTN:hover, body.employer #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN:hover, body.school-leavers .mobilePageSearch .tab-content button.searchBTN:hover, body.apprenticeships .mobilePageSearch .tab-content button.searchBTN:hover, body.adults .mobilePageSearch .tab-content button.searchBTN:hover, body.higherEd .mobilePageSearch .tab-content button.searchBTN:hover, body.employers .mobilePageSearch .tab-content button.searchBTN:hover, body.school-leavers .mobilePageSearch #tab-2.tab-content button.searchBTN:hover, body.apprenticeships .mobilePageSearch #tab-2.tab-content button.searchBTN:hover, body.adults .mobilePageSearch #tab-2.tab-content button.searchBTN:hover, body.higherEd .mobilePageSearch #tab-2.tab-content button.searchBTN:hover, body.employer .mobilePageSearch #tab-2.tab-content button.searchBTN:hover, body.higherEd #courseCareerSearch .tab-content button.searchBTN:hover, body.adults #courseCareerSearch .tab-content button.searchBTN:hover, #studentProfiles .profileInfo, body.adults #courseCareerSearch #tab-2.tab-content button.searchBTN:hover, body.course-detail #relatedCourseScroller .bgWrapper, body.course-detail #relatedCourseScroller h1, #newsScroller, #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN:hover, #pageHolder #pageContent ul.eventList li a { background-color: #f1f0ef; } /* line 132, ../scss/_colorScheme.scss */ header#masthead .middleHeaderBar, header#masthead .topBar .right a.barLink:before, #courseCareerSearch .tab-content button.searchBTN:hover, #courseCareerSearch #tab-2.tab-content button.searchBTN:hover, #eventScroller .scroller .item, nav#sectorMenu .sf-mega li a:after, body.school-leavers #courseCareerSearch .tab-content button.searchBTN:hover, #pageHolder .categoryListing ul.courseList li a, #banner .pagination li, .mobilePageSearch .tab-content button.searchBTN:hover, .mobilePageSearch #tab-2.tab-content button.searchBTN:hover, #courseScroller .courses .item a, body.higherEd #courseCareerSearch #tab-2.tab-content button.searchBTN:hover, body.course-detail #relatedCourseScroller .courseItem, body.school-leavers #courseCareerSearch #tab-2.tab-content button.searchBTN:hover, body.apprenticeships #courseCareerSearch #tab-1.tab-content button.searchBTN:hover { background-color: white; } /* line 183, ../scss/_colorScheme.scss */ nav#mainMenu ul li a::before, #videos .holder .owl-dots button, header#masthead .headerTopItems a:hover, #pageHolder #pageContent ul li:before, body.school-leavers #courseCareerSearch ul.tabs li a, body.school-leavers #courseCareerSearch #tab-2.tab-content, body.school-leavers #courseCareerSearch .tab-content button.searchBTN, a.mobileMenuBTN #navIcon span, body.school-leavers #pageHolder aside#sidebar .courseCareerSearch button.searchBTN, body.school-leavers #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers, body.apprenticeships #pageHolder aside#sidebar .courseCareerSearch button.searchBTN, body.apprenticeships #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers, body.adults #pageHolder aside#sidebar .courseCareerSearch button.searchBTN, body.adults #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers, body.higherEd #pageHolder aside#sidebar .courseCareerSearch button.searchBTN, body.higherEd #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers, body.employer #pageHolder aside#sidebar .courseCareerSearch button.searchBTN, body.employer #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers, body.school-leavers .mobilePageSearch ul.tabs li a, body.apprenticeships .mobilePageSearch ul.tabs li a, body.adults .mobilePageSearch ul.tabs li a, body.higherEd .mobilePageSearch ul.tabs li a, body.employers .mobilePageSearch ul.tabs li a, body.school-leavers .mobilePageSearch #tab-2.tab-content, body.apprenticeships .mobilePageSearch #tab-2.tab-content, body.adults .mobilePageSearch #tab-2.tab-content, body.higherEd .mobilePageSearch #tab-2.tab-content, body.employer .mobilePageSearch #tab-2.tab-content, body.school-leavers .mobilePageSearch .tab-content button.searchBTN, body.apprenticeships .mobilePageSearch .tab-content button.searchBTN, body.adults .mobilePageSearch .tab-content button.searchBTN, body.higherEd .mobilePageSearch .tab-content button.searchBTN, body.employers .mobilePageSearch .tab-content button.searchBTN, body.apprenticeships #courseCareerSearch ul.tabs li a, body.higherEd #courseCareerSearch .tab-content button.searchBTN, body.adults #courseCareerSearch .tab-content button.searchBTN, #studentProfiles .owl-dots button, #courseScroller ul.listing.mobile a, #whoWeWorkWith, #whoWeWorkWith:after, body.adults #courseCareerSearch ul.tabs li a, body.adults #courseCareerSearch #tab-2.tab-content, body.higherEd #courseCareerSearch ul.tabs li a, body.higherEd #courseCareerSearch #tab-2.tab-content, body.course-detail #courseScroller.related .bgWrapper, body.course-detail #courseScroller.related h1.sectionTitle, body.apprenticeships #courseCareerSearch .tab-content button.searchBTN { background-color: /*#444444*/#000000; } /* line 190, ../scss/_colorScheme.scss -- Changed to College Blue due to accessibility issues*/ #eventScroller .scroller .item .eventImageOverlay, #courseScroller li a .linkTitle, #courseScroller li .overlay { background-color: /*#444444*/#000000; background-color: rgba(32, 62, 118, 0.95); } /* line 195, ../scss/_colorScheme.scss */ body.course-detail .rightSidebar a.button:hover, body.course-detail #relatedCourseScroller .courseItem a:hover { background-color: /*#444444*/#000000 !important; } /* line 200, ../scss/_colorScheme.scss */ body.employer #studentProfiles .owl-dots button.active { background-color: #1d1d1b; } /* line 206, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ body.employer #pageHolder aside#sidebar .qLink .linkName, body.employer #collegeLinks .linkSet .linkName .vAlign { background-color: #1d1d1b; background-color: rgba(29, 29, 27, 1); } /* line 211, ../scss/_colorScheme.scss */ #whoWeWorkWith ul.partnerships.owl-carousel .companyName { background-color: black; } /* line 245, ../scss/_colorScheme.scss */ body.school-leavers #courseCareerSearch ul.tabs li:first-child a, body.school-leavers #courseCareerSearch #tab-1.tab-content, body.school-leavers .categoryListing, body.school-leavers .categoryListing:before, body.school-leavers #pageHolder .categoryListing ul.courseList li a:hover .moreInfoBTN, body.school-leavers header#masthead .headerTopItems a:hover, .mm-listview > li.schoolLeavers, #sectorNav ul li.schoolLeave, body.school-leavers #courseCareerSearch .tabbedHolder #tab-2.tab-content:before, body.school-leavers #pageHolder aside#sidebar nav#sideMenu, body.school-leavers #pageHolder aside#sidebar .courseCareerSearch .searchBlock.courses, body.school-leavers #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers:before, body.school-leavers #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN, body.school-leavers .mobileSidebar .qLink .linkName, body.school-leavers .mobilePageSearch #tab-1.tab-content, body.school-leavers .mobilePageSearch ul.tabs li:first-child a, body.school-leavers .mobilePageSearch #tab-2.tab-content button.searchBTN, body.school-leavers .categoryIntro .qLink .linkName, body.school-leavers #pageHolder .categoryListing #courseScroller:after, body.school-leavers #studentProfiles .owl-dots button.active, #pageHolder .categoryListing ul.courseList li.school-leavers a:hover, body.school-leavers.course-detail .rightSidebar a.button, body.school-leavers.course-detail #relatedCourseScroller .courseItem .apply, body.school-leavers.course-detail #courseScroller .courses .item a:hover, body.school-leavers #courseCareerSearch #tab-2.tab-content button.searchBTN { background-color: #578300; } body.apprenticeships #courseCareerSearch ul.tabs li:first-child a, body.apprenticeships #courseCareerSearch #tab-1.tab-content, body.apprenticeships .categoryListing, body.apprenticeships .categoryListing:before, body.apprenticeships #pageHolder .categoryListing ul.courseList li a:hover .moreInfoBTN, body.apprenticeships header#masthead .headerTopItems a:hover, .mm-listview > li.schoolLeavers, #sectorNav ul li.schoolLeave, body.apprenticeships #courseCareerSearch .tabbedHolder #tab-2.tab-content:before, body.apprenticeships #pageHolder aside#sidebar nav#sideMenu, body.apprenticeships #pageHolder aside#sidebar .courseCareerSearch .searchBlock.courses, body.apprenticeships #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers:before, body.apprenticeships #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN, body.apprenticeships .mobileSidebar .qLink .linkName, body.apprenticeships .mobilePageSearch #tab-1.tab-content, body.apprenticeships .mobilePageSearch ul.tabs li:first-child a, body.apprenticeships .mobilePageSearch #tab-2.tab-content button.searchBTN, body.apprenticeships .categoryIntro .qLink .linkName, body.apprenticeships #pageHolder .categoryListing #courseScroller:after, body.apprenticeships #studentProfiles .owl-dots button.active, #pageHolder .categoryListing ul.courseList li.apprenticeships a:hover, body.apprenticeships.course-detail .rightSidebar a.button, body.apprenticeships.course-detail #relatedCourseScroller .courseItem .apply, body.apprenticeships.course-detail #courseScroller .courses .item a:hover, body.apprenticeships #courseCareerSearch #tab-2.tab-content button.searchBTN { background-color: #007ABB; } body.adults #courseCareerSearch ul.tabs li:first-child a, body.adults #courseCareerSearch #tab-1.tab-content, body.adults .categoryListing, body.adults .categoryListing:before, body.adults #pageHolder .categoryListing ul.courseList li a:hover .moreInfoBTN, body.adults header#masthead .headerTopItems a:hover, .mm-listview > li.schoolLeavers, #sectorNav ul li.schoolLeave, body.adults #courseCareerSearch .tabbedHolder #tab-2.tab-content:before, body.adults #pageHolder aside#sidebar nav#sideMenu, body.adults #pageHolder aside#sidebar .courseCareerSearch .searchBlock.courses, body.adults #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers:before, body.adults #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN, body.adults .mobileSidebar .qLink .linkName, body.adults .mobilePageSearch #tab-1.tab-content, body.adults .mobilePageSearch ul.tabs li:first-child a, body.adults .mobilePageSearch #tab-2.tab-content button.searchBTN, body.adults .categoryIntro .qLink .linkName, body.adults #pageHolder .categoryListing #courseScroller:after, body.adults #studentProfiles .owl-dots button.active, #pageHolder .categoryListing ul.courseList li.adults a:hover, body.adults.course-detail .rightSidebar a.button, body.adults.course-detail #relatedCourseScroller .courseItem .apply, body.adults.course-detail #courseScroller .courses .item a:hover, body.adults #courseCareerSearch #tab-2.tab-content button.searchBTN { background-color: #b21868; } body.higherEd #courseCareerSearch ul.tabs li:first-child a, body.higherEd #courseCareerSearch #tab-1.tab-content, body.higherEd .categoryListing, body.higherEd .categoryListing:before, body.higherEd #pageHolder .categoryListing ul.courseList li a:hover .moreInfoBTN, body.higherEd header#masthead .headerTopItems a:hover, .mm-listview > li.schoolLeavers, #sectorNav ul li.schoolLeave, body.higherEd #courseCareerSearch .tabbedHolder #tab-2.tab-content:before, body.higherEd #pageHolder aside#sidebar nav#sideMenu, body.higherEd #pageHolder aside#sidebar .courseCareerSearch .searchBlock.courses, body.higherEd #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers:before, body.higherEd #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN, body.higherEd .mobileSidebar .qLink .linkName, body.higherEd .mobilePageSearch #tab-1.tab-content, body.higherEd .mobilePageSearch ul.tabs li:first-child a, body.higherEd .mobilePageSearch #tab-2.tab-content button.searchBTN, body.higherEd .categoryIntro .qLink .linkName, body.higherEd #pageHolder .categoryListing #courseScroller:after, body.higherEd #studentProfiles .owl-dots button.active, #pageHolder .categoryListing ul.courseList li.higherEd a:hover, body.higherEd.course-detail .rightSidebar a.button, body.higherEd.course-detail #relatedCourseScroller .courseItem .apply, body.higherEd.course-detail #courseScroller .courses .item a:hover, body.higherEd #courseCareerSearch #tab-2.tab-content button.searchBTN { background-color: #003145; } nav#mainMenu ul li.has-submenu button { content: ""; height: 30px; width: 30px; top: 67px; position: absolute; background:none; left: 0.26;border:none; background-repeat: no-repeat; background-position: bottom left;display:none; background-image: url(../images/global/menu-arrow-new.png); } .fixedHeader nav#mainMenu ul li.has-submenu button { top: 52px; } nav#mainMenu ul li.has-submenu button span { display: none; } body.keyboard-navigation nav#mainMenu ul li.has-submenu button { display: block; } body.keyboard-navigation nav#mainMenu .sf-menu ul:before {display:none} nav#sectorMenu ul li.has-submenu button { position: relative; border: none; background: transparent; appearance: none; margin-left:10px; width: 15px; display:none;height:15px; } nav#sectorMenu ul li.has-submenu button span { display: block; height: 10px; width: 10px; border-style: solid; border-width: 0.2em; border-top: none;margin-top:-3px; border-right: none; transform: rotate(-45deg); } @media all and (min-width:1024px) and (max-width:1399px) { nav#sectorMenu ul li.has-submenu button {margin-left:2px} } @media all and (min-width:1024px) { body.keyboard-navigation nav#sectorMenu ul li.has-submenu button { display: inline-block; } } /* line 253, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ .sectors li.schoolLeave > a, nav#sectorMenu .sf-menu li.schoolLeave .sf-mega, nav#sectorMenu .sf-menu li.schoolLeave .sf-mega .colImageLinks .linkName, body.school-leavers header#masthead .sectors:after { background-color: #578300; background-color: rgba(87, 131, 0, 1); } /* line 263, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ nav#sectorMenu li.schoolLeave .sf-mega .colImageLinks .qLink .linkName, .courseListing .item.schoolLeave .sectorTitle, body.school-leavers .courseListing ul.listing li a .overlay, body.school-leavers #collegeLinks .linkSet .linkName .vAlign, body.school-leavers #pageHolder aside#sidebar .qLink .linkName, body.school-leavers.course-detail .rightSidebar .qLink .linkName { background-color: #578300; background-color: rgba(87, 131, 0, 1); } /* line 268, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ #banner .bannerText .rotatingText div.greenColour h1 { background-color: #578300; background-color: rgba(87, 131, 0, 1); } /* line 278, ../scss/_colorScheme.scss */ body.school-leavers #pageHolder .categoryListing ul.courseList li .moreInfoBTN, body.school-leavers #pageHolder .categoryListing ul.courseList li a:hover, #pageHolder .categoryListing ul.courseList li.school-leavers .moreInfoBTN, body.school-leavers #pageHolder #pageContent .careersProjection, body.school-leavers.course-detail #relatedCourseScroller .courseItem .more, body.school-leavers.course-detail #courseScroller .courses .item a .more { outline: 1px solid #578300; } body.apprenticeships #pageHolder .categoryListing ul.courseList li .moreInfoBTN, body.apprenticeships #pageHolder .categoryListing ul.courseList li a:hover, #pageHolder .categoryListing ul.courseList li.apprenticeships .moreInfoBTN, body.apprenticeships #pageHolder #pageContent .careersProjection, body.apprenticeships.course-detail #relatedCourseScroller .courseItem .more, body.apprenticeships.course-detail #courseScroller .courses .item a .more { background-color: #eaf3d2; } body.adults #pageHolder .categoryListing ul.courseList li .moreInfoBTN, body.adults #pageHolder .categoryListing ul.courseList li a:hover, #pageHolder .categoryListing ul.courseList li.adults .moreInfoBTN, body.adults #pageHolder #pageContent .careersProjection, body.adults.course-detail #relatedCourseScroller .courseItem .more, body.adults.course-detail #courseScroller .courses .item a .more { background-color: #eaf3d2; } body.higherEd #pageHolder .categoryListing ul.courseList li .moreInfoBTN, body.higherEd #pageHolder .categoryListing ul.courseList li a:hover, #pageHolder .categoryListing ul.courseList li.higherEd .moreInfoBTN, body.higherEd #pageHolder #pageContent .careersProjection, body.higherEd.course-detail #relatedCourseScroller .courseItem .more, body.higherEd.course-detail #courseScroller .courses .item a .more { background-color: #eaf3d2; } /* line 307, ../scss/_colorScheme.scss */ body.apprenticeships #courseCareerSearch ul.tabs li:first-child a, body.apprenticeships #courseCareerSearch #tab-1.tab-content, body.apprenticeships.landing .categoryListing, body.apprenticeships #pageHolder .categoryListing #courseScroller:before, body.apprenticeships header#masthead .headerTopItems a:hover, body.apprenticeships #pageHolder .categoryListing ul.courseList li a:hover, .mm-listview > li.apprenticeships, #sectorNav ul li.apprentice, body.apprenticeships #pageHolder aside#sidebar nav#sideMenu, body.apprenticeships #pageHolder aside#sidebar .courseCareerSearch .searchBlock.courses, body.apprenticeships #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers:before, body.apprenticeships #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN, body.apprenticeships .mobileSidebar .qLink .linkName, body.apprenticeships .mobilePageSearch #tab-1.tab-content, body.apprenticeships .mobilePageSearch ul.tabs li:first-child a, body.apprenticeships .mobilePageSearch #tab-2.tab-content button.searchBTN, body.apprenticeships .categoryIntro .qLink .linkName, body.apprenticeships #pageHolder .categoryListing #courseScroller:after, body.apprenticeships #studentProfiles .owl-dots button.active, #pageHolder .categoryListing ul.courseList li.apprenticeships.blueBack a:hover, #pageHolder .categoryListing ul.courseList li.apprenticeships a:hover, body.apprenticeships.course-detail .rightSidebar a.button, body.apprenticeships.course-detail #courseScroller .courses .item a:hover, body.apprenticeships.course-detail #relatedCourseScroller .courseItem .apply { background-color: #007ABB; } /* line 315, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ .sectors li.apprentice > a, nav#sectorMenu .sf-menu li.apprentice .sf-mega, nav#sectorMenu .sf-menu li.apprentice .sf-mega .colImageLinks .linkName, body.apprenticeships header#masthead .sectors:after { background-color: #007ABB; background-color: rgba(0, 122, 187, 1); } /* line 325, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ nav#sectorMenu li.apprentice .sf-mega .colImageLinks .qLink .linkName, .courseListing .item.apprentice .sectorTitle, body.apprenticeships .courseListing ul.listing li a .overlay, body.apprenticeships #collegeLinks .linkSet .linkName .vAlign, body.apprenticeships #pageHolder aside#sidebar .qLink .linkName, body.apprenticeships.course-detail .rightSidebar .qLink .linkName { background-color: #007ABB; background-color: rgba(0, 122, 187, 1); } /* line 330, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ #banner .bannerText .rotatingText div.blueColour h1 { background-color: #007ABB; background-color: rgba(0, 122, 187, 1); } /* line 336, ../scss/_colorScheme.scss */ body.apprenticeships #pageHolder .categoryListing ul.courseList li a, body.apprenticeships #pageHolder #pageContent .careersProjection { background-color: #f2fafe; } /* line 344, ../scss/_colorScheme.scss */ body.apprenticeships #pageHolder .categoryListing ul.courseList li .moreInfoBTN, #pageHolder .categoryListing ul.courseList li.apprenticeships .moreInfoBTN, body.apprenticeships #courseScroller.related .courses .item .more, body.apprenticeships.course-detail #relatedCourseScroller .courseItem .more { background-color: #ccecf9; } /* line 375, ../scss/_colorScheme.scss */ body.adults #courseCareerSearch ul.tabs li:first-child a, body.adults #courseCareerSearch #tab-1.tab-content, body.adults header#masthead .headerTopItems a:hover, .mm-listview > li.adults, #sectorNav ul li.adults, body.adults #pageHolder aside#sidebar nav#sideMenu, body.adults #pageHolder aside#sidebar .courseCareerSearch .searchBlock.courses, body.adults #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers:before, body.adults #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN, body.adults .mobileSidebar .qLink .linkName, body.adults .mobilePageSearch #tab-1.tab-content, body.adults .mobilePageSearch ul.tabs li:first-child a, body.adults .mobilePageSearch #tab-2.tab-content button.searchBTN, body.adults .categoryIntro .qLink .linkName, body.adults #studentProfiles .owl-dots button.active, body.adults #courseCareerSearch #tab-2.tab-content button.searchBTN, body.adults.landing #pageHolder .categoryListing, body.adults.landing #pageHolder .categoryListing:before, body.adults.landing #pageHolder .categoryListing #courseScroller:after, body.adults #courseCareerSearch .tabbedHolder #tab-2.tab-content:before, body.adults #pageHolder .categoryListing ul.courseList li a:hover, #pageHolder .categoryListing ul.courseList li.adults a:hover, body.adults.course-detail .rightSidebar a.button, body.adults.course-detail #courseScroller .courses .item a:hover, body.adults.course-detail #relatedCourseScroller .courseItem .apply { background-color: rgba(178,24,104,1); } /* line 380, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ #banner .bannerText .rotatingText div.redColour h1 { background-color: #b21868; background-color: rgba(178, 24, 104, 1); } /* line 390, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ nav#sectorMenu li.adults .sf-mega .colImageLinks .qLink .linkName, .courseListing .item.adults .sectorTitle, body.adults .courseListing ul.listing li a .overlay, body.adults #collegeLinks .linkSet .linkName .vAlign, body.adults #pageHolder aside#sidebar .qLink .linkName, body.adults.course-detail .rightSidebar .qLink .linkName { background-color: #b21868; background-color: rgba(178, 24, 104, 1); } /* line 398, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ .sectors li.adults > a, nav#sectorMenu .sf-menu li.adults .sf-mega, nav#sectorMenu .sf-menu li.adults .sf-mega .colImageLinks .linkName, body.adults header#masthead .sectors:after { background-color: #b21868; background-color: rgba(178, 24, 104, 1); } /* line 404, ../scss/_colorScheme.scss */ body.adults #pageHolder .categoryListing ul.courseList li a, body.adults #pageHolder #pageContent .careersProjection { background-color: #f9e8f1; } /* line 412, ../scss/_colorScheme.scss */ body.adults #pageHolder .categoryListing ul.courseList li .moreInfoBTN, #pageHolder .categoryListing ul.courseList li.adults .moreInfoBTN, body.adults #courseScroller.related .courses .item .more, body.adults.course-detail #relatedCourseScroller .courseItem .more { background-color: #f0d1e1; } /* line 443, ../scss/_colorScheme.scss */ body.higherEd #courseCareerSearch ul.tabs li:first-child a, body.higherEd #courseCareerSearch #tab-1.tab-content, body.higherEd header#masthead .headerTopItems a:hover, .mm-listview > li.higherEducation, #sectorNav ul li.higherEd, body.higherEd #pageHolder aside#sidebar nav#sideMenu, body.higherEd #pageHolder aside#sidebar .courseCareerSearch .searchBlock.courses, body.higherEd #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers:before, body.higherEd #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN, body.higherEd .mobileSidebar .qLink .linkName, body.higherEd .mobilePageSearch #tab-1.tab-content, body.higherEd .mobilePageSearch ul.tabs li:first-child a, body.higherEd .mobilePageSearch #tab-2.tab-content button.searchBTN, body.higherEd .categoryIntro .qLink .linkName, body.higherEd #studentProfiles .owl-dots button.active, body.higherEd #courseCareerSearch #tab-2.tab-content button.searchBTN, body.higherEd.landing #pageHolder .categoryListing, body.higherEd.landing #pageHolder .categoryListing:before, body.higherEd.landing #pageHolder .categoryListing #courseScroller:after, body.higherEd #courseCareerSearch .tabbedHolder #tab-2.tab-content:before, body.higherEd #pageHolder .categoryListing ul.courseList li a:hover, #pageHolder .categoryListing ul.courseList li.higher-education a:hover, body.higherEd.course-detail .rightSidebar a.button, body.higherEd.course-detail #courseScroller .courses .item a:hover, body.higherEd.course-detail #relatedCourseScroller .courseItem .apply { background-color: #003145; } /* line 448, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ #banner .bannerText .rotatingText div.darkBlueColour h1 { background-color: #003145; background-color: rgba(0, 49, 69, 1); } /* line 457, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ nav#sectorMenu li.higherEd .sf-mega .colImageLinks .qLink .linkName, .courseListing .item.higherEd .sectorTitle, body.higherEd .courseListing ul.listing li a .overlay, body.higherEd #collegeLinks .linkSet .linkName .vAlign, body.higherEd #pageHolder aside#sidebar .qLink .linkName { background-color: #003145; background-color: rgba(0, 49, 69, 1); } /* line 466, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ .sectors li.higherEd > a, nav#sectorMenu .sf-menu li.higherEd .sf-mega, nav#sectorMenu .sf-menu li.higherEd .sf-mega .colImageLinks .linkName, body.higherEd header#masthead .sectors:after, body.higherEd.course-detail .rightSidebar .qLink .linkName { background-color: #003145; background-color: rgba(0, 49, 69, 1); } /* line 472, ../scss/_colorScheme.scss */ body.higherEd #pageHolder .categoryListing ul.courseList li a, body.higherEd #pageHolder #pageContent .careersProjection { background-color: #efefef; } /* line 480, ../scss/_colorScheme.scss */ body.higherEd #pageHolder .categoryListing ul.courseList li .moreInfoBTN, #pageHolder .categoryListing ul.courseList li.higher-education .moreInfoBTN, body.higherEd.course-detail #relatedCourseScroller .courseItem .more, body.higherEd.course-detail #courseScroller .courses .item a .more { background-color: #ccd6da; } /* line 508, ../scss/_colorScheme.scss */ body.employer header#masthead .sectors:after, body.employer #courseCareerSearch ul.tabs li:first-child a, body.employer #courseCareerSearch #tab-1.tab-content, body.employer header#masthead .headerTopItems a:hover, .mm-listview > li.employers, #sectorNav ul li.employer, body.employer #pageHolder aside#sidebar nav#sideMenu, body.employer #pageHolder aside#sidebar .courseCareerSearch .searchBlock.courses, body.employer #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers:before, body.employer #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN, body.employer .mobileSidebar .qLink .linkName, body.employer .mobilePageSearch #tab-1.tab-content, body.employer .mobilePageSearch ul.tabs li:first-child a, body.employer .mobilePageSearch #tab-2.tab-content button.searchBTN, body.employer .categoryIntro .qLink .linkName, body.employer #courseCareerSearch #tab-2.tab-content button.searchBTN, body.employer.landing #pageHolder .categoryListing, body.employer.landing #pageHolder .categoryListing:before, body.employer.landing #pageHolder .categoryListing #courseScroller:after, body.employer #whoWeWorkWith, body.employer #whoWeWorkWith:before, body.employer #whoWeWorkWith:after { background-color: /*#727370*/#c55300; } /* line 516, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ .sectors li.employer > a, nav#sectorMenu .sf-menu li.employer .sf-mega, nav#sectorMenu .sf-menu li.employer .sf-mega .colImageLinks .linkName, body.employer header#masthead .sectors:after { background-color: /*#727370*/#c55300; background-color: /*rgba(114, 115, 112, 1)*/rgba(197, 83, 0, 1.0); } /* line 521, ../scss/_colorScheme.scss -- Changed to 100% opacity due to accessibility issues */ #banner .bannerText .rotatingText div.greyColour h1 { background-color: /*#727370*/#c55300; background-color: /*rgba(114, 115, 112, 1)*/rgba(197, 83, 0, 1.0); } /* line 599, ../scss/_colorScheme.scss */ header#masthead .topBar, header#masthead .topBar a, footer#siteFooter .lowerFooter, footer#siteFooter .lowerFooter a, h1.white, #newsScroller .newsItem .itemContent, #newsScroller .newsItem .itemContent a.more, .sectors a, #banner .bannerText .rotatingText h1, #collegeLinks .linkSet .linkName .center, nav#mainMenu .sf-menu ul li a, #courseCareerSearch ul.tabs li a, #courseCareerSearch .tab-content button.searchBTN, header#masthead .headerTopItems a, #eventScroller .owl-prev, #eventScroller .owl-next, #eventScroller .scroller .owl-item.centerC4 .item1 .eventName, #eventScroller .scroller .owl-item.centerC4 .item1 .eventDate, #eventScroller .scroller .item .eventMoreHighlight, nav#sectorMenu .sf-mega .colHeading, #eventScroller a.viewAll, #pageHolder aside#sidebar ul li a, #pageHolder aside#sidebar .sectionHeader, .courseListing .item .sectorTitle, .courseListing ul.listing li a .linkTitle, .courseListing ul.listing li a span.viewCourses, #pageHolder aside#sidebar .qLink .linkName, #pageHolder aside#sidebar .courseCareerSearch .searchBlock .searchTitle, #pageHolder aside#sidebar .courseCareerSearch button.searchBTN, #pageHolder .categoryListing h1, body.apprenticeships #pageHolder .categoryListing ul.courseList li a:hover .courseName, #pageHolder .categoryListing ul.courseList li a:hover .courseIntro, body.school-leavers #pageHolder .categoryListing ul.courseList li a:hover .moreInfoBTN, body.apprenticeships #pageHolder .categoryListing ul.courseList li a:hover .courseInfo span.levelTitle, body.apprenticeships #pageHolder .categoryListing ul.courseList li a:hover .courseInfo, span.durationTitle, #banner .bannerText .rotatingText a.arrow, #courseCareerSearch .tab-content .mobTitle, #sectorNav ul li a, #pageHolder aside#sidebar .holder, #pageHolder aside#sidebar ul li ul li:before, .mobileSidebar .qLink .linkName, .mobilePageSearch ul.tabs li a, .mobilePageSearch .tab-content button.searchBTN, .mobileSidebar .mobilePageSearch .tab-content .mobTitle, #courseCareerSearch .tab-content .mobExpandAction, #pageHolder .categoryListing ul.courseList li a:hover .courseInfo, #courseScroller .courses .item a:hover .more, #pageHolder #pageContent ul.newsList li .postContent, #pageHolder #pageContent ul.newsList li .postContent a, #pageHolder #pageContent ul.newsList li .postContent a.more, .categoryIntro .qLink .linkName, #courseScroller li a .linkTitle, #courseScroller li a span.viewCourses, #courseScroller .owl-nav button, body.landing #pageHolder .container.clear a.viewAll, #courseScroller ul.listing.mobile a, #whoWeWorkWith ul.partnerships.owl-carousel .companyName, #whoWeWorkWith .owl-nav button, body.adults #pageHolder .categoryListing ul.courseList li a:hover .courseName, body.adults #pageHolder .categoryListing ul.courseList li a:hover .courseInfo span.durationTitle, body.adults #pageHolder .categoryListing ul.courseList li a:hover .courseInfo span.levelTitle, body.higherEd #pageHolder .categoryListing ul.courseList li a:hover .courseName, body.higherEd #pageHolder .categoryListing ul.courseList li a:hover .courseInfo span.durationTitle, body.higherEd #pageHolder .categoryListing ul.courseList li a:hover .courseInfo span.levelTitle, body.course-detail .rightSidebar a.button, body.course-detail .rightSidebar .qLink .linkName, body.course-detail #relatedCourseScroller .courseItem .apply, #courseScroller.related h1.sectionTitle a.panelOpen, body.apprenticeships #courseCareerSearch .tab-content button.searchBTN,body.apprenticeships #pageHolder .categoryListing ul.courseList li a:hover .durationTime, body.apprenticeships #pageHolder .categoryListing ul.courseList li a:hover .durationTitle { color: white; } /* line 608, ../scss/_colorScheme.scss */ body.adults #pageHolder .categoryListing ul.courseList li a:hover .moreInfoBTN, body.careers #pageHolder .categoryListing ul.courseList li a:hover .courseName, body.careers #pageHolder .categoryListing ul.courseList li a:hover .durationTitle, body.careers #pageHolder .categoryListing ul.courseList li a:hover .levelTitle, body.course-detail #relatedCourseScroller .courseItem a:hover, body.course-detail #courseScroller .courses .item a:hover .courseName { color: white !important; } /* line 636, ../scss/_colorScheme.scss */ h1.blue, #welcomeMessage a.more, nav#mainMenu ul li a:hover, nav#mainMenu ul li a.active, nav#mainMenu ul li:hover > a, #newsScroller .owl-prev, #newsScroller .owl-next, #newsScroller a.viewAll, #pageHolder #pageContent h1, #pageHolder #pageContent h2, #pageHolder #pageContent h3, #pageHolder #pageContent h4, #pageHolder #pageContent blockquote, #pageHolder aside#sidebar .courseCareerSearch button.searchBTN:hover, body.apprenticeships #pageHolder .categoryListing ul.courseList li a:hover .moreInfoBTN, #courseScroller .courses .item a, #courseScroller .courses .item a .more, #courseScroller.related .owl-nav button, .pagination a, .careersProjection ul.careersScroller li .number, #pageHolder #pageContent .careersProjection .owl-nav button, #courseCareerSearch #tab-1.tab-content button.searchBTN:hover, body.article #newsScroller h1.sectionTitle a.panelOpen, #pageContent .sitemap li a { color: #233E76; } /* line 671, ../scss/_colorScheme.scss */ header#masthead .topBar a:hover, footer#siteFooter .lowerFooter a:hover, #newsScroller .newsItem .itemContent .date, nav#mainMenu .sf-menu ul li a:hover, nav#mainMenu .sf-menu ul li a.active, #eventScroller .scroller .item .eventName, #pageHolder .breadcrumb a.current, #pageHolder .breadcrumb a:hover, #pageHolder #pageContent li a, #pageHolder #pageContent td a,#pageHolder #pageContent p a, body.page.standard #pageHolder aside#sidebar ul li a:hover, body.page.standard #pageHolder aside#sidebar ul li a.active, #welcomeMessage a.more:hover i, #newsScroller .owl-prev:hover, #newsScroller .owl-next:hover, #eventScroller .scroller .item a .eventMore, .mobilePageSearch .tab-content button.searchBTN:hover, #pageHolder #pageContent .articleDate, #courseScroller.related .owl-nav button:hover, #pageHolder #pageContent ul.newsList li .postContent .date, #pageHolder #pageContent ul.newsList li .postContent a.more:hover i, .pagination a:hover, #courseScroller .owl-nav button:hover, body.landing #pageHolder .container.clear a.viewAll:hover i, #courseCareerSearch .tab-content button.searchBTN:hover, #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN:hover, #studentProfiles .profileInfo a.readMore:hover i, #pageHolder #pageContent ul.eventList li a .eventName, #pageHolder #pageContent ul.eventList li .eventMore, #pageHolder #pageContent .eventDate { color: #C55300; } /* line 712, ../scss/_colorScheme.scss */ h1.grey, nav#mainMenu ul li a, #eventScroller .scroller .item a, #eventScroller .owl-prev:hover, #eventScroller .owl-next:hover, #pageHolder .breadcrumb a, #pageHolder section#pageContent h5, #pageHolder .categoryListing ul.courseList li .courseInfo, #pageHolder .categoryListing ul.courseList li a .courseIntro, #eventScroller .scroller .item a:hover .eventMore i, .pagedLinks a, #studentProfiles h1, body.school-leavers #pageHolder .categoryListing ul.courseList li a:hover .courseInfo, body.course-detail #pageHolder #pageContent .courseStats div span, body.course-detail #pageHolder #pageContent .careersProjection .owl-nav button:hover, body.course-detail #relatedCourseScroller h1, #relatedCourseScroller .owl-nav button, body.course-detail #courseScroller.related .owl-nav button, body.school-leavers.landing #courseCareerSearch #tab-1.tab-content button.searchBTN:hover, body.school-leavers.landing #courseScroller .owl-nav button:hover, body.landing #pageHolder .container.clear a.viewAll:hover i, body.school-leavers #pageHolder aside#sidebar .courseCareerSearch button.searchBTN:hover, body.school-leavers #courseCareerSearch #tab-1.tab-content button.searchBTN:hover, body.apprenticeships #courseCareerSearch #tab-1.tab-content button.searchBTN:hover, body.apprenticeships #courseScroller .owl-nav button:hover, body.apprenticeships #pageHolder aside#sidebar .courseCareerSearch .searchBlock.courses button.searchBTN:hover, body.adults #courseCareerSearch #tab-1.tab-content button.searchBTN:hover, body.adults #courseScroller .owl-nav button:hover, body.adults #pageHolder aside#sidebar .courseCareerSearch .searchBlock.courses button.searchBTN:hover, body.higherEd #pageHolder aside#sidebar .courseCareerSearch .searchBlock.courses button.searchBTN:hover, body.higherEd #courseCareerSearch #tab-1.tab-content button.searchBTN:hover, body.higherEd #courseScroller .owl-nav button:hover, body.course-detail #relatedCourseScroller h1 a.panelOpen, #pageContent .sitemap li ul li a, #pageHolder #pageContent ul.eventList li a, #pageHolder #pageContent ul.eventList li a:hover .eventMore i { color: /*#444444*/#000000; } /* line 719, ../scss/_colorScheme.scss */ body.employer #studentProfiles .profileInfo .name, body.employer #studentProfiles .profileInfo .course, body.employer #studentProfiles h1 { color: #1d1d1b; } #pageHolder #pageContent li a:hover,#pageHolder #pageContent td a:hover{text-decoration:underline} /* line 724, ../scss/_colorScheme.scss */ #whoWeWorkWith .owl-nav button:hover { color: black; } /* line 764, ../scss/_colorScheme.scss */ body.school-leavers #pageHolder .breadcrumb a.current, body.school-leavers #pageHolder .breadcrumb a:hover, body.school-leavers #pageHolder #pageContent h1, body.school-leavers #pageHolder #pageContent h2, body.school-leavers #pageHolder #pageContent h3, body.school-leavers #pageHolder #pageContent h4, body.school-leavers #pageHolder #pageContent blockquote, body.school-leavers #pageHolder .categoryListing ul.courseList li .courseName, body.school-leavers #pageHolder .categoryListing ul.courseList li .moreInfoBTN, body.school-leavers #pageHolder .categoryListing ul.courseList li .courseInfo span.durationTitle, body.school-leavers #pageHolder .categoryListing ul.courseList li .courseInfo span.levelTitle, body.school-leavers .pagedLinks a:hover, body.school-leavers .mobilePageSearch .tab-content button.searchBTN:hover, body.school-leavers #studentProfiles .profileInfo .name, body.school-leavers #studentProfiles .profileInfo .course, #pageHolder .categoryListing ul.courseList li.school-leavers .courseName, #pageHolder .categoryListing ul.courseList li.school-leavers .moreInfoBTN, #pageHolder .categoryListing ul.courseList li.school-leavers a .durationTitle, #pageHolder .categoryListing ul.courseList li.school-leavers a .levelTitle, body.school-leavers.course-detail #pageHolder #pageContent .courseStats div, body.school-leavers .careersProjection ul.careersScroller li .number, body.school-leavers #pageHolder #pageContent .careersProjection .owl-nav button, body.course-detail.school-leavers #relatedCourseScroller .courseItem .title, body.school-leavers.course-detail #relatedCourseScroller .courseItem .more, body.school-leavers #relatedCourseScroller .owl-nav button:hover, body.school-leavers.course-detail #courseScroller .courses .item a, body.school-leavers.course-detail #courseScroller .courses .item a .more, body.school-leavers #courseScroller.related .owl-nav button:hover, body.school-leavers #pageHolder #pageContent p a, body.school-leavers #courseCareerSearch #tab-2.tab-content button.searchBTN:hover, body.school-leavers #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN:hover { color: #578300; } /* line 799, ../scss/_colorScheme.scss */ body.apprenticeships #pageHolder .breadcrumb a.current, body.apprenticeships #pageHolder .breadcrumb a:hover, body.apprenticeships #pageHolder #pageContent h1, body.apprenticeships #pageHolder #pageContent h2, body.apprenticeships #pageHolder #pageContent h3, body.apprenticeships #pageHolder #pageContent h4, body.apprenticeships #pageHolder #pageContent blockquote, body.apprenticeships #pageHolder .categoryListing ul.courseList li .courseName, body.apprenticeships #pageHolder .categoryListing ul.courseList li .moreInfoBTN, body.apprenticeships #pageHolder .categoryListing ul.courseList li .courseInfo span.durationTitle, body.apprenticeships #pageHolder .categoryListing ul.courseList li .courseInfo span.levelTitle, body.apprenticeships #courseCareerSearch .tab-content button.searchBTN:hover, body.apprenticeships .pagedLinks a:hover, body.apprenticeships #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN:hover, body.apprenticeships .mobilePageSearch .tab-content button.searchBTN:hover, body.apprenticeships #studentProfiles .profileInfo .name, body.apprenticeships #studentProfiles .profileInfo .course, #pageHolder .categoryListing ul.courseList li.apprenticeships .courseName, #pageHolder .categoryListing ul.courseList li.apprenticeships .moreInfoBTN, #pageHolder .categoryListing ul.courseList li.apprenticeships a .durationTitle, #pageHolder .categoryListing ul.courseList li.apprenticeships a .levelTitle, body.apprenticeships.course-detail #pageHolder #pageContent .courseStats div, body.apprenticeships .careersProjection ul.careersScroller li .number, body.apprenticeships #pageHolder #pageContent .careersProjection .owl-nav button, body.course-detail.apprenticeships #relatedCourseScroller .courseItem .title, body.apprenticeships.course-detail #relatedCourseScroller .courseItem .more, body.apprenticeships #relatedCourseScroller .owl-nav button:hover, body.apprenticeships.course-detail #courseScroller .courses .item a, body.apprenticeships.course-detail #courseScroller .courses .item a .more, body.apprenticeships #courseScroller.related .owl-nav button:hover, body.apprenticeships #pageHolder #pageContent p a { color: #007ABB; } /* line 803, ../scss/_colorScheme.scss */ body.apprenticeships #pageHolder .categoryListing ul.courseList li a:hover .moreInfoBTN { background-color:#fff !important;color: #007ABB !important; } body.apprenticeships #pageHolder .categoryListing ul.courseList li a:hover .durationTitle { color: #fff !important; } /* line 838, ../scss/_colorScheme.scss */ body.adults #pageHolder .breadcrumb a.current, body.adults #pageHolder .breadcrumb a:hover, body.adults #pageHolder #pageContent h1, body.adults #pageHolder #pageContent h2, body.adults #pageHolder #pageContent h3, body.adults #pageHolder #pageContent h4, body.adults #pageHolder #pageContent blockquote, body.adults #pageHolder .categoryListing ul.courseList li .courseName, body.adults #pageHolder .categoryListing ul.courseList li .moreInfoBTN, body.adults #pageHolder .categoryListing ul.courseList li .courseInfo span.durationTitle, body.adults #pageHolder .categoryListing ul.courseList li .courseInfo span.levelTitle, body.adults .pagedLinks a:hover, body.adults #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN:hover, body.adults .mobilePageSearch .tab-content button.searchBTN:hover, body.adults #courseCareerSearch .tab-content button.searchBTN:hover, body.adults #studentProfiles .profileInfo .name, body.adults #studentProfiles .profileInfo .course, #pageHolder .categoryListing ul.courseList li.adults .courseName, #pageHolder .categoryListing ul.courseList li.adults .moreInfoBTN, #pageHolder .categoryListing ul.courseList li.adults a .durationTitle, #pageHolder .categoryListing ul.courseList li.adults a .levelTitle, body.adults.course-detail #pageHolder #pageContent .courseStats div, body.adults .careersProjection ul.careersScroller li .number, body.adults #pageHolder #pageContent .careersProjection .owl-nav button, body.course-detail.adults #relatedCourseScroller .courseItem .title, body.adults.course-detail #relatedCourseScroller .courseItem .more, body.adults #relatedCourseScroller .owl-nav button:hover, body.adults.course-detail #courseScroller .courses .item a, body.adults.course-detail #courseScroller .courses .item a .more, body.adults #courseScroller.related .owl-nav button:hover, body.adults #pageHolder #pageContent p a { color: #b21868; } /* line 842, ../scss/_colorScheme.scss */ body.adults #pageHolder .categoryListing ul.courseList li a:hover .moreInfoBTN { color: #b21868 !important; } /* line 878, ../scss/_colorScheme.scss */ body.higherEd #pageHolder .breadcrumb a.current, body.higherEd #pageHolder .breadcrumb a:hover, body.higherEd #pageHolder #pageContent h1, body.higherEd #pageHolder #pageContent h2, body.higherEd #pageHolder #pageContent h3, body.higherEd #pageHolder #pageContent h4, body.higherEd #pageHolder #pageContent blockquote, body.higherEd #pageHolder .categoryListing ul.courseList li .courseName, body.higherEd #pageHolder .categoryListing ul.courseList li .moreInfoBTN, body.higherEd #pageHolder .categoryListing ul.courseList li .courseInfo span.durationTitle, body.higherEd #pageHolder .categoryListing ul.courseList li .courseInfo span.levelTitle, body.higherEd .pagedLinks a:hover, body.higherEd #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers button.searchBTN:hover, body.higherEd .mobilePageSearch .tab-content button.searchBTN:hover, body.higherEd #courseCareerSearch .tab-content button.searchBTN:hover, body.higherEd #studentProfiles .profileInfo .name, body.higherEd #studentProfiles .profileInfo .course, body.higherEd #pageHolder .categoryListing ul.courseList li a:hover .moreInfoBTN, #pageHolder .categoryListing ul.courseList li.higher-education .courseName, #pageHolder .categoryListing ul.courseList li.higher-education .moreInfoBTN, #pageHolder .categoryListing ul.courseList li.higher-education a .durationTitle, #pageHolder .categoryListing ul.courseList li.higher-education a .levelTitle, body.higherEd.course-detail #pageHolder #pageContent .courseStats div, body.higherEd .careersProjection ul.careersScroller li .number, body.higherEd #pageHolder #pageContent .careersProjection .owl-nav button, body.course-detail.higherEd #relatedCourseScroller .courseItem .title, body.higherEd.course-detail #relatedCourseScroller .courseItem .more, body.higherEd #relatedCourseScroller .owl-nav button:hover, body.higherEd.course-detail #courseScroller .courses .item a, body.higherEd.course-detail #courseScroller .courses .item a .more, body.higherEd #courseScroller.related .owl-nav button:hover, body.higherEd #pageHolder #pageContent p a { color: #003145; } /* line 895, ../scss/_colorScheme.scss */ body.employer #pageHolder #pageContent h1, body.employer #pageHolder #pageContent h2, body.employer #pageHolder #pageContent h3, body.employer #pageHolder #pageContent h4, body.employer #pageHolder #pageContent blockquote, body.employer #pageHolder .categoryListing ul.courseList li .courseName, body.employer #pageHolder .categoryListing ul.courseList li .moreInfoBTN, body.employer #pageHolder .categoryListing ul.courseList li .courseInfo span.durationTitle, body.employer #pageHolder .categoryListing ul.courseList li .courseInfo span.levelTitle, body.employer .pagedLinks a:hover, body.employer #pageHolder aside#sidebar .courseCareerSearch button.searchBTN:hover, body.employer #pageHolder .categoryListing ul.courseList li a:hover .moreInfoBTN, #studentProfiles .profileInfo a.readMore { color: /*#727370*/#c55300; } /* line 900, ../scss/_colorScheme.scss */ body.employer #pageHolder .breadcrumb a.current, body.employer #pageHolder .breadcrumb a:hover { color: /*#444444*/#000000; font-weight:bold;} /* line 915, ../scss/_colorScheme.scss */ #banner .bannerText .rotatingText h1:after, #collegeLinks .linkSet.rightTopBorder .linkName .vAlign:before, #collegeLinks .linkSet.leftBottomBorder .linkName .vAlign:before, #collegeLinks .linkSet.leftTopBorder .linkName .vAlign:before, nav#sectorMenu .sf-menu .sf-mega:before, nav#sectorMenu .sf-mega .colImageLinks .qLink .linkName:before, .mobileSidebar .qLink .linkName:before { border-color: white; } /* line 922, ../scss/_colorScheme.scss */ footer#siteFooter .associations, #pageHolder #pageContent blockquote, .careersProjection { border-color: #233E76; } /* line 928, ../scss/_colorScheme.scss */ body.school-leavers.course-detail #pageHolder #pageContent .courseStats, body.school-leavers .careersProjection { border-color: #578300; } /* line 934, ../scss/_colorScheme.scss */ body.apprenticeships.course-detail #pageHolder #pageContent .courseStats, body.apprenticeships .careersProjection { border-color: #007ABB; } /* line 940, ../scss/_colorScheme.scss */ body.adults.course-detail #pageHolder #pageContent .courseStats, body.adults .careersProjection { border-color: #b21868; } /* line 946, ../scss/_colorScheme.scss */ body.higherEd.course-detail #pageHolder #pageContent .courseStats, body.higherEd .careersProjection { border-color: #003145; } /* line 24, ../scss/_transitions.scss */ header#masthead .topBar a, .owl-nav button, #eventScroller .scroller .item .eventName, footer#siteFooter .lowerFooter a, #pageHolder .breadcrumb a, #pageHolder .categoryListing ul.courseList li .courseName, #pageHolder .categoryListing ul.courseList li a .courseIntro, #pageHolder .categoryListing ul.courseList li .courseInfo, #pageHolder .categoryListing ul.courseList li .courseInfo span.levelTitle, #pageHolder .categoryListing ul.courseList li .courseInfo span.durationTitle, .pagedLinks a, .pagination a, #pageHolder #pageContent ul.newsList li .postContent a.more i, body.landing #pageHolder .container.clear a.viewAll, .slick-arrow:before, #whoWeWorkWith .owl-nav button, body.landing #pageHolder .container.clear a.viewAll i, #courseScroller .courses .item a .courseName, #pageHolder #pageContent ul.eventList li .eventMore i { -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 33, ../scss/_transitions.scss */ header#masthead .headerTopItems a, #pageHolder .categoryListing ul.courseList li a, #courseScroller .courses .item a, body.course-detail .rightSidebar a.button, #pageHolder #pageContent ul.eventList li a { -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 38, ../scss/_transitions.scss */ #pageContent .sitemap li a { -webkit-transition: opacity, 0.3s ease-in-out; -moz-transition: opacity, 0.3s ease-in-out; -ms-transition: opacity, 0.3s ease-in-out; -o-transition: opacity, 0.3s ease-in-out; transition: opacity, 0.3s ease-in-out; } /* line 88, ../scss/_transitions.scss */ nav#mainMenu ul li a, nav#mainMenu ul li a:before, header#masthead .logoHolder, header#masthead .logoHolder a, #newsScroller .newsItem figure img, #collegeLinks .linkSet figure img, #courseCareerSearch .tab-content button.searchBTN, #eventScroller .scroller .item .eventImageOverlay, #eventScroller .scroller .item .eventImage, nav#sectorMenu .sf-mega li a:after, nav#sectorMenu .sf-mega .colImageLinks .qLink .linkImage, .courseListing .item figure, .courseListing ul.listing li a .overlay, .courseListing ul.listing li a .linkTitle, .courseListing ul.listing li a span.viewCourses, #pageHolder aside#sidebar .qLink .linkImage, #pageHolder aside#sidebar .courseCareerSearch button.searchBTN, #pageHolder .categoryListing ul.courseList li .moreInfoBTN, #banner .bannerText .rotatingText a.arrow, #banner .pagination li, header#masthead, header#masthead .topBar, header#masthead .logoHolder, nav#mainMenu, a.mobileMenuBTN #navIcon span, .mobileSidebar .qLink .linkImage, #courseScroller .courses .item a .more, #pageHolder #pageContent ul.newsList li figure a img, #pageHolder aside#sidebar ul li a, .categoryIntro .qLink .linkImage, #courseScroller li .overlay, #courseScroller li a .linkTitle, #courseScroller li a span.viewCourses, body.course-detail .rightSidebar .qLink .linkImage, body.course-detail #relatedCourseScroller .courseItem a, #pageHolder aside#sidebar ul li a, #newsScroller .newsItem .itemContent a.more i, #welcomeMessage a.more i, #eventScroller .scroller .item .eventMore i, .courseListing .item .sectorTitle i, #courseScroller.related h1.sectionTitle a.panelOpen i, #pageHolder #pageContent ul.newsList li .postContent a.more i, #whoWeWorkWith ul.partnerships.owl-carousel figure img, body.course-detail #relatedCourseScroller h1 a.panelOpen i, #studentProfiles .profileInfo a.readMore, #studentProfiles .profileInfo a.readMore i { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* line 3, ../scss/_normalize.scss */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ box-sizing: border-box; } /* line 9, ../scss/_normalize.scss */ body { margin: 0; } /* line 12, ../scss/_normalize.scss */ *, *:before, *:after { box-sizing: inherit; } /* line 15, ../scss/_normalize.scss */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /* line 18, ../scss/_normalize.scss */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /* line 22, ../scss/_normalize.scss */ audio:not([controls]) { display: none; height: 0; } /* line 26, ../scss/_normalize.scss */ [hidden], template { display: none; } /* line 29, ../scss/_normalize.scss */ a { background-color: transparent; text-decoration: none; } /* line 33, ../scss/_normalize.scss */ a:active, a:hover { outline: 0; } /* line 36, ../scss/_normalize.scss */ abbr[title] { border-bottom: 1px dotted; } /* line 39, ../scss/_normalize.scss */ b, strong { font-weight: bold; } /* line 42, ../scss/_normalize.scss */ dfn { font-style: italic; } /* line 45, ../scss/_normalize.scss */ small { font-size: 80%; } /* line 48, ../scss/_normalize.scss */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } /* line 54, ../scss/_normalize.scss */ sup { top: -0.5em; } /* line 57, ../scss/_normalize.scss */ sub { bottom: -0.25em; } /* line 60, ../scss/_normalize.scss */ img { border: 0; } /* line 63, ../scss/_normalize.scss */ svg:not(:root) { overflow: hidden; } /* line 66, ../scss/_normalize.scss */ figure { margin: 1em 40px; } /* line 69, ../scss/_normalize.scss */ hr { box-sizing: content-box; height: 0; } /* line 73, ../scss/_normalize.scss */ pre { overflow: auto; } /* line 76, ../scss/_normalize.scss */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* line 80, ../scss/_normalize.scss */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /* line 85, ../scss/_normalize.scss */ button { overflow: visible; } /* line 89, ../scss/_normalize.scss */ button, elect { text-transform: none; } /* line 93, ../scss/_normalize.scss */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /* line 97, ../scss/_normalize.scss */ button[disabled], html input[disabled] { cursor: default; } /* line 100, ../scss/_normalize.scss */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* line 104, ../scss/_normalize.scss */ input { line-height: normal; } /** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */ /* line 116, ../scss/_normalize.scss */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */ /* line 127, ../scss/_normalize.scss */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ /* line 136, ../scss/_normalize.scss */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; /* 2 */ } /** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */ /* line 147, ../scss/_normalize.scss */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Define consistent border, margin, and padding. */ /* line 155, ../scss/_normalize.scss */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */ /* line 166, ../scss/_normalize.scss */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** Remove default vertical scrollbar in IE 8/9/10/11. */ /* line 175, ../scss/_normalize.scss */ textarea { overflow: auto; } /** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ /* line 184, ../scss/_normalize.scss */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /* line 190, ../scss/_normalize.scss */ table { border-collapse: collapse; border-spacing: 0; } /* line 194, ../scss/_normalize.scss */ td, th { padding: 0; } /* line 3, ../scss/_buildingBlock.scss */ #wrapper, .mm-page { width: 100%; min-height: 100%; height: auto!important; height: 100%; margin: 0 auto; position: relative; top: 0; padding: 0; } /* line 13, ../scss/_buildingBlock.scss */ #wrapper { overflow-x: hidden; } /* line 16, ../scss/_buildingBlock.scss */ .container { padding: 0 5%; position: relative; } @media (min-width: 1400px) { /* line 22, ../scss/_buildingBlock.scss */ .container { max-width: 1400px; max-width: 87.5rem; padding: 0 50px; padding: 0 3.125rem; margin: 0 auto; position: relative; } } @media (min-width: 1600px) { /* line 31, ../scss/_buildingBlock.scss */ .container.large { max-width: 1600px; max-width: 100rem; padding: 0 50px; padding: 0 3.125rem; margin: 0 auto; position: relative; } } @media (min-width: 1750px) { /* line 40, ../scss/_buildingBlock.scss */ .container.largest { max-width: 1750px; max-width: 109.375rem; 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 65, ../scss/_type.scss */ header#masthead .sectors ul a, #banner .bannerText .rotatingText h1, body.home h1.sectionTitle, #newsScroller .newsItem .itemContent a.more, #collegeLinks .linkSet .linkName .center, #courseCareerSearch ul.tabs li a, #courseCareerSearch .tab-content input.searchInput, #courseCareerSearch .tab-content .selectChoice, header#masthead .headerTopItems a, nav#sectorMenu .sf-mega li a, nav#sectorMenu .sf-mega .colHeading, nav#sectorMenu .sf-menu li.schoolLeave .sf-mega .colImageLinks .linkName, #eventScroller a.viewAll, #newsScroller a.viewAll, #pageHolder aside#sidebar .sectionHeader, #pageHolder #pageContent h1, #pageHolder #pageContent h2, #pageHolder #pageContent h3, #pageHolder #pageContent h4, .courseListing .item .sectorTitle, .courseListing ul.listing li a .linkTitle, .courseListing ul.listing li a span.viewCourses, #pageHolder aside#sidebar .qLink .linkName, #pageHolder aside#sidebar .courseCareerSearch .searchBlock .searchTitle, #pageHolder aside#sidebar .courseCareerSearch input.searchInput, #pageHolder aside#sidebar .courseCareerSearch .selectChoice, #pageHolder .categoryListing h1, #pageHolder .categoryListing ul.courseList li .courseName, #pageHolder .categoryListing ul.courseList li .moreInfoBTN, .mobileSidebar .qLink .linkName, .mobileSidebar .mobilePageSearch .tab-content .mobTitle, #courseScroller .courses .item a .courseName, #pageHolder #pageContent ul.newsList li .postContent .postTitle, #pageHolder #pageContent ul.newsList li .postContent a.more, .pagination a, .categoryIntro .qLink .linkName, #courseScroller li a .linkTitle, #courseScroller li a span.viewCourses, body.landing #pageHolder .container.clear a.viewAll, #newsScroller h1, #eventScroller h1, #studentProfiles h1, #whoWeWorkWith h1, #courseScroller ul.listing.mobile a, #whoWeWorkWith ul.partnerships.owl-carousel .companyName, .careersProjection ul.careersScroller li .number, body.course-detail .rightSidebar a.button, body.course-detail .rightSidebar .qLink .linkName, body.course-detail #relatedCourseScroller .courseItem .title, body.course-detail #relatedCourseScroller h1, body.course-detail #relatedCourseScroller .courseItem a, body.course-detail #courseScroller.related .courses .item a .more, #courseScroller h1.sectionTitle, #studentProfiles .profileInfo a.readMore, #pageContent .sitemap li a, #pageHolder #pageContent ul.eventList li a .eventMoreHighlight { font-family: "Poppins", sans-serif; } /* line 69, ../scss/_type.scss */ #pageContent .sitemap li ul li a { font-family: "Montserrat", sans-serif; } /* line 78, ../scss/_type.scss */ body, #pageHolder aside#sidebar .courseCareerSearch input.searchInput, #pageHolder aside#sidebar .courseCareerSearch .selectChoice { font-size: 14px; font-size: 0.875rem; } /* line 89, ../scss/_type.scss */ .searchBox input.searchInput, nav#mainMenu .sf-menu ul li a, nav#sectorMenu .sf-mega li a, #pageHolder aside#sidebar ul li a, #newsScroller .newsItem .itemContent .date, #courseCareerSearch .tab-content .mobTitle, #pageHolder #pageContent ul.newsList li .postContent .date { font-size: 16px; font-size: 1rem; } /* line 124, ../scss/_type.scss */ #courseCareerSearch .tab-content input.searchInput, #courseCareerSearch .tab-content .selectChoice, #pageHolder #pageContent h5, #pageHolder #pageContent blockquote, #pageHolder aside#sidebar .qLink .linkName, #pageHolder .categoryListing ul.courseList li .courseInfo, #pageHolder .categoryListing ul.courseList li a .courseIntro, header#masthead .topBar a i, #welcomeMessage a.more, #newsScroller .newsItem .itemContent a.more, .searchBox button.searchBTN, #eventScroller .scroller .item .eventDate, nav#sectorMenu .sf-mega .colHeading, .courseListing .item .sectorTitle i, #courseCareerSearch .tab-content:after, header#masthead .topBar .telSet span.num, #pageHolder aside#sidebar .holder, .mobilePageSearch ul.tabs li a, .mobileSidebar .mobilePageSearch .tab-content .mobTitle, #pageHolder #pageContent ul.newsList li .postContent a.more, #studentProfiles .profileInfo, #courseScroller ul.listing.mobile a, body.course-detail .rightSidebar a.button, #pageHolder #pageContent h5, body.course-detail #pageHolder #pageContent .courseStats, #pageHolder #pageContent, body.course-detail .rightSidebar .qLink .linkName, #eventScroller .scroller .item .eventMore, .mm-navbar a, #studentProfiles .profileInfo a.readMore, #pageContent .sitemap li ul li a { font-size: 16px; font-size: 1rem; } /* line 130, ../scss/_type.scss */ nav#mainMenu ul li a, #pageHolder .breadcrumb { font-size: 17px; font-size: 1.0625rem; } /* line 166, ../scss/_type.scss */ .sectors a, #welcomeMessage, #newsScroller button, #eventScroller button, #courseScroller button, #courseCareerSearch ul.tabs li a, #courseCareerSearch .tab-content button.searchBTN, header#masthead .headerTopItems a, #eventScroller a.viewAll, #newsScroller a.viewAll, #pageHolder aside#sidebar .sectionHeader, #pageHolder #pageContent h4, .courseListing ul.listing li a .linkTitle, .courseListing ul.listing li a span.viewCourses, #pageHolder aside#sidebar .courseCareerSearch button.searchBTN, #pageHolder aside#sidebar .courseCareerSearch .searchBlock .searchTitle, #pageHolder .categoryListing ul.courseList li .moreInfoBTN, #banner .bannerText .rotatingText a.arrow, .mm-search .searchButton, .mobilePageSearch .tab-content button.searchBTN, .pagedLinks a, #pageHolder #pageContent .articleDate, #courseScroller .courses .item a .more, .pagination a, #courseScroller li a span.viewCourses, body.landing #pageHolder .container.clear a.viewAll, #whoWeWorkWith .owl-nav button, body.course-detail #relatedCourseScroller .courseItem a, #relatedCourseScroller .owl-nav button, nav#sectorMenu .sf-menu li.employer .sf-mega .colImageLinks .linkName, #pageHolder #pageContent ul.eventList li a, #pageHolder #pageContent .eventDate { font-size: 18px; font-size: 1.125rem; } /* line 177, ../scss/_type.scss */ nav#sectorMenu .sf-menu li .sf-mega .colImageLinks .linkName, #courseScroller li a .linkTitle, #whoWeWorkWith ul.partnerships.owl-carousel .companyName, .careersProjection ul.careersScroller li, #pageHolder #pageContent h4, body.course-detail #pageHolder #pageContent #accordion h3, #pageContent .sitemap li a { font-size: 20px; font-size: 1.25rem; } /* line 189, ../scss/_type.scss */ #newsScroller .newsItem .itemContent .title, #collegeLinks .linkSet .linkName .center, #eventScroller .scroller .item .eventMoreHighlight, #pageHolder #pageContent h3, .mobileSidebar .qLink .linkName, #pageHolder #pageContent ul.newsList li .postContent .postTitle, .categoryIntro .qLink .linkName, #pageHolder #pageContent .careersProjection .owl-nav button { font-size: 22px; font-size: 1.375rem; } /* line 195, ../scss/_type.scss */ #studentProfiles .profileInfo .course, #pageHolder #pageContent h3 { font-size: 25px; font-size: 1.5625rem; } /* line 200, ../scss/_type.scss */ #courseScroller .courses .item a .courseName { font-size: 28px; font-size: 1.75rem; } /* line 208, ../scss/_type.scss */ #pageHolder #pageContent h2, #pageHolder .categoryListing ul.courseList li .courseName, .careersProjection ul.careersScroller li .number, .mobileMenuCross .innerHeader a.mobMenuBTNClose { font-size: 30px; font-size: 1.875rem; } /* line 218, ../scss/_type.scss */ #eventScroller .scroller .item .eventName, #courseScroller h1.sectionTitle, body.article #newsScroller h1.sectionTitle, #pageHolder #pageContent h2, body.course-detail #relatedCourseScroller h1, body.course-detail #relatedCourseScroller .courseItem .title { font-size: 35px; font-size: 1.8rem; } #pageHolder #pageContent h2{font-size:2rem;} /* line 225, ../scss/_type.scss */ .courseListing .item .sectorTitle, #studentProfiles .profileInfo .name, #pageHolder #pageContent ul.eventList li a .eventName { font-size: 40px; font-size: 2.5rem; } /* line 239, ../scss/_type.scss */ body.home h1.sectionTitle, #eventScroller .scroller .owl-item.center .item .eventName, #pageHolder #pageContent h1, #pageHolder .categoryListing h1, #newsScroller h1, #eventScroller h1, #studentProfiles h1, #whoWeWorkWith h1, body.course-detail .rightSidebar a.button .icon, #pageHolder #pageContent h1 { font-size: 50px; font-size: 3.125rem; } /* line 244, ../scss/_type.scss */ #banner .bannerText .rotatingText h1 { font-size: 70px; font-size: 4.375rem; } /* line 249, ../scss/_type.scss */ .careersProjection ul.careersScroller li.opportunities .number {font-size: 90px; font-size: 3rem; line-height: 5rem;} /* line 261, ../scss/_type.scss */ #banner .bannerText .rotatingText h1, .courseListing .item .sectorTitle { font-weight: 300; } /* line 268, ../scss/_type.scss */ body.course-detail #pageHolder #pageContent .courseStats span, header#masthead .sectors ul .sf-mega ul li a, #pageContent .sitemap li ul li a { font-weight: 400; } /* line 275, ../scss/_type.scss */ nav#mainMenu ul li a, .searchBox input.searchInput, #pageHolder .breadcrumb a { font-weight: 500; } /* line 289, ../scss/_type.scss */ #newsScroller .newsItem .itemContent a.more, #collegeLinks .linkSet .linkName .vAlign, #courseCareerSearch ul.tabs li a, header#masthead .headerTopItems a, #courseCareerSearch .tab-content .mobTitle, .mobilePageSearch ul.tabs li a, .mobilePageSearch .tab-content .mobTitle, #pageHolder #pageContent ul.newsList li .postContent a.more, .categoryIntro .qLink .linkName, #eventScroller .scroller .item .eventMore { font-weight: 600; } /* line 357, ../scss/_type.scss */ #newsScroller .newsItem .itemContent .title, #newsScroller .newsItem .itemContent .date, #welcomeMessage a.more, #banner .bannerText .rotatingText h1 span.highlight, header#masthead .topBar .left span.num, #courseCareerSearch .tab-content input.searchInput, #courseCareerSearch .tab-content .selectChoice, #eventScroller .scroller .item, nav#sectorMenu .sf-mega .colHeading, nav#sectorMenu .sf-menu li .sf-mega .colImageLinks .linkName, #eventScroller a.viewAll, #newsScroller a.viewAll, #pageHolder aside#sidebar .sectionHeader, #pageHolder #pageContent h1, #pageHolder #pageContent h2, #pageHolder #pageContent h3, #pageHolder #pageContent h4, #pageHolder #pageContent h5, #pageHolder #pageContent blockquote span.author, .courseListing .item .sectorTitle span.strong, header#masthead .sectors ul a, .courseListing ul.listing li a .linkTitle, .courseListing ul.listing li a span.viewCourses, #pageHolder aside#sidebar .qLink .linkName, #pageHolder aside#sidebar .courseCareerSearch .searchBlock .searchTitle, #pageHolder aside#sidebar .courseCareerSearch input.searchInput, #pageHolder aside#sidebar .courseCareerSearch .selectChoice, #pageHolder .categoryListing h1, #pageHolder .categoryListing ul.courseList li .courseName, #pageHolder .categoryListing ul.courseList li .moreInfoBTN, #pageHolder .categoryListing ul.courseList li .courseInfo span.durationTitle, #pageHolder .categoryListing ul.courseList li .courseInfo span.levelTitle, body.home h1.sectionTitle, .mobileSidebar .qLink .linkName, .mobilePageSearch .tab-content input.searchInput, .mobilePageSearch .tab-content .selectChoice, .pagedLinks a, #pageHolder #pageContent .articleDate, #courseScroller .courses .item a .courseName, #courseScroller .courses .item a .more, #pageHolder #pageContent ul.newsList li .postContent .postTitle, #pageHolder #pageContent ul.newsList li .postContent .date, .pagination a, #courseScroller li a .linkTitle, #courseScroller li a span.viewCourses, body.landing #pageHolder .container.clear a.viewAll, #newsScroller h1, #eventScroller h1, #studentProfiles h1, #courseScroller ul.listing.mobile a, #whoWeWorkWith h1, #whoWeWorkWith ul.partnerships.owl-carousel .companyName, .careersProjection ul.careersScroller li .number, body.course-detail .rightSidebar a.button, body.course-detail #pageHolder #pageContent .courseStats, body.course-detail .rightSidebar .qLink .linkName, body.course-detail #relatedCourseScroller .courseItem .title, body.course-detail #relatedCourseScroller .courseItem a, body.course-detail #courseScroller.related .courses .item a .more, .mm-panel#mm-1 .mm-listview > li.sectorItem a, #studentProfiles .profileInfo a.readMore, #pageContent .sitemap li a, #pageHolder #pageContent ul.eventList li a, #pageHolder #pageContent .eventDate { font-weight: 700; } @media (max-width: 767px) { /* line 377, ../scss/_type.scss */ #courseCareerSearch .tab-content input.searchInput, #courseCareerSearch .tab-content .selectChoice, .mobileSidebar .mobilePageSearch .tab-content input.searchInput, .mobileSidebar .mobilePageSearch .tab-content .selectChoice, section#pageHolder .breadcrumb, #pageHolder .categoryListing ul.courseList li .moreInfoBTN, #pageHolder #pageContent .articleDate, body.course-detail #relatedCourseScroller .courseItem a, body.course-detail #courseScroller.related .courses .item a .more, footer#siteFooter .lowerFooter { font-size: 12px; font-size: 0.75rem; } /* line 393, ../scss/_type.scss */ #welcomeMessage a.more, #collegeLinks .linkSet .linkName .center, #pageHolder #pageContent h5, #pageHolder .categoryListing ul.courseList li .courseInfo, #pageHolder .categoryListing ul.courseList li a .courseIntro, .pagedLinks a, #courseScroller .courses .item a .more, #studentProfiles .profileInfo, #pageHolder #pageContent, body.course-detail #pageHolder #pageContent .courseStats, #pageHolder .breadcrumb, #studentProfiles .profileInfo a.readMore { font-size: 14px; font-size: 0.875rem; } /* line 413, ../scss/_type.scss */ #welcomeMessage, #eventScroller a.viewAll, #newsScroller a.viewAll, .mobileSidebar .qLink .linkName, #pageHolder #pageContent h4, .courseListing ul.listing li a .linkTitle, body.article #newsScroller h1.sectionTitle, #pageHolder aside#sidebar .sectionHeader, .categoryIntro .qLink .linkName, body.landing #pageHolder .container.clear a.viewAll, .careersProjection ul.careersScroller li, body.course-detail #pageHolder #pageContent #accordion h3, header#masthead .headerTopItems a, #courseScroller h1.sectionTitle, body.course-detail #relatedCourseScroller h1, #pageHolder #pageContent ul.eventList li a { font-size: 16px; font-size: 1rem; } /* line 420, ../scss/_type.scss */ #whoWeWorkWith ul.partnerships.owl-carousel .companyName, #pageHolder #pageContent .careersProjection .owl-nav button, header#masthead .headerTopItems a i { font-size: 18px; font-size: 1.125rem; } /* line 431, ../scss/_type.scss */ #banner .bannerText .rotatingText h1, #newsScroller .newsItem .itemContent .title, #eventScroller .scroller .item .eventMoreHighlight, #pageHolder #pageContent h3, #pageHolder #pageContent ul.newsList li .postContent .postTitle, #studentProfiles .profileInfo .course, #pageHolder #pageContent h2 { font-size: 20px; font-size: 1.25rem; } /* line 443, ../scss/_type.scss */ #pageHolder #pageContent h2, .courseListing .item .sectorTitle, #pageHolder .categoryListing ul.courseList li .courseName, body.apprenticeships.landing #pageHolder .categoryListing h1, #whoWeWorkWith h1, .careersProjection ul.careersScroller li .number, body.course-detail #relatedCourseScroller .courseItem .title, #courseScroller .courses .item a .courseName { font-size: 24px; font-size: 1.5rem; } /* line 457, ../scss/_type.scss */ body.home h1.sectionTitle, #eventScroller .scroller .item .eventName, #pageHolder #pageContent h1, #pageHolder .categoryListing h1, #newsScroller h1, #eventScroller h1, #studentProfiles h1, #studentProfiles .profileInfo .name, #whoWeWorkWith h1, #pageHolder #pageContent ul.eventList li a .eventName { font-size: 30px; font-size: 1.875rem; } /* line 462, ../scss/_type.scss */ .careersProjection ul.careersScroller li.opportunities .number { font-size: 70px; font-size: 4.375rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 469, ../scss/_type.scss */ .sectors a { font-size: 12px; font-size: 0.75rem; } /* line 475, ../scss/_type.scss */ #pageHolder .breadcrumb, #pageHolder .categoryListing ul.courseList li .courseInfo { font-size: 14px; font-size: 0.875rem; } /* line 480, ../scss/_type.scss */ .courseListing .item .sectorTitle { font-size: 25px; font-size: 1.5625rem; } /* line 486, ../scss/_type.scss */ #courseScroller h1.sectionTitle, body.article #newsScroller h1.sectionTitle { font-size: 30px; font-size: 1.875rem; } /* line 492, ../scss/_type.scss */ #banner .bannerText .rotatingText h1, #pageHolder #pageContent h1 { font-size: 40px; font-size: 2.5rem; } } @media all and (min-width: 1024px) and (max-width: 1400px) { /* line 500, ../scss/_type.scss */ footer#siteFooter .lowerFooter { font-size: 12px; font-size: 0.75rem; } /* line 504, ../scss/_type.scss */ header#masthead .sectors ul a { font-size: 14px; font-size: 0.875rem; } /* line 509, ../scss/_type.scss */ #collegeLinks .linkSet .linkName .center { font-size: 18px; font-size: 1.125rem; } /* line 514, ../scss/_type.scss */ #banner .bannerText .rotatingText h1 { font-size: 40px; font-size: 2.5rem; } } @media all and (min-width: 1200px) and (max-width: 1400px) { /* line 521, ../scss/_type.scss */ nav#mainMenu ul li a { font-size: 15px; font-size: 0.9375rem; } } #banner .pagination {right:0px} @keyframes fadein { /* line 4, ../scss/_keyframes.scss */ from { opacity: 0; } /* line 7, ../scss/_keyframes.scss */ to { opacity: 1; } } @-moz-keyframes fadein { /* Firefox */ /* line 12, ../scss/_keyframes.scss */ from { opacity: 0; } /* line 15, ../scss/_keyframes.scss */ to { opacity: 1; } } @-webkit-keyframes fadein { /* Safari and Chrome */ /* line 20, ../scss/_keyframes.scss */ from { opacity: 0; } /* line 23, ../scss/_keyframes.scss */ to { opacity: 1; } } @-o-keyframes fadein { /* Opera */ /* line 28, ../scss/_keyframes.scss */ from { opacity: 0; } /* line 31, ../scss/_keyframes.scss */ to { opacity: 1; } } /* line 3, ../scss/_header.scss */ header#masthead { position: fixed; top: 0; left: 0; width: 100%; height: 245px; height: 15.3125rem; z-index: 1000; } /* line 10, ../scss/_header.scss */ header#masthead .topBar { height: 36px; height: 2.25rem; line-height: 34px; line-height: 2.125rem; } /* line 13, ../scss/_header.scss */ header#masthead .topBar .left { float: left; } /* line 15, ../scss/_header.scss */ header#masthead .topBar .left .telSet { float: left; margin-right: 12px; margin-right: 0.75rem; } /* line 19, ../scss/_header.scss */ header#masthead .topBar .left span.num { display: inline-block; margin: 0 3px 0 10px; margin: 0 0.1875rem 0 0.625rem; } /* line 24, ../scss/_header.scss */ header#masthead .topBar .right { float: right; width: 35%; position: relative; } /* line 28, ../scss/_header.scss */ header#masthead .topBar .right a { margin-left: 14px; margin-left: 0.875rem; } /* line 32, ../scss/_header.scss */ header#masthead .topBar .right a.barLink { margin-left: 16px; margin-left: 1rem; position: relative; position: relative; } /* line 36, ../scss/_header.scss */ header#masthead .topBar .right a.barLink:before { content: ""; height: 14px; height: 0.875rem; top: 2px; top: 0.125rem; left: -11px; left: -0.6875rem; position: absolute; width: 1px; width: 0.0625rem; } /* line 44, ../scss/_header.scss */ header#masthead .topBar .right a.barLink:first-of-type:before { display: none; } /* line 48, ../scss/_header.scss */ header#masthead .topBar .right .socials { float: right; } /* line 51, ../scss/_header.scss */ header#masthead .topBar .right .socials a#mobile.searchIcon { display: none; } /* line 56, ../scss/_header.scss */ header#masthead .middleHeaderBar { float: left; width: 100%; position: relative; } /* line 61, ../scss/_header.scss */ header#masthead .headerTopItems { position: absolute; right: 50px; right: 3.125rem; top: 0; } /* line 65, ../scss/_header.scss */ header#masthead .headerTopItems a { display: block; height: 48px; height: 3rem; line-height: 48px; line-height: 3rem; padding: 0 22px; padding: 0 1.375rem; position: relative; float: left; margin-left: 10px; margin-left: 0.625rem; } /* line 74, ../scss/_header.scss */ header#masthead .headerTopItems a.apply i { margin-right: 8px; margin-right: 0.5rem; } /* line 77, ../scss/_header.scss */ header#masthead .headerTopItems a.cart { width: 48px; width: 3rem; text-align: center; padding: 0; } /* line 83, ../scss/_header.scss */ header#masthead .logoHolder { position: relative; float: left; clear: left; margin: 38px 0 0 0; margin: 2.375rem 0 0 0; z-index: 100; } /* line 91, ../scss/_header.scss */ header#masthead .logoHolder, header#masthead .logoHolder a { width: 300px; width: 18.75rem; height: 74px; height: 4.625rem; background-repeat: no-repeat; background-position: center center; } /* line 97, ../scss/_header.scss */ header#masthead .logoHolder a img { max-width: 100%; height: auto; } /* line 101, ../scss/_header.scss */ header#masthead .logoHolder a { display: block; position: relative; } /* line 106, ../scss/_header.scss */ header#masthead .sectors { float: left; width: 100%; height: 55px; height: 3.4375rem; z-index: 20; position: relative; } /* line 112, ../scss/_header.scss */ header#masthead .sectors:after { content: ""; position: absolute; bottom: -5px; bottom: -0.3125rem; height: 5px; height: 0.3125rem; left: 0; width: 100%; display: none; } /* line 121, ../scss/_header.scss */ header#masthead .sectors ul { margin: 0; padding: 0; list-style-type: none; } /* line 123, ../scss/_header.scss */ header#masthead .sectors ul li { float: left; display: block; height: 55px; height: 3.4375rem; width: 20%; } /* line 129, ../scss/_header.scss */ header#masthead .sectors ul a { float: left; width: 100%; display: block; text-align: center; line-height: 55px; line-height: 3.4375rem; } /* line 145, ../scss/_header.scss */ body.school-leavers header#masthead .sectors:after, body.apprenticeships header#masthead .sectors:after, body.adults header#masthead .sectors:after, body.higherEd header#masthead .sectors:after, body.employer header#masthead .sectors:after { display: block; } @media (max-width: 767px) { /* line 156, ../scss/_header.scss */ header#masthead { height: 180px; height: 11.25rem; } /* line 158, ../scss/_header.scss */ header#masthead .logoHolder { float: none; position: absolute; margin-top: 0; top: 64px; top: 4rem; margin-left: -110px; margin-left: -6.875rem; left: 50%; } /* line 167, ../scss/_header.scss */ header#masthead .logoHolder, header#masthead .logoHolder a { width: 220px; width: 13.75rem; height: 54px; height: 3.375rem; } /* line 174, ../scss/_header.scss */ header#masthead .topBar .left .telSet { width: auto; height: 36px; height: 2.25rem; overflow: hidden; } /* line 178, ../scss/_header.scss */ header#masthead .topBar .left .telSet span.num2 {display:none; } /* line 182, ../scss/_header.scss */ header#masthead .topBar .right { width: auto; } /* line 186, ../scss/_header.scss */ header#masthead .headerTopItems { right: auto!important; left: 5%; } /* line 189, ../scss/_header.scss */ header#masthead .headerTopItems a.cart { margin-left: 0; } /* line 192, ../scss/_header.scss */ header#masthead .headerTopItems a { height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; } /* line 195, ../scss/_header.scss */ header#masthead .headerTopItems a:before { left: 13px; left: 0.8125rem; } /* line 200, ../scss/_header.scss */ header#masthead .sectors { height: 5px; height: 0.3125rem; position: absolute; bottom: 0; } /* line 204, ../scss/_header.scss */ header#masthead .sectors ul { display: none; } /* line 208, ../scss/_header.scss */ header#masthead .headerTopItems a.cart:before { background-size: 18px 18px; } } @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 171, ../scss/_header.scss */ header#masthead .logoHolder a { background-image: url(../images/@2x/logo@2x.png); -webkit-background-size: 143px 54px; background-size: 143px 54px; } /* line 54, ../scss/_mixins.scss */ header#masthead .logoHolder a img { display: none; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 215, ../scss/_header.scss */ header#masthead { height: 200px; height: 12.5rem; } /* line 217, ../scss/_header.scss */ header#masthead .logoHolder { margin: 26px 0 0 0; margin: 1.625rem 0 0 0; } /* line 220, ../scss/_header.scss */ header#masthead .sectors { height: 40px; height: 2.5rem; } /* line 222, ../scss/_header.scss */ header#masthead .sectors ul li { height: 40px; height: 2.5rem; } /* line 225, ../scss/_header.scss */ header#masthead .sectors ul li a { line-height: 40px; line-height: 2.5rem; } } @media (max-width: 1023px) { /* line 234, ../scss/_header.scss */ header#masthead .topBar .left .telSet { margin-right: 0; } /* line 235, ../scss/_header.scss */ header#masthead .topBar .left .telSet.course { display: none; } /* line 240, ../scss/_header.scss */ header#masthead { position: relative; } /* line 244, ../scss/_header.scss */ header#masthead .topBar .right a.barLink, header#masthead .topBar .right .socials a.searchIcon.dt { display: none; } /* line 247, ../scss/_header.scss */ header#masthead .topBar .right .socials { float: right; } /* line 250, ../scss/_header.scss */ header#masthead .topBar .right .socials a#mobile.searchIcon { display: inline-block; } } @media (min-width: 1024px) { /* line 261, ../scss/_header.scss */ body.fixedHeader .topBar { visibility: hidden; opacity: 0; margin-top: -40px;display:none } /* line 266, ../scss/_header.scss */ body.fixedHeader header#masthead { height: 189px; height: 11.8125rem; } /* line 269, ../scss/_header.scss */ body.fixedHeader header#masthead .logoHolder { margin: 28px 0 0 0; margin: 1.75rem 0 0 0; } /* line 273, ../scss/_header.scss */ body.fixedHeader header#masthead .logoHolder, body.fixedHeader header#masthead .logoHolder a { width: 243px; width: 15.1875rem; height: 60px; height: 3.75rem; } } @media (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), (min-width: 1024px) and (-o-min-device-pixel-ratio: 2 / 1), (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 1024px) and (min-device-pixel-ratio: 2), (min-width: 1024px) and (min-resolution: 192dpi), (min-width: 1024px) and (min-resolution: 2dppx) { /* line 257, ../scss/_header.scss */ header#masthead .logoHolder a { background-image: url(../images/@2x/logo@2x.png); -webkit-background-size: 196px 74px; background-size: 196px 74px; } /* line 54, ../scss/_mixins.scss */ header#masthead .logoHolder a img { display: none; } } @media (min-width: 1024px) and (min--moz-device-pixel-ratio: 2), (min-width: 1024px) and (-o-min-device-pixel-ratio: 2 / 1), (min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), (min-width: 1024px) and (min-device-pixel-ratio: 2), (min-width: 1024px) and (min-resolution: 192dpi), (min-width: 1024px) and (min-resolution: 2dppx) { /* line 277, ../scss/_header.scss */ body.fixedHeader header#masthead .logoHolder a { background-image: url(../images/@2x/logo@2x.png); -webkit-background-size: 159px 60px; background-size: 159px 60px; } /* line 54, ../scss/_mixins.scss */ body.fixedHeader header#masthead .logoHolder a img { display: none; } } @media (max-width: 1399px) { /* line 284, ../scss/_header.scss */ header#masthead .headerTopItems { right: 5%; } } /* line 3, ../scss/_menu.scss */ nav#mainMenu { float: right; clear: right; margin-top: 51px; margin-top: 3.1875rem; } /* 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; padding: 0 6px; padding: 0 0.375rem; position: relative; } /* line 19, ../scss/_menu.scss */ nav#mainMenu ul li a { display: block; padding: 40px 10px; padding: 2.5rem 0.625rem; letter-spacing: normal; position: relative; } /* line 24, ../scss/_menu.scss */ nav#mainMenu ul li a:before { content: ""; top: 41px; top: 2.5625rem; bottom: 41px; bottom: 2.5625rem;z-index: 9999; height: 15px; height: 0.9375rem; width: 1px; width: 0.0625rem; position: absolute; left: -5px; left: -0.3125rem; } /* line 35, ../scss/_menu.scss */ nav#mainMenu ul li.has-sub a:hover:after, nav#mainMenu ul li.has-sub:hover > a:after { opacity: 1; } /* line 38, ../scss/_menu.scss */ nav#mainMenu ul li:last-child { padding: 0 0 0 6px; padding: 0 0 0 0.375rem; } /* line 41, ../scss/_menu.scss */ nav#mainMenu ul li:last-child a { padding: 40px 0 40px 10px; padding: 2.5rem 0 2.5rem 0.625rem; } /* line 44, ../scss/_menu.scss */ nav#mainMenu ul li:first-child a:before { display: none; } /* line 49, ../scss/_menu.scss */ nav#mainMenu .sf-menu ul { position: absolute; margin: 0; padding: 0; display: none; width: 250px; width: 15.625rem; z-index: 99; height: 100%; left: 0; left: 0; top: 100%; } /* line 59, ../scss/_menu.scss */ nav#mainMenu .sf-menu ul:before { content: ""; height: 30px; width: 30px; top: -30px; top: -1.875rem; position: absolute; left: 10px; left: 0.62rem; background-repeat: no-repeat; background-position: bottom left; background-image: url(../images/global/menu-arrow-new.png); } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 59, ../scss/_menu.scss */ nav#mainMenu .sf-menu ul:before { background-image: url(../images/@2x/menu-arrow@2x.png); -webkit-background-size: 30px 30px; background-size: 30px 30px; } } /* line 71, ../scss/_menu.scss */ nav#mainMenu .sf-menu ul > li { float: left; width: 100%; position: relative; line-height: 1.2; text-align: left; padding: 0; } /* line 78, ../scss/_menu.scss */ nav#mainMenu .sf-menu ul > li a:before { display: none; } /* line 82, ../scss/_menu.scss */ nav#mainMenu .sf-menu ul li a { padding: 6px 20px; padding: 0.5rem 1.25rem; line-height: normal; } /* line 86, ../scss/_menu.scss */ nav#mainMenu .sf-menu ul li:first-child a { padding: 15px 20px 6px 20px; padding: 1.25rem 1.25rem 0.5rem 1.25rem; } /* line 89, ../scss/_menu.scss */ nav#mainMenu .sf-menu ul li:last-child a { padding: 6px 20px 15px 20px; padding: 0.375rem 1.25rem 1.25rem 1.25rem; } /* line 95, ../scss/_menu.scss */ nav#sectorMenu .sf-menu .sf-mega { position: absolute; display: none; top: 100%; left: 0; z-index: 300; width: 100%; padding: 80px 65px 55px 65px; padding: 5rem 4.0625rem 3.4375rem 4.0625rem; } /* line 103, ../scss/_menu.scss */ nav#sectorMenu .sf-menu .sf-mega:before { content: ""; position: absolute; height: auto; width: auto; top: 35px; top: 2.1875rem; bottom: 130px; bottom: 3.125rem; left: -1px; right: 26%; border-style: solid; border-width: 1px; z-index: -1; } /* line 116, ../scss/_menu.scss */ nav#sectorMenu .sf-menu .sf-mega img { height: 100%; min-width: 100%; width: auto; } /* line 121, ../scss/_menu.scss */ nav#sectorMenu .sf-menu .sf-mega .colHeading { margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 125, ../scss/_menu.scss */ nav#sectorMenu .sf-mega .colTreble { width: 52.2471%; float: left; margin-bottom: 45px; margin-bottom: 2.8125rem; } /* line 129, ../scss/_menu.scss */ nav#sectorMenu .sf-mega .colTreble ul li { float: left; width: 100%; } /* line 134, ../scss/_menu.scss */ nav#sectorMenu .sf-mega .colDouble { width: 34.8314%; float: left; margin-bottom: 45px; margin-bottom: 2.8125rem; } /* line 138, ../scss/_menu.scss */ nav#sectorMenu .sf-mega .colDouble ul li { float: left; width: 100%; } /* line 143, ../scss/_menu.scss */ nav#sectorMenu .sf-mega .column { float: left; } /* line 145, ../scss/_menu.scss */ nav#sectorMenu .sf-mega .column.half { width: 50%; } /* line 148, ../scss/_menu.scss */ nav#sectorMenu .sf-mega .column.oneThird { width: 33.3333%; } /* line 152, ../scss/_menu.scss */ nav#sectorMenu .sf-mega .colSingle { float: left; width: 17.4157%; margin-bottom: 45px; margin-bottom: 2.8125rem; } /* line 156, ../scss/_menu.scss */ nav#sectorMenu .sf-mega .colSingle ul li { width: 100%; } /* line 160, ../scss/_menu.scss */ nav#sectorMenu .sf-mega .colImageLinks { width: 30.3372%; float: left;min-height:350px; } /* line 163, ../scss/_menu.scss */ nav#sectorMenu .sf-mega .colImageLinks .qLink { width: 100%; height: 270px; height: 16.875rem; position: relative; margin: -20px 0 35px 0; margin: -1.25rem 0 2.1875rem 0; overflow: hidden; } /* line 169, ../scss/_menu.scss */ nav#sectorMenu .sf-mega .colImageLinks .qLink .linkImage { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; transform: scale(1); } /* line 177, ../scss/_menu.scss */ nav#sectorMenu .sf-mega .colImageLinks .qLink:hover .linkImage { transform: scale(1.1); } /* line 180, ../scss/_menu.scss */ nav#sectorMenu .sf-mega .colImageLinks .qLink .linkName { z-index: 10; position: absolute; width: 300px; width: 18.75rem; height: 80px; height: 5rem; text-align: center; right: 50px; right: 3.125rem; bottom: 50px; bottom: 3.125rem; } /* line 188, ../scss/_menu.scss */ nav#sectorMenu .sf-mega .colImageLinks .qLink .linkName:before { content: ""; position: absolute; height: auto; width: auto; top: -12px; top: -0.78rem; bottom: -12px; bottom: -0.78rem; left: 12px; left: 0.78rem; right: -12px; right: -0.78rem; border-style: solid; border-width: 1px; } /* line 200, ../scss/_menu.scss */ nav#sectorMenu .sf-mega .colImageLinks .qLink .linkName .center { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; width: 100%; line-height: 1.2; padding: 0 25px; padding: 0 1.5625rem; } /* line 213, ../scss/_menu.scss */ nav#sectorMenu .sf-menu .sf-mega li { height: auto; padding-right: 35px; padding-right: 2.1875rem; } /* line 217, ../scss/_menu.scss */ nav#sectorMenu .sf-mega li a { line-height: normal; text-align: left; height: auto; padding: 4px 0; padding: 0.18rem 0; position: relative; display: inline-block; width: auto; } /* line 225, ../scss/_menu.scss */ nav#sectorMenu .sf-mega li a:after { content: ""; height: 1px; height: 0.0625rem; position: absolute; bottom: 5px; bottom: 0.3125rem; left: 50%; right: 50%; } /* line 233, ../scss/_menu.scss */ nav#sectorMenu .sf-mega li a:hover:after { left: 0; right: 0; } /* line 240, ../scss/_menu.scss */ a.mobileMenuBTN { display: none; margin: 12px 0 36px 0; margin: 0.75rem 0 2.25rem 0; padding: 9px 0; padding: 0.5625rem 0; outline: none; float: right; } /* line 246, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon { width: 32px; width: 2rem; height: 28px; height: 1.75rem; position: relative; cursor: pointer; float: left; } /* line 252, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon span { display: block; position: absolute; height: 5px; height: 0.3125rem; width: 100%; opacity: 1; left: 0; } /* line 261, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon span:nth-child(1) { top: 0px; } /* line 264, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon span:nth-child(2) { top: 11px; top: 0.6875rem; opacity: 1; } /* line 268, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon span:nth-child(3) { top: 22px; top: 1.375rem; } /* line 275, ../scss/_menu.scss */ .mm-search .searchButton { position: absolute; right: 0; right: 0; top: 0; top: 0; width: 40px; width: 2.5rem; height: 40px; height: 2.5rem; border: none; -webkit-appearance: none; background: none; padding: 0; z-index: 10; } /* line 286, ../scss/_menu.scss */ .mm-search .searchButton:before { width: 40px; width: 2.5rem; 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; color: #280087; } /* line 297, ../scss/_menu.scss */ .mm-search .searchButton:hover { cursor: pointer; } /* line 301, ../scss/_menu.scss */ .mm-search input { color: #280087; } /* line 303, ../scss/_menu.scss */ .mm-search input::-webkit-input-placeholder { color: #280087; opacity: 1; } /* line 307, ../scss/_menu.scss */ .mm-search input:moz-placeholder { color: #280087; opacity: 1; } /* line 311, ../scss/_menu.scss */ .mm-search input::-moz-placeholder { color: #280087; opacity: 1; } /* line 315, ../scss/_menu.scss */ .mm-search input:-ms-input-placeholder { color: #280087; opacity: 1; } /* line 322, ../scss/_menu.scss */ .mobileMenuCross { position: absolute; width: 30px; width: 1.875rem; top: 60px; top: 3.75rem; height: 35px; height: 2.1875rem; right: 5.3%; right: 5.3%; z-index: 100; } /* line 329, ../scss/_menu.scss */ .mobileMenuCross .innerHeader a.mobMenuBTNClose { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* line 331, ../scss/_menu.scss */ .mobileMenuCross .innerHeader a.mobMenuBTNClose:before { width: 30px; width: 1.875rem; height: 35px; height: 2.1875rem; content: "\f00d"; 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: 35px; line-height: 2.1875rem; } /* line 341, ../scss/_menu.scss */ .mobileMenuCross .innerHeader a.mobMenuBTNClose:hover { cursor: pointer; } /* line 348, ../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 354, ../scss/_menu.scss */ html.mm-opened a.mobileMenuBTN #navIcon span:nth-child(2) { opacity: 0; } /* line 357, ../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); } @media (max-width: 767px) { /* line 373, ../scss/_menu.scss */ nav#mainMenu { margin-top: 4px; } /* line 375, ../scss/_menu.scss */ nav#mainMenu a.mobileMenuBTN { margin: 0; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 382, ../scss/_menu.scss */ a.mobileMenuBTN { margin: 10px 0 16px 0; margin: 0.625rem 0 1rem 0; } } @media (max-width: 1200px) { /* line 389, ../scss/_menu.scss */ nav#mainMenu ul, nav#sectorMenu .sf-menu .sf-mega { display: none!important; } /* line 392, ../scss/_menu.scss */ a.mobileMenuBTN { display: block; } } @media (min-width: 1024px) { /* line 399, ../scss/_menu.scss */ body.fixedHeader nav#mainMenu { margin-top: 40px; margin-top: 2.5rem; } /* line 401, ../scss/_menu.scss */ body.fixedHeader nav#mainMenu ul li a { padding: 30px 10px 35px 10px; padding: 1.875rem 0.625rem 2.1875rem 0.625rem; } /* line 403, ../scss/_menu.scss */ body.fixedHeader nav#mainMenu ul li a:before { top: 31px; top: 1.9375rem; } /* line 408, ../scss/_menu.scss */ body.fixedHeader nav#mainMenu ul li:last-child a { } /* line 413, ../scss/_menu.scss */ body.fixedHeader nav#mainMenu ul li ul li a { padding: 6px 20px; padding: 0.375rem 1.25rem; } /* line 416, ../scss/_menu.scss */ body.fixedHeader nav#mainMenu ul ul li:last-child a { padding: 6px 20px 15px 20px; padding: 0.375rem 1.25rem 0.9375rem 1.25rem; } } @media all and (min-width: 1200px) and (max-width: 1400px) { /* line 423, ../scss/_menu.scss */ nav#mainMenu ul li a { padding: 40px 8px; padding: 2.5rem 0.5rem; } /* line 427, ../scss/_menu.scss */ body.fixedHeader nav#mainMenu ul li a { padding: 30px 8px; padding: 1.875rem 0.5rem; } } /* line 5, ../scss/_footer.scss */ footer#siteFooter .associations { padding: 30px 0; padding: 1.875rem 0; border-top-width: 2px; border-top-style: solid; float: left; width: 100%; } /* line 11, ../scss/_footer.scss */ footer#siteFooter .associations .holder { float: left; width: 100%; } /* line 15, ../scss/_footer.scss */ footer#siteFooter .associations .mobRow { width: 49.2%; float: left; display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; align-items: center; height: 85px; height: 5.3125rem; } /* line 25, ../scss/_footer.scss */ footer#siteFooter .associations .mobRow:first-of-type { margin-right: 1.6%; } /* line 28, ../scss/_footer.scss */ footer#siteFooter .associations .logo { position: relative; height: 85px; height: 5.3125rem; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; margin-right: 10px;} /* line 35, ../scss/_footer.scss */ footer#siteFooter .associations .logo img { max-width: 100%; height: auto; } /* line 40, ../scss/_footer.scss */ footer#siteFooter .associations ul#ticker { margin: 0; padding: 0; list-style-type: none; display: none; } /* line 43, ../scss/_footer.scss */ footer#siteFooter .associations ul#ticker li { display: inline-block; vertical-align: middle; margin: 0 15px; margin: 0 0.9375rem; } /* line 47, ../scss/_footer.scss */ footer#siteFooter .associations ul#ticker li:before { display: none; } /* line 53, ../scss/_footer.scss */ footer#siteFooter .lowerFooter { clear: both; height: 50px; height: 3.125rem; line-height: 50px; line-height: 3.125rem; } /* line 57, ../scss/_footer.scss */ footer#siteFooter .lowerFooter .fLeft { float: left; } /* line 60, ../scss/_footer.scss */ footer#siteFooter .lowerFooter .fRight { float: right; } /* line 63, ../scss/_footer.scss */ footer#siteFooter .lowerFooter span.div { padding: 0 12px; padding: 0 0.75rem; } @media (max-width: 767px) { /* line 81, ../scss/_footer.scss */ footer#siteFooter .lowerFooter .fLeft, footer#siteFooter .lowerFooter .fRight { line-height: 1.5; } /* line 83, ../scss/_footer.scss */ footer#siteFooter .lowerFooter .fLeft span.div.mob, footer#siteFooter .lowerFooter .fRight span.div.mob { display: none; } /* line 86, ../scss/_footer.scss */ footer#siteFooter .lowerFooter .fLeft span.nLine, footer#siteFooter .lowerFooter .fRight span.nLine { display: block; } /* line 90, ../scss/_footer.scss */ footer#siteFooter .associations .mobRow { display: none; } /* line 94, ../scss/_footer.scss */ footer#siteFooter .associations .container { padding: 0; } /* line 97, ../scss/_footer.scss */ footer#siteFooter .associations ul#ticker { display: block; } /* line 101, ../scss/_footer.scss */ footer#siteFooter .associations { padding: 20px 0; padding: 1.25rem 0; } } @media (min-width: 768px) { /* line 107, ../scss/_footer.scss */ .associations .caroufredsel_wrapper { height: 0!important; visibility: hidden; } } @media all and (min-width: 768px) and (max-width: 1300px) { /* line 114, ../scss/_footer.scss */ footer#siteFooter .associations { padding: 10px 0 30px 0; padding: 0.625rem 0 1.875rem 0; } /* line 116, ../scss/_footer.scss */ footer#siteFooter .associations .mobRow { float: left; width: 100%; text-align: center; margin-top: 20px; margin-top: 1.25rem; } /* line 121, ../scss/_footer.scss */ footer#siteFooter .associations .mobRow .logo { width: auto; float: none; } } @media (max-width: 1023px) { /* line 129, ../scss/_footer.scss */ footer#siteFooter .lowerFooter { height: auto; float: left; width: 100%; line-height: normal; padding: 12px 0 17px; padding: 0.75rem 0 1.0625rem; } /* line 136, ../scss/_footer.scss */ footer#siteFooter .lowerFooter .fLeft, footer#siteFooter .lowerFooter .fRight { width: 100%; text-align: center; margin-top: 4px; margin-top: 0.25rem; } /* line 141, ../scss/_footer.scss */ footer#siteFooter .lowerFooter span.div { padding: 0 5px; padding: 0 0.3125rem; } } /* line 3, ../scss/_home.scss */ #banner { margin-top: 184px; margin-top: 11.5rem; position: relative; height: 75vh; overflow: hidden; } /* line 9, ../scss/_home.scss */ #banner .bannerText { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 10; } /* line 12, ../scss/_home.scss */ #banner .bannerText .rotatingText { position: absolute; right: 0; top: 105px; top: 6.5625rem; width: 100%; line-height: 1;min-height:100%; } /* line 18, ../scss/_home.scss */ #banner .bannerText .rotatingText div { width: 650px; width: 40.625rem;min-height:100%; } /* line 21, ../scss/_home.scss */ #banner .bannerText .rotatingText h1 { margin: 0; margin: 0; position: relative; width: 680px; width: 42.5rem; padding: 85px 80px; padding: 5.3125rem 5rem; float: right; } /* line 27, ../scss/_home.scss */ #banner .bannerText .rotatingText h1 span.highlight { display: block; } /* line 30, ../scss/_home.scss */ #banner .bannerText .rotatingText h1:after { content: ""; position: absolute; width: auto; top: 43px; top: 2.6875rem; right: 45px; right: 2.8125rem; bottom: 43px; bottom: 2.6875rem; left: -45px; left: -2.8125rem; width: auto; height: auto; border-width: 1px; border-style: solid; } /* line 44, ../scss/_home.scss */ #banner .bannerText .rotatingText a.arrow { display: block; position: absolute; height: 70px; width: 70px; top:50%;margin-top:-35px; right: 48px; right: 3rem; text-align: center; line-height: 70px; line-height: 4.375rem; } /* line 52, ../scss/_home.scss */ #banner .bannerText .rotatingText a.arrow:hover { right: 42px; right: 2.625rem; } /* line 58, ../scss/_home.scss */ #banner .pagination { position: absolute; right: -10px; right: -0.625rem; bottom: 90px; bottom: 5.625rem; height: 12px; height: 0.75rem; width: auto; z-index: 20; } /* line 65, ../scss/_home.scss */ #banner .pagination ul { margin: 0; padding: 0; list-style-type: none; } /* line 68, ../scss/_home.scss */ #banner .pagination li { box-shadow: 0 0 5px 1px #000000; height: 18px; width: 18px; margin-right: 10px; margin-right: 0.625rem; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; border-radius: 9px; background-clip: padding-box; behavior: url(PIE.htc); float: left; } /* line 73, ../scss/_home.scss */ #banner .pagination li:hover { cursor: pointer; } /* line 81, ../scss/_home.scss */ #banner .bannerInner, #banner .bannerOverflow { overflow: hidden; } /* line 85, ../scss/_home.scss */ #banner .bannerInner { position: absolute; left: 0; width: 100%; z-index: 1; top: 0; } /* line 92, ../scss/_home.scss */ body.home #banner .bannerInner { top: -80px; top: -5rem; } /* line 95, ../scss/_home.scss */ #banner .bannerOverflow { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* line 99, ../scss/_home.scss */ body.employer #banner .bannerText .rotatingText h1 { width: 750px; width: 46.875rem; } /* line 113, ../scss/_home.scss */ #courseCareerSearch { position: relative; margin-top: -85px; margin-top: -5.3125rem; height: 135px; height: 8.4375rem; z-index: 10; } /* line 118, ../scss/_home.scss */ #courseCareerSearch ul.tabs { margin: 0; padding: 0; list-style-type: none; height: 55px; height: 3.4375rem; position: relative; } /* line 122, ../scss/_home.scss */ #courseCareerSearch ul.tabs li { position: absolute; left: 300px; left: 19.2rem; width: 300px; width: 18.75rem; height: 55px; height: 3.4375rem; bottom: 0; } /* line 128, ../scss/_home.scss */ #courseCareerSearch ul.tabs li a { display: block; line-height: 45px; line-height: 2.8125rem; text-align: center; margin-top: 10px; margin-top: 0.625rem; } /* line 134, ../scss/_home.scss */ #courseCareerSearch ul.tabs li:first-child { left: 0; } /* line 137, ../scss/_home.scss */ #courseCareerSearch ul.tabs li a.current { margin-top: 0; line-height: 55px; line-height: 3.4375rem; } /* line 141, ../scss/_home.scss */ #courseCareerSearch ul.tabs li a:hover { cursor: pointer; } /* line 146, ../scss/_home.scss */ #courseCareerSearch .tab-content { float: left; width: 100%; height: 0; opacity: 0; display: none; transition: opacity 0.2s ease-in 0s; position: relative; padding: 15px 20px; padding: 0.9375rem 1.25rem; } /* line 155, ../scss/_home.scss */ #courseCareerSearch .tab-content .mobTitle { display: none; line-height: 1.2; } /* line 159, ../scss/_home.scss */ #courseCareerSearch .tab-content .mobExpandAction { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 43px; height: 2.6875rem; line-height: 45px; line-height: 2.8125rem; text-align: right; padding: 0 15px; padding: 0 0.9375rem; } /* line 169, ../scss/_home.scss */ #courseCareerSearch .tab-content .mobExpandAction.active i { transform: rotate(180deg); } /* line 173, ../scss/_home.scss */ #courseCareerSearch .tab-content.current { height: 80px; height: 5rem; opacity: 1; display: block; } /* line 178, ../scss/_home.scss */ #courseCareerSearch .tab-content .selectWrapper { position: relative; } /* line 181, ../scss/_home.scss */ #courseCareerSearch .tab-content .selectWrapper i { position: absolute; right: 20px; right: 1.25rem; top: 50%; transform: translateY(-50%); pointer-events: none; } /* line 188, ../scss/_home.scss */ #courseCareerSearch .tab-content input.searchInput { float: left; top: 0; left: 10px; left: 0.625rem; width: 59%; width: 59%; height: 50px; height: 3.125rem; min-height: 50px; min-height: 3.125rem; padding: 3px 25px; padding: 0.1875rem 1.5625rem; border: none; color: /*#444444*/#000000; -webkit-appearance: none; border-radius: 0; outline: none; z-index: 10; background: #fff; } /* line 203, ../scss/_home.scss */ #courseCareerSearch .tab-content input.searchInput::-webkit-input-placeholder { color: /*#444444*/#000000; opacity: 1; } /* line 207, ../scss/_home.scss */ #courseCareerSearch .tab-content input.searchInput:moz-placeholder { color: /*#444444*/#000000; opacity: 1; } /* line 211, ../scss/_home.scss */ #courseCareerSearch .tab-content input.searchInput::-moz-placeholder { color: /*#444444*/#000000; opacity: 1; } /* line 215, ../scss/_home.scss */ #courseCareerSearch .tab-content input.searchInput:-ms-input-placeholder { color: /*#444444*/#000000; opacity: 1; } /* line 220, ../scss/_home.scss */ #courseCareerSearch .tab-content .mobSelect { position: absolute; height: 50px; height: 3.125rem; left: 59%; margin-left: 14px; margin-left: 0.875rem; right: 90px; right: 5.625rem; top: 15px; top: 0.9375rem; } /* line 227, ../scss/_home.scss */ #courseCareerSearch .tab-content .mobSelect i { position: absolute; pointer-events: none; top: 50%; transform: translateY(-50%); right: 20px; right: 1.25rem; } /* line 235, ../scss/_home.scss */ #courseCareerSearch .tab-content .selectChoice { float: left; position: relative; display: block; line-height: 1.3; width: 100%; height: 50px; height: 3.125rem; min-height: 50px; min-height: 3.125rem; max-width: 100%; margin: 0; padding: 0 25px; padding: 0 1.5625rem; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; border: none; -webkit-border-radius: 0; } #courseCareerSearch .tab-content .selectChoice::-ms-expand { display: none; } /* line 253, ../scss/_home.scss */ #courseCareerSearch .tab-content .selectChoice:-ms-expand { display: none; } /* line 256, ../scss/_home.scss */ #courseCareerSearch .tab-content button.searchBTN { float: right; width: 50px; width: 3.125rem; height: 50px; height: 3.125rem; border: none!important; -webkit-appearance: none; padding: 0; line-height: normal; } /* line 266, ../scss/_home.scss */ #courseCareerSearch #tab-2.tab-content .mobExpand { width: auto; position: absolute; height: 50px; height: 3.125rem; left: 20px; left: 1.25rem; right: 90px; right: 5.625rem; top: 15px; top: 0.9375rem; } /* line 273, ../scss/_home.scss */ #courseCareerSearch #tab-2.tab-content .mobExpand input.searchInput { width: 100%; } /* line 276, ../scss/_home.scss */ #courseCareerSearch #tab-2.tab-content .mobExpand button.searchBTN { position: absolute; top: 0; right: -70px; right: -4.375rem; } /* line 282, ../scss/_home.scss */ #courseCareerSearch .mobBG { display: block; top: 16px; top: 1rem; bottom: 0; height: auto; left: 0; width: 100%; position: absolute; content: ""; background-color: #f1f0ef; z-index: -1; display: none; } /*#courseCareerSearch #tab-1.tab-content .mobExpand:after { content: "\f063"; position: absolute; right: 4.9840%; @include rem(margin-right, 22px); @include rem(bottom, 13px); @include rem(width, 40px); @include rem(height, 50px); @include rem(line-height, 50px); font-family: 'Font Awesome 5 Free'; font-weight: 900; }*/ /* line 312, ../scss/_home.scss */ #sectorNav { display: none; padding: 20px 5%; padding: 1.25rem 5%; } /* line 315, ../scss/_home.scss */ #sectorNav ul { margin: 0; padding: 0; list-style-type: none; } /* line 317, ../scss/_home.scss */ #sectorNav ul li { margin-bottom: 7px; margin-bottom: 0.4375rem; } /* line 320, ../scss/_home.scss */ #sectorNav ul li a { padding: 14px 15px; padding: 0.875rem 0.9375rem; display: block; } /* line 323, ../scss/_home.scss */ #sectorNav ul li a i { float: right; } /* line 332, ../scss/_home.scss */ #welcomeMessage { padding: 60px 0; padding: 3.75rem 0; line-height: 1.32; text-align: center; } /* line 336, ../scss/_home.scss */ #welcomeMessage .central { position: relative; width: 100%; padding: 0 12%; padding: 0 12%; } /* line 340, ../scss/_home.scss */ #welcomeMessage .central a.more { position: relative; display: inline-block; padding-right: 20px; padding-right: 1.25rem; } /* line 345, ../scss/_home.scss */ #welcomeMessage .central a.more i { right: 0; right: 0; position: absolute; top: 2px; } /* line 350, ../scss/_home.scss */ #welcomeMessage .central a.more:hover i { right: -5px; right: -0.3125rem; } /* line 359, ../scss/_home.scss */ #newsScroller { clear: both; padding: 65px 0 105px 0; padding: 4.0625rem 0 6.5625rem 0; overflow: hidden; } /* line 363, ../scss/_home.scss */ #newsScroller h1 { margin: 0; } /* line 367, ../scss/_home.scss */ #newsScroller .news.owl-carousel, #newsScroller .newsItem { float: left; width: 100%; } /* line 371, ../scss/_home.scss */ #newsScroller .holder { max-width: 1296px; margin: 47px auto 0 auto; } /* line 375, ../scss/_home.scss */ #newsScroller .newsItem figure { float: left; margin: 0; height: 310px; height: 19.375rem; position: relative; overflow: hidden; width: 50%; } /* line 382, ../scss/_home.scss */ #newsScroller .newsItem figure a { display: block; height: 310px; height: 19.375rem; position: relative; } /* line 387, ../scss/_home.scss */ #newsScroller .newsItem figure img { position: absolute; top: 50%; left: 50%; height: 100%; transform: scale(1) translate(-50%, -50%); -webkit-transform: scale(1) translate(-50%, -50%);width:auto !important } /* line 395, ../scss/_home.scss */ #newsScroller .newsItem figure a:hover img { transform: scale(1.1) translate(-45%, -45%); -webkit-transform: scale(1.1) translate(-45%, -45%); } /* line 400, ../scss/_home.scss */ #newsScroller .newsItem .itemContent { float: left; height: 310px; height: 19.375rem; width: 50%; padding: 40px 40px 75px 40px; padding: 2.5rem 2.5rem 4.6875rem 2.5rem; position: relative; } /* line 407, ../scss/_home.scss */ #newsScroller .newsItem .itemContent .title, #newsScroller .newsItem .itemContent .date { float: left; width: 100%; line-height: 1.2; } /* line 412, ../scss/_home.scss */ #newsScroller .newsItem .itemContent .date { margin-top: 22px; margin-top: 1.375rem; } /* line 415, ../scss/_home.scss */ #newsScroller .newsItem .itemContent a.more { position: absolute; left: 40px; left: 2.5rem; bottom: 40px; bottom: 2.5rem; } /* line 419, ../scss/_home.scss */ #newsScroller .newsItem .itemContent a.more i { margin-left: 5px; margin-left: 0.3125rem; } /* line 423, ../scss/_home.scss */ #newsScroller .newsItem .itemContent a.more:hover i { margin-left: 10px; margin-left: 0.625rem; } /* line 427, ../scss/_home.scss */ #newsScroller .container.clear { clear: both; } /* line 430, ../scss/_home.scss */ #newsScroller a.viewAll { position: absolute; right: 55px; right: 3.4375rem; top: 15px; top: 0.9375rem; } /* line 434, ../scss/_home.scss */ #newsScroller a.viewAll i { margin-left: 5px; margin-left: 0.3125rem; } /* line 443, ../scss/_home.scss */ #eventScroller { position: relative; clear: both; padding: 50px 0 50px 0; padding: 3.125rem 0 3.125rem 0; } /* line 448, ../scss/_home.scss */ #eventScroller:before, #eventScroller:after { content: ""; position: absolute; height: 40px; height: 2.5rem; width: 66.736%; } /* line 454, ../scss/_home.scss */ #eventScroller:before { top: -40px; top: -2.5rem; left: 0; } /* line 458, ../scss/_home.scss */ #eventScroller:after { bottom: -40px; bottom: -2.5rem; right: 0; } /* line 462, ../scss/_home.scss */ #eventScroller h1 { margin: 0; position: relative; } /* line 465, ../scss/_home.scss */ #eventScroller h1:before { left: -12px; left: -0.78rem; top: -90px; top: -5.625rem; bottom: -22px; bottom: -1.375rem; right: 50%; width: auto; height: auto; position: absolute; content: ""; border-style: solid; border-width: 1px; border-top-color: transparent; } /* line 479, ../scss/_home.scss */ #eventScroller .scroller { width: 100%; margin-top: 60px; margin-top: 3.75rem; } /* line 483, ../scss/_home.scss */ #eventScroller .scroller .item { position: relative; float: left; width: 100%; overflow: hidden; } /* line 488, ../scss/_home.scss */ #eventScroller .scroller .item a { float: left; width: 100%; display: block; } /* line 493, ../scss/_home.scss */ #eventScroller .scroller .item .eventInfo { position: relative; float: left; width: 100%; z-index: 10; padding: 31px 55px 90px 35px; padding: 1.9375rem 3.4375rem 5.625rem 2.1875rem; } /* line 500, ../scss/_home.scss */ #eventScroller .scroller .item .eventName { margin-bottom: 30px; margin-bottom: 1.875rem; line-height: 1.03; } /* line 504, ../scss/_home.scss */ #eventScroller .scroller .item .eventMore { position: absolute; bottom: 25px; bottom: 1.5625rem; left: 35px; left: 2.1875rem; visibility: visible; opacity: 1; } /* line 510, ../scss/_home.scss */ #eventScroller .scroller .item .eventMore i { margin-left: 5px; margin-left: 0.3125rem; } /* line 514, ../scss/_home.scss */ #eventScroller .scroller .item .eventMoreHighlight { position: absolute; bottom: 25px; bottom: 1.5625rem; right: 35px; right: 2.1875rem; opacity: 0; visibility: hidden; } /* line 520, ../scss/_home.scss */ #eventScroller .scroller .item .eventMoreHighlight i { margin-left: 5px; margin-left: 0.3125rem; } /* line 525, ../scss/_home.scss */ #eventScroller .scroller .item .eventImage, #eventScroller .scroller .item .eventImageOverlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* line 528, ../scss/_home.scss */ #eventScroller .scroller .item .eventImage { z-index: 1; background-size: cover; background-repeat: no-repeat; opacity: 0; visibility: hidden; } /* line 535, ../scss/_home.scss */ #eventScroller .scroller .item .eventImageOverlay { z-index: 2; opacity: 0; visibility: hidden; } /* line 541, ../scss/_home.scss */ #eventScroller .scroller .item a:hover .eventImage { transform: scale(1.1); } /* line 544, ../scss/_home.scss */ #eventScroller .scroller .item a:hover .eventMore i { margin-left: 10px; margin-left: 0.625rem; } /* line 550, ../scss/_home.scss */ #eventScroller .scroller .owl-item.centerC4 .item1 .eventName { line-height: 1.05; } /* line 555, ../scss/_home.scss */ #eventScroller .scroller .owl-item.centerC4 .item1 .eventImage, #eventScroller .scroller .owl-item.centerC4 .item1 .eventImageOverlay, #eventScroller .scroller .owl-item.centerC4 .item1 .eventMoreHighlight { opacity: 1; visibility: visible; } /* line 559, ../scss/_home.scss */ #eventScroller .scroller .owl-item.centerC4 .item1 .eventMore { opacity: 0; visibility: hidden; } /* line 565, ../scss/_home.scss */ #eventScroller a.viewAll { position: absolute; right: 50px; right: 3.125rem; top: 33px; top: 2.0625rem; z-index: 10; } /* line 570, ../scss/_home.scss */ #eventScroller a.viewAll i { margin-left: 5px; margin-left: 0.3125rem; } /* line 583, ../scss/_home.scss */ #newsScroller .owl-nav, #eventScroller .owl-nav, #courseScroller .owl-nav, #whoWeWorkWith .owl-nav, #relatedCourseScroller .owl-nav { position: absolute; width: 150px; width: 9.75rem; cursor: pointer; z-index: 300; left: 50%; display: block; top: -75px; top: -4.6875rem; margin-left: 510px; margin-left: 31.875rem; } #courseScroller .owl-nav { position: absolute; width: 100px; width: 6.25rem; cursor: pointer; z-index: 300; left: 50%; display: block; top: -75px; top: -4.6875rem; margin-left: 560px; margin-left: 35rem; } #courseScroller .owl-dots{display:none} /* line 594, ../scss/_home.scss */ #newsScroller .owl-prev, #newsScroller .owl-next, #eventScroller .owl-prev, #eventScroller .owl-next, #courseScroller .owl-prev, #courseScroller .owl-next, #whoWeWorkWith .owl-prev, #whoWeWorkWith .owl-next, #relatedCourseScroller .owl-prev, #relatedCourseScroller .owl-next,#newsScroller .owl-pause, #eventScroller .owl-pause, #courseScroller .owl-pause, #whoWeWorkWith .owl-pause, #relatedCourseScroller .owl-pause,#videos .owl-pause { height: 50px; width: 50px; position: absolute; top: 0; top: 0; outline: none; } /* line 599, ../scss/_home.scss */ #newsScroller .owl-prev:before, #newsScroller .owl-next:before, #eventScroller .owl-prev:before, #eventScroller .owl-next:before, #courseScroller .owl-prev:before, #courseScroller .owl-next:before, #whoWeWorkWith .owl-prev:before, #whoWeWorkWith .owl-next:before, #relatedCourseScroller .owl-prev:before, #relatedCourseScroller .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: 48px; line-height: 3rem; } /* line 607, ../scss/_home.scss */ #newsScroller .owl-prev, #eventScroller .owl-prev, #courseScroller .owl-prev, #whoWeWorkWith .owl-prev, #relatedCourseScroller .owl-prev { left: 0px; left: 0rem; } #newsScroller .owl-pause, #eventScroller .owl-pause, #courseScroller .owl-pause, #whoWeWorkWith .owl-pause, #relatedCourseScroller .owl-pause {position:absolute; left: 50%;margin-left:-25px;font-weight: 900; font-family: 'Font Awesome 5 Free';background:none;border:none;padding:0px;appearance:none;color:white; } @media (max-width: 1023px) { #newsScroller .owl-pause, #eventScroller .owl-pause, #courseScroller .owl-pause, #whoWeWorkWith .owl-pause, #relatedCourseScroller .owl-pause {margin-left:-20px; } } #newsScroller .owl-dots{display:none !important} #eventScroller .owl-dots{display:none !important} /* line 609, ../scss/_home.scss */ #newsScroller .owl-prev:before, #eventScroller .owl-prev:before, #courseScroller .owl-prev:before, #whoWeWorkWith .owl-prev:before, #relatedCourseScroller .owl-prev:before { content: "\f060"; margin-left: -1px; margin-left: -0.0625rem; } #newsScroller .owl-pause:before, #eventScroller .owl-pause:before, #courseScroller .owl-pause:before, #whoWeWorkWith .owl-pause:before, #relatedCourseScroller .owl-pause:before { content: "\f04c"; margin-left: -1px; margin-left: -0.0625rem; } #newsScroller .owl-pause.owl-play:before, #eventScroller .owl-pause.owl-play:before, #courseScroller .owl-pause.owl-play:before, #whoWeWorkWith .owl-pause.owl-play:before, #relatedCourseScroller .owl-pause.owl-play:before { content: "\f04b"; margin-left: -1px; margin-left: -0.0625rem; } #videos .owl-pause:before{ content: "\f04c"; margin-left: -1px; margin-left: -0.0625rem;font-size: 18px; font-size: 1.125rem; } #videos .owl-pause.owl-play:before{ content: "\f04b"; margin-left: -1px; margin-left: -0.0625rem; } #videos .owl-pause {position:absolute; right:0px;font-weight: 900; font-family: 'Font Awesome 5 Free';background:none;border:none;padding:0px;appearance:none;color:white; } #videos .owl-prev,#videos .owl-next{display:none} #videos .owl-nav{ position: absolute; width: 50px; width: 3.25rem; cursor: pointer; z-index: 300; right:0px; display: block; top:auto;bottom:40px; } .owl-prev:focus-visible, .owl-next:focus-visible, .owl-pause:focus-visible{ outline: 1px solid rgb(16, 16, 16) !important; outline-offset: 1px !important; outline-style: auto !important; } .owl-item:focus-within{ outline: 1px solid rgb(16, 16, 16) !important; outline-offset: 1px !important; outline-style: auto !important; } #collegeLinks .linkSet:focus-within{ outline: 1px solid rgb(16, 16, 16) !important; outline-offset: 1px !important; outline-style: auto !important; } .newsList li:focus-within,#sidebar .qLink:focus-within, .mobileSidebar .qLink:focus-within,.rightSidebar .qLink:focus-within,.introVideo .qLink:focus-within{outline: 1px solid rgb(16, 16, 16) !important; outline-offset: 1px !important; outline-style: auto !important;} .button.apply:focus-within{ outline: 1px solid rgb(16, 16, 16) !important; outline-offset: 1px !important; outline-style: auto !important; } #eventScroller .owl-dot{display:none} a.mobileMenuBTN:focus-visible{ outline: 1px solid rgb(16, 16, 16) !important; outline-offset: 1px !important; outline-style: auto !important; } #eventScroller .owl-pause:hover, #courseScroller .owl-pause:hover, #whoWeWorkWith .owl-pause:hover, #relatedCourseScroller .owl-pause:hover{color: /*#444444*/#000000;} #newsScroller .owl-pause{color: #233E76;} #videos .owl-pause{color: /*#444444*/#000000;} #newsScroller .owl-pause:hover,#videos .owl-pause:hover{color: #C55300;} /* line 614, ../scss/_home.scss */ #newsScroller .owl-next, #eventScroller .owl-next, #courseScroller .owl-next, #whoWeWorkWith .owl-next, #relatedCourseScroller .owl-next { right: 0px; right: 0rem; } /* line 616, ../scss/_home.scss */ #newsScroller .owl-next:before, #eventScroller .owl-next:before, #courseScroller .owl-next:before, #whoWeWorkWith .owl-next:before, #relatedCourseScroller .owl-next:before { content: "\f061"; margin-left: 1px; margin-left: 0.0625rem; } /* line 626, ../scss/_home.scss */ #videos { padding: 75px 0 55px 0; padding: 4.6875rem 0 3.4375rem 0; } /* line 628, ../scss/_home.scss */ #videos h1 { margin: 0; } /* line 631, ../scss/_home.scss */ #videos .holder { float: left; width: 100%; margin-top: 45px; margin-top: 2.8125rem; overflow: hidden; } /* line 636, ../scss/_home.scss */ #videos .holder .video { width: 100%; float: right; position: relative; padding-bottom: 56.2%; } /* line 642, ../scss/_home.scss */ #videos .holder .video:first-of-type { float: left; } /* line 645, ../scss/_home.scss */ #videos .holder .owl-dots { height: 26px; height: 1.625rem; margin-top: 47px; margin-top: 2.9375rem; text-align: left; } /* line 649, ../scss/_home.scss */ #videos .holder .owl-dots button { height: 16px; width: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; background-clip: padding-box; behavior: url(PIE.htc); display: inline-block; margin: 0 4px; margin: 0 0.25rem; } /* line 662, ../scss/_home.scss */ #collegeLinks { padding: 80px 0; padding: 5rem 0; } /* line 664, ../scss/_home.scss */ #collegeLinks h1 { margin: 0; } /* line 667, ../scss/_home.scss */ #collegeLinks .linkSet { float: left; width: 32.0512%; margin-left: 1.9232%; height: 325px; height: 20.3125rem; position: relative; } /* line 673, ../scss/_home.scss */ #collegeLinks .linkSet:first-of-type { margin-left: 0; } /* line 676, ../scss/_home.scss */ #collegeLinks .linkSet figure { position: absolute; top: 0; left: 0; width: 100%; margin: 0; height: 280px; height: 17.5rem; z-index: 1; overflow: hidden; } /* line 685, ../scss/_home.scss */ #collegeLinks .linkSet figure img { position: absolute; top: 50%; left: 50%; transform: scale(1) translate(-50%, -50%); -webkit-transform: scale(1) translate(-50%, -50%); max-width: 110%; } /* line 694, ../scss/_home.scss */ #collegeLinks .linkSet a:hover figure img { transform: scale(1.1) translate(-45%, -45%); -webkit-transform: scale(1.1) translate(-45%, -45%); } /* line 698, ../scss/_home.scss */ #collegeLinks .linkSet .linkName { position: absolute; bottom: 0; z-index: 10; width: 100%; height: 80px; height: 5rem; text-align: center; } /* line 705, ../scss/_home.scss */ #collegeLinks .linkSet .linkName .vAlign { display: inline-block; height: 80px; height: 5rem; padding: 0 45px; padding: 0 2.8125rem; position: relative; } /* line 711, ../scss/_home.scss */ #collegeLinks .linkSet .linkName .center { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; width: 100%; line-height: 1.2; } /* line 722, ../scss/_home.scss */ #collegeLinks .linkSet.top figure { top: auto; bottom: 0; } /* line 726, ../scss/_home.scss */ #collegeLinks .linkSet.top .linkName { bottom: auto; top: 0; } /* line 733, ../scss/_home.scss */ #collegeLinks .linkSet.rightTopBorder .linkName .vAlign:before, #collegeLinks .linkSet.leftBottomBorder .linkName .vAlign:before, #collegeLinks .linkSet.leftTopBorder .linkName .vAlign:before { position: absolute; content: ""; border-style: solid; border-width: 1px; } /* line 739, ../scss/_home.scss */ #collegeLinks .linkSet.rightTopBorder .linkName .vAlign:before { left: 12px; left: 0.78rem; top: -12px; top: -0.78rem; bottom: -1px; bottom: -0.0625rem; right: -12px; right: -0.78rem; width: auto; height: auto; } /* line 747, ../scss/_home.scss */ #collegeLinks .linkSet.leftBottomBorder .linkName .vAlign:before { right: 12px; right: 0.78rem; bottom: -12px; bottom: -0.78rem; top: -1px; top: -0.0625rem; left: -12px; left: -0.78rem; width: auto; height: auto; } /* line 755, ../scss/_home.scss */ #collegeLinks .linkSet.leftTopBorder .linkName .vAlign:before { right: 12px; right: 0.78rem; top: -12px; top: -0.78rem; bottom: -1px; bottom: -0.0625rem; left: -12px; left: -0.78rem; width: auto; height: auto; } @media (max-width: 767px) { /* line 774, ../scss/_home.scss */ #banner .pagination li { height: 12px; width: 12px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; } #welcomeMessage { padding: 40px 0; padding: 2.5rem 0; } /* line 776, ../scss/_home.scss */ #welcomeMessage .central { padding: 0%; } /* line 780, ../scss/_home.scss */ #banner { margin-top: 0px; margin-top: 0rem; width: 100%; } /* line 783, ../scss/_home.scss */ #banner .bannerText .rotatingText { top: 45px; top: 2.8125rem; } /* line 785, ../scss/_home.scss */ #banner .bannerText .rotatingText a.arrow { height: 25px; width: 25px; line-height: 25px; line-height: 1.5625rem; bottom: 14px; bottom: 0.875rem; right: 17px; right: 1.0625rem; } /* line 792, ../scss/_home.scss */ #banner .pagination { right: auto; left: 5%; bottom: 50px; bottom: 1.725rem; } /* line 801, ../scss/_home.scss */ body.home #banner, body.home #banner .container, body.home #banner .bannerInner, body.home #banner .bannerOverflow { height: 300px; height: 18.75rem; } /* line 804, ../scss/_home.scss */ #banner .bannerText .rotatingText { right: 5%; } /* line 806, ../scss/_home.scss */ #banner .bannerText .rotatingText h1 { width: 200px; width: 12.5rem; padding: 40px 40px 40px 30px; padding: 2.5rem 2.5rem 2.5rem 1.875rem; } /* line 809, ../scss/_home.scss */ #banner .bannerText .rotatingText h1:after { top: 10px; top: 0.625rem; right: 10px; right: 0.625rem; bottom: 10px; bottom: 0.625rem; left: -10px; left: -0.625rem; } /* line 817, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder .tab-content .mobExpand { display: none; float: left; width: 100%; position: relative; height: 105px; height: 6.5625rem; } /* line 824, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder #tab-2.tab-content .mobExpand { height: 40px; height: 2.5rem; left: 15px; left: 0.9375rem; right: 68px; right: 4.25rem; } /* line 828, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder #tab-2.tab-content .mobExpand button.searchBTN { right: -53px; right: -3.3125rem; } /* line 832, ../scss/_home.scss */ #courseCareerSearch .tab-content .mobExpandAction { display: block; } /* line 835, ../scss/_home.scss */ #courseCareerSearch { margin-top: -16px; margin-top: -1rem; height: auto; } /* line 838, ../scss/_home.scss */ #courseCareerSearch .mobBG { display: block; } /* line 841, ../scss/_home.scss */ #courseCareerSearch .tab-content .mobSelect i { right: 15px; right: 0.9375rem; } /* line 845, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder ul.tabs { display: none; } /* line 848, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder .tab-content { display: block; height: auto; opacity: 1; padding: 15px 65px 2px 15px; padding: 0.9375rem 4.0625rem 0.125rem 0.9375rem; } /* line 853, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder .tab-content .mobTitle { display: block; margin-bottom: 12px; margin-bottom: 0.75rem; position: relative; } /* line 858, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder .tab-content input.searchInput { height: 40px; height: 2.5rem; min-height: 40px; min-height: 2.5rem; padding: 3px 15px; padding: 0.1875rem 0.9375rem; } /* line 863, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder .tab-content button.searchBTN { height: 40px; width: 40px; position: absolute; right: 0; right: 0; } /* line 869, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder #tab-1.tab-content { padding: 15px 15px 2px 15px; padding: 0.9375rem 0.9375rem 0.125rem 0.9375rem; height: auto; } /* line 873, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder .mobSelect { left: 0; left: 0; right: 53px; right: 3.3125rem; position: absolute; bottom: 15px; bottom: 0.9375rem; height: 40px; height: 2.5rem; top: auto; margin-left: 0; } /* line 882, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder .selectChoice { height: 40px; height: 2.5rem; min-height: 40px; min-height: 2.5rem; line-height: 40px; line-height: 2.5rem; margin: 0; width: 100%; max-width: none; padding: 0 15px; padding: 0 0.9375rem; } /* line 891, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder #tab-1.tab-content:after { top: auto; bottom: 15px; bottom: 0.9375rem; height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; right: 56px; right: 3.5rem; margin-right: 0; } /* line 899, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder #tab-2 { padding: 20px 15px 2px 15px; padding: 1.25rem 0.9375rem 0.125rem 0.9375rem; } /* line 901, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder #tab-2 .mobExpandAction { height: 56px; height: 3.5rem; line-height: 67px; line-height: 4.1875rem; } /* line 905, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder #tab-2 .mobExpand { top: 55px; top: 3.4375rem; } /* line 908, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder #tab-2.active { height: 115px; height: 7.1875rem; } /* line 912, ../scss/_home.scss */ #courseCareerSearch .tabbedHolder #tab-2.tab-content:before { position: absolute; top: 0; right: 0; width: 28%; height: 15px; height: 0.9375rem; content: ""; } /* line 922, ../scss/_home.scss */ #courseCareerSearch #tab-1.tab-content .mobExpand:after { bottom: 10px; bottom: 0.625rem; right: 45px; right: 2.8125rem; margin-right: 0; } /* line 928, ../scss/_home.scss */ #courseCareerSearch #tab-2.tab-content input.searchInput, #courseCareerSearch .tabbedHolder .tab-content input.searchInput { width: 100%; } /* line 932, ../scss/_home.scss */ body.home #courseCareerSearch #tab-1.tab-content button.searchBTN, body.config-2 #courseCareerSearch #tab-1.tab-content button.searchBTN { margin-top: 50px; margin-top: 3.125rem; } /* line 935, ../scss/_home.scss */ #welcomeMessage { padding: 25px 0; padding: 1.5625rem 0; } /* line 938, ../scss/_home.scss */ #newsScroller { padding: 25px 0 90px 0; padding: 1.5625rem 0 5.625rem 0; } /* line 940, ../scss/_home.scss */ #newsScroller .holder { margin-top: 20px; margin-top: 1.25rem; } /* line 943, ../scss/_home.scss */ #newsScroller .newsItem figure { display: none; } /* line 946, ../scss/_home.scss */ #newsScroller .newsItem .itemContent { width: 100%; padding: 25px 25px 55px 25px; padding: 1.5625rem 1.5625rem 3.4375rem 1.5625rem; height: 260px; height: 16.25rem; } /* line 950, ../scss/_home.scss */ #newsScroller .newsItem .itemContent a.more { bottom: 25px; bottom: 1.5625rem; left: 25px; left: 1.5625rem; } /* line 959, ../scss/_home.scss */ #newsScroller .owl-nav, #eventScroller .owl-nav, #courseScroller .owl-nav, #whoWeWorkWith .owl-nav { margin-left: 0; right: -10px; right: -0.625rem; left: auto; width: 120px; width: 7.5rem; top: -55px; top: -3.4375rem; } /* line 966, ../scss/_home.scss */ #newsScroller a.viewAll { right: 5%; } /* line 969, ../scss/_home.scss */ #sectorNav { display: block; } /* line 972, ../scss/_home.scss */ #eventScroller { padding: 10px 0 20px 0; padding: 0.625rem 0 1.25rem 0; } /* line 974, ../scss/_home.scss */ #eventScroller .holder { max-width: 90%!important; } /* line 977, ../scss/_home.scss */ #eventScroller a.viewAll { right: 5%; z-index: 100; top: 10px; top: 0.625rem; } /* line 983, ../scss/_home.scss */ #eventScroller:before, #eventScroller:after { width: 75%!important; height: 30px; height: 1.875rem; } /* line 987, ../scss/_home.scss */ #eventScroller:before { top: -30px; top: -1.875rem; } /* line 990, ../scss/_home.scss */ #eventScroller:after { bottom: -30px; bottom: -1.875rem; } /* line 993, ../scss/_home.scss */ #eventScroller h1:before { top: -41px; top: -2.5625rem; } /* line 997, ../scss/_home.scss */ #videos { padding: 65px 0 20px 0; padding: 4.0625rem 0 1.25rem 0; } /* line 1000, ../scss/_home.scss */ #videos .holder { margin-top: 20px; margin-top: 1.25rem; } /* line 1002, ../scss/_home.scss */ #videos .holder .owl-dots { margin-top: 20px; margin-top: 1.25rem; } /* line 1006, ../scss/_home.scss */ #collegeLinks { padding: 40px 0 25px 0; padding: 2.5rem 0 1.5625rem 0; text-align: center; } /* line 1009, ../scss/_home.scss */ #collegeLinks .linkSet { width: 290px; width: 18.125rem; margin: 0 0 25px 0; margin: 0 0 1.5625rem 0; float: none; display: inline-block; height: 180px; height: 11.25rem; } /* line 1015, ../scss/_home.scss */ #collegeLinks .linkSet figure { height: 165px; height: 10.3125rem; } /* line 1019, ../scss/_home.scss */ #collegeLinks .linkSet .linkName, #collegeLinks .linkSet .linkName .vAlign { height: 45px; height: 2.8125rem; } /* line 1026, ../scss/_home.scss */ #collegeLinks .linkSet.leftTopBorder .linkName .vAlign:before, #collegeLinks .linkSet.rightTopBorder .linkName .vAlign:before, #collegeLinks .linkSet.leftBottomBorder .linkName .vAlign:before { top: -10px; top: -0.625rem; bottom: -10px; bottom: -0.625rem; } /* line 1030, ../scss/_home.scss */ #collegeLinks .linkSet.rightTopBorder .linkName .vAlign:before { left: 10px; left: 0.625rem; right: -10px; right: -0.625rem; } /* line 1035, ../scss/_home.scss */ #collegeLinks .linkSet.leftBottomBorder .linkName .vAlign:before, #collegeLinks .linkSet.leftTopBorder .linkName .vAlign:before { left: -10px; left: -0.625rem; right: 10px; right: 0.625rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 1042, ../scss/_home.scss */ #banner { margin-top: -40px; margin-top: -2.5rem; width: 100%; } /* line 1045, ../scss/_home.scss */ #banner .bannerText .rotatingText { top: 45px; top: 2.8125rem; } /* line 1048, ../scss/_home.scss */ #banner .pagination { right: auto; left: 5%; bottom: 100px; bottom: 6.25rem; } /* line 1053, ../scss/_home.scss */ #banner .bannerText .rotatingText a.arrow { height: 30px; width: 30px; line-height: 30px; line-height: 1.875rem; bottom: 24px; bottom: 1.5rem; right: 28px !important; right: 1.75rem !important; } /* line 1063, ../scss/_home.scss */ body.home #banner, body.home #banner .container, body.home #banner .bannerInner, body.home #banner .bannerOverflow { height: 400px; height: 25rem; } /* line 1066, ../scss/_home.scss */ #banner .bannerText .rotatingText { right: 5%; } /* line 1068, ../scss/_home.scss */ #banner .bannerText .rotatingText h1 { width: 350px; width: 21.875rem; padding: 40px 40px 40px 30px; padding: 2.5rem 2.5rem 2.5rem 1.875rem; } /* line 1071, ../scss/_home.scss */ #banner .bannerText .rotatingText h1:after { top: 15px; top: 0.9375rem; right: 15px; right: 0.9375rem; bottom: 15px; bottom: 0.9375rem; left: -15px; left: -0.9375rem; } /* line 1079, ../scss/_home.scss */ body.employer #banner .bannerText .rotatingText h1 { width: 400px; width: 25rem; } /* line 1082, ../scss/_home.scss */ #courseCareerSearch { margin-top: -66px; margin-top: -4.125rem; } /* line 1085, ../scss/_home.scss */ #courseCareerSearch .tab-content input.searchInput { width: 43.8%; } /* line 1088, ../scss/_home.scss */ #courseCareerSearch .tab-content .mobSelect { left: 43.8%; } /* line 1091, ../scss/_home.scss */ #courseCareerSearch #tab-1.tab-content .mobExpand:after { margin-right: 28px; margin-right: 1.75rem; } /* line 1094, ../scss/_home.scss */ #welcomeMessage { padding: 40px 0 50px 0; padding: 2.5rem 0 3.125rem 0; } /* line 1096, ../scss/_home.scss */ #welcomeMessage .central { padding: 0 2%; } /* line 1100, ../scss/_home.scss */ #newsScroller { padding: 30px 0 70px 0; padding: 1.875rem 0 4.375rem 0; } /* line 1102, ../scss/_home.scss */ #newsScroller a.viewAll { top: 22px; top: 1.375rem; } /* line 1106, ../scss/_home.scss */ #eventScroller { padding: 22px 0; padding: 1.375rem 0; } /* line 1108, ../scss/_home.scss */ #eventScroller .holder { max-width: 90%!important; } /* line 1111, ../scss/_home.scss */ #eventScroller h1:before { top: -63px; top: -3.9375rem; right: 70%; } /* line 1116, ../scss/_home.scss */ #eventScroller a.viewAll { top: 12px; top: 0.75rem; z-index: 10; } /* line 1120, ../scss/_home.scss */ #videos { padding: 55px 0 45px 0; padding: 3.4375rem 0 2.8125rem 0; } /* line 1123, ../scss/_home.scss */ #collegeLinks { padding: 40px 0 25px 0; padding: 2.5rem 0 1.5625rem 0; text-align: center; } /* line 1126, ../scss/_home.scss */ #collegeLinks .linkSet { width: 500px; width: 31.25rem; margin: 0 0 25px 0; margin: 0 0 1.5625rem 0; float: none; display: inline-block; } /* line 1135, ../scss/_home.scss */ #collegeLinks .linkSet.leftTopBorder .linkName .vAlign:before, #collegeLinks .linkSet.rightTopBorder .linkName .vAlign:before, #collegeLinks .linkSet.leftBottomBorder .linkName .vAlign:before { top: -20px; top: -1.25rem; bottom: -20px; bottom: -1.25rem; } /* line 1142, ../scss/_home.scss */ #newsScroller .owl-nav, #eventScroller .owl-nav, #courseScroller .owl-nav, #whoWeWorkWith .owl-nav { margin-left: 0; right: -10px; right: -0.625rem; left: auto; width: 80px; width: 5rem; } } @media (max-width: 1023px) { /* line 1151, ../scss/_home.scss */ #newsScroller .holder { max-width: 90%; margin-top: 30px; margin-top: 1.875rem; } /* line 1156, ../scss/_home.scss */ #newsScroller .holder .owl-carousel .owl-stage-outer, #eventScroller .holder .owl-carousel .owl-stage-outer { overflow: hidden; } /* line 1159, ../scss/_home.scss */ body.home #banner .bannerInner { top: 0; transform: none!important; } /* line 1170, ../scss/_home.scss */ #newsScroller .owl-prev, #newsScroller .owl-next, #eventScroller .owl-prev, #eventScroller .owl-next, #courseScroller .owl-next, #courseScroller .owl-prev, #relatedCourseScroller .owl-prev, #relatedCourseScroller .owl-next, .owl-pause { height: 40px !important; width: 40px !important; } /* line 1172, ../scss/_home.scss */ #newsScroller .owl-prev:before, #newsScroller .owl-next:before, #eventScroller .owl-prev:before, #eventScroller .owl-next:before, #courseScroller .owl-next:before, #courseScroller .owl-prev:before, #relatedCourseScroller .owl-prev:before, #relatedCourseScroller .owl-next:before, .owl-pause:before { line-height: 40px !important; line-height: 2.5rem !important; } } @media all and (min-width: 1024px) and (max-width: 1399px) { /* line 1180, ../scss/_home.scss */ #collegeLinks .linkSet { height: 285px; height: 17.8125rem; } /* line 1182, ../scss/_home.scss */ #collegeLinks .linkSet figure { height: 240px; height: 15rem; } /* line 1185, ../scss/_home.scss */ #collegeLinks .linkSet figure img { max-width: 150%; } /* line 1189, ../scss/_home.scss */ body.employer #banner .bannerText .rotatingText h1 { width: 600px; width: 37.5rem; } /* line 1192, ../scss/_home.scss */ #banner .bannerText .rotatingText { right: 5%; } /* line 1195, ../scss/_home.scss */ #newsScroller .holder { width: 90%; margin-left: 5%; max-width: none; } /* line 1200, ../scss/_home.scss */ #newsScroller .newsItem figure img { width: 140%; } /* line 1206, ../scss/_home.scss */ #newsScroller .owl-nav, #eventScroller .owl-nav, #courseScroller .owl-nav, #whoWeWorkWith .owl-nav { left: auto; right: 0; margin-left: 0; margin-right: -15px; margin-right: -0.9375rem; } /* line 1213, ../scss/_home.scss */ #eventScroller .owl-nav, #whoWeWorkWith .owl-nav { right: 5%; } } /* line 5, ../scss/_page.scss */ body.page #banner.narrowBanner, body.page #banner.narrowBanner .bannerInner { height: 500px !important; height: 33.125rem !important; top: auto; } /* line 10, ../scss/_page.scss */ #pageHolder { z-index: 100; position: relative; } /* line 14, ../scss/_page.scss */ #pageHolder .breadcrumb { width: 100%; padding: 0 0 50px 0; padding: 0 0 3.125rem 0; margin-left: -3px; margin-left: -0.1875rem; line-height: 1.3; } /* line 19, ../scss/_page.scss */ #pageHolder .breadcrumb span.div { display: inline-block; margin: 0 0 0 4px; margin: 0 0.25rem 0 0.25rem; } /* line 23, ../scss/_page.scss */ #pageHolder .breadcrumb a { display: inline-block; padding: 4px; padding: 0.25rem; word-break: normal!important; } /* line 29, ../scss/_page.scss */ #pageHolder .pageHolder { float: left; width: 100%; position: relative; padding: 0 0 120px 0; padding: 0 0 7.5rem 0; } /* line 35, ../scss/_page.scss */ #pageHolder aside#sidebar { float: left; width: 280px; width: 17.5rem; position: relative; margin: -50px 0 0 0; margin: -3.125rem 0 0 0; padding: 0; } /* line 41, ../scss/_page.scss */ #pageHolder aside#sidebar nav#sideMenu { float: left; width: 100%; margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 46, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader { display: block; float: left; position: relative; padding: 0 30px; padding: 0 1.875rem; width: 100%; height: 70px; height: 4.375rem; line-height: 70px; line-height: 4.375rem; } /* line 54, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader .sectionTitle i { display: none; line-height: 50px; line-height: 3.125rem; -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* line 59, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader a.linkAction { display: none; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* line 64, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader.sectionMenuOpen .sectionTitle i { -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); margin: 0 0 0 0; margin: 0 0 0 0; } /* line 68, ../scss/_page.scss */ #pageHolder aside#sidebar ul { margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; padding: 6px 0 0 0; padding: 0.375rem 0 0 0; } /* line 73, ../scss/_page.scss */ #pageHolder aside#sidebar ul li { float: left; width: 100%; position: relative; } /* line 77, ../scss/_page.scss */ #pageHolder aside#sidebar ul li a { display: block; padding: 5px 30px; padding: 0.3125rem 1.875rem; line-height: 1.3; } /* line 83, ../scss/_page.scss */ #pageHolder aside#sidebar ul li a:hover, #pageHolder aside#sidebar ul li a.active { opacity: 0.6; } /* line 86, ../scss/_page.scss */ #pageHolder aside#sidebar ul li.has-sub > a { padding: 5px 60px 5px 30px; padding: 0.3125rem 3.75rem 0.3125rem 1.875rem; } /* line 89, ../scss/_page.scss */ #pageHolder aside#sidebar ul li:last-child a { margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 92, ../scss/_page.scss */ #pageHolder aside#sidebar ul li ul { display: none; margin: 0 0 6px 0; margin: 0 0 0.375rem 0; padding: 0; } /* line 96, ../scss/_page.scss */ #pageHolder aside#sidebar ul li ul li { float: left; width: 100%; padding: 0; border: none; } /* line 101, ../scss/_page.scss */ #pageHolder aside#sidebar ul li ul li a { padding: 4px 35px 4px 50px; padding: 0.25rem 2.1875rem 0.25rem 3.125rem; border: none; } /* line 105, ../scss/_page.scss */ #pageHolder aside#sidebar ul li ul li:before { position: absolute; top: 6px; top: 0.375rem; left: 35px; left: 2.1875rem; content: "-"; } /* line 111, ../scss/_page.scss */ #pageHolder aside#sidebar ul li ul li:last-child a { margin-bottom: 0; } /* line 116, ../scss/_page.scss */ #pageHolder aside#sidebar ul li.has-sub ul { display: none; } /* line 119, ../scss/_page.scss */ #pageHolder aside#sidebar ul li.has-sub.open .holder { top: 0; top: 0; } /* line 122, ../scss/_page.scss */ #pageHolder aside#sidebar ul li.has-sub.open .holder:after { content: "\f106"; } /* line 127, ../scss/_page.scss */ #pageHolder aside#sidebar .holder { width: 30px; width: 1.875rem; height: 0; right: 23px; right: 1.4375rem; position: absolute; top: 0; top: 0; height: 100%; } /* line 134, ../scss/_page.scss */ #pageHolder aside#sidebar .holder:after { display: block; position: absolute; text-align: center; width: 100%; height: 12px; height: 0.75rem; padding: 0; padding: 0; z-index: 10; content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 900; top: 7px; top: 0.4375rem; } /* line 147, ../scss/_page.scss */ #pageHolder aside#sidebar .holder:hover { cursor: pointer; } /* line 151, ../scss/_page.scss */ #pageHolder aside#sidebar .qLink { width: 100%; height: 160px; height: 10rem; position: relative; margin: 0 0 20px 0; margin: 0 0 1.25rem 0; overflow: hidden; float: left; } /* line 158, ../scss/_page.scss */ #pageHolder aside#sidebar .qLink .linkImage { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; transform: scale(1); } /* line 166, ../scss/_page.scss */ #pageHolder aside#sidebar .qLink:hover .linkImage { transform: scale(1.1); } /* line 169, ../scss/_page.scss */ #pageHolder aside#sidebar .qLink .linkName { z-index: 10; position: absolute; width: 170px; width: 10.625rem; height: 45px; height: 2.8125rem; text-align: center; right: 30px; right: 1.875rem; bottom: 30px; bottom: 1.875rem; } /* line 177, ../scss/_page.scss */ #pageHolder aside#sidebar .qLink .linkName:before { content: ""; position: absolute; height: auto; width: auto; top: -10px; top: -0.625rem; bottom: -10px; bottom: -0.625rem; left: 10px; left: 0.625rem; right: -10px; right: -0.625rem; border-style: solid; border-width: 1px; } /* line 189, ../scss/_page.scss */ #pageHolder aside#sidebar .qLink .linkName .center { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; width: 100%; line-height: 1.2; padding: 0 25px; padding: 0 1.5625rem; } /* line 201, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch { float: left; width: 100%; } /* line 204, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch .searchBlock { width: 100%; float: left; padding: 17px 15px 27px 15px; padding: 1.0625rem 0.9375rem 1.6875rem 0.9375rem; } /* line 208, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch .searchBlock .searchTitle { float: left; width: 100%; margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 213, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers { padding: 35px 15px 20px 15px; padding: 2.1875rem 0.9375rem 1.25rem 0.9375rem; position: relative; } /* line 216, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers:before { height: 18px; height: 1.125rem; width: 90px; width: 5.625rem; top: 0; right: 0; position: absolute; content: ""; } /* line 224, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch .searchBlock.careers input.searchInput { width: 100%; } /* line 229, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch .outerWrap { position: relative; float: left; width: 100%; height: 50px; height: 3.125rem; } /* line 235, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch input.searchInput { float: left; width: 100%; width: 100%; height: 50px; height: 3.125rem; min-height: 50px; min-height: 3.125rem; padding: 3px 15px; padding: 0.1875rem 0.9375rem; margin-bottom: 15px; margin-bottom: 0.9375rem; border: none; color: /*#444444*/#000000; -webkit-appearance: none; border-radius: 0; outline: none; z-index: 10; background: #fff; } /* line 249, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch input.searchInput::-webkit-input-placeholder { color: /*#444444*/#000000; opacity: 1; } /* line 253, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch input.searchInput:moz-placeholder { color: /*#444444*/#000000; opacity: 1; } /* line 257, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch input.searchInput::-moz-placeholder { color: /*#444444*/#000000; opacity: 1; } /* line 261, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch input.searchInput:-ms-input-placeholder { color: /*#444444*/#000000; opacity: 1; } /* line 266, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch .wrap { position: absolute; left: 0; top: 0; height: 100%; right: 50px; right: 3.125rem; width: auto; } /* line 273, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch .wrap i { position: absolute; pointer-events: none; top: 50%; transform: translateY(-50%); right: 15px; right: 0.9375rem; } /* line 281, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch .selectChoice { float: left; display: block; line-height: 1.3; width: 100%; height: 50px; height: 3.125rem; min-height: 50px; min-height: 3.125rem; max-width: 100%; margin: 0; padding: 0 15px; padding: 0 0.9375rem; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; border: none; } /* line 297, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch .selectChoice:-ms-expand { display: none; } /* line 300, ../scss/_page.scss */ #pageHolder aside#sidebar .courseCareerSearch button.searchBTN { position: absolute; top: 0; right: 0; width: 50px; width: 3.125rem; height: 50px; height: 3.125rem; border: none!important; -webkit-appearance: none; padding: 0; line-height: normal; } /* line 314, ../scss/_page.scss */ #pageHolder #pageContent { margin-left: 330px; margin-left: 20.625rem; padding-top: 50px; padding-top: 3.125rem; position: relative; } /* line 319, ../scss/_page.scss */ #pageHolder #pageContent ul { margin: 0; padding: 0; list-style-type: none; } /* line 321, ../scss/_page.scss */ #pageHolder #pageContent ul li { padding: 0 0 0 22px; padding: 0 0 0 1.375rem; position: relative; } /* line 324, ../scss/_page.scss */ #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 335, ../scss/_page.scss */ #pageHolder #pageContent ol { counter-reset: li; list-style: none; *list-style: decimal; padding: 0 0 0 24px; } /* line 340, ../scss/_page.scss */ #pageHolder #pageContent ol li { position: relative; margin-bottom: 1px; margin-bottom: 0.0625rem; } /* line 344, ../scss/_page.scss */ #pageHolder #pageContent ol li:before { content: counter(li) "."; counter-increment: li; position: absolute; left: -28px; left: -1.75rem; top: 0; top: 0; height: 20px; width: 20px; text-align: center; } /* line 354, ../scss/_page.scss */ #pageHolder #pageContent h1 { margin-top: 0; margin-bottom: 50px; margin-bottom: 3.125rem; position: relative; } /* line 360, ../scss/_page.scss */ #pageHolder #pageContent h2, #pageHolder #pageContent h3 { margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 363, ../scss/_page.scss */ #pageHolder #pageContent h1, #pageHolder #pageContent h2, #pageHolder #pageContent h3, #pageHolder #pageContent h4, #pageHolder #pageContent h5 { text-transform: uppercase; } /* line 366, ../scss/_page.scss */ #pageHolder #pageContent p { line-height: 1.5; margin: 0 0 25px 0; margin: 0 0 1.5625rem 0;padding-right:30px; } /* line 370, ../scss/_page.scss */ #pageHolder #pageContent p a:hover { text-decoration: underline; } /* line 373, ../scss/_page.scss */ #pageHolder #pageContent ul, #pageHolder #pageContent ol { line-height: 1.5; display: block; position: relative; width: 100%; margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 380, ../scss/_page.scss */ #pageHolder #pageContent ol { width: 96%; } /* line 383, ../scss/_page.scss */ #pageHolder #pageContent img { max-width: 100%; } /* line 387, ../scss/_page.scss */ #pageHolder #pageContent img.alignLeft, #pageHolder #pageContent img.alignRight { margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 390, ../scss/_page.scss */ #pageHolder #pageContent img.alignLeft { float: left; margin-right: 25px; margin-right: 1.5625rem; } /* line 394, ../scss/_page.scss */ #pageHolder #pageContent img.alignRight { float: right; margin-left: 25px; margin-left: 1.5625rem; } /* line 398, ../scss/_page.scss */ #pageHolder #pageContent img.alignCenter { display: block; margin: 25px auto; margin: 1.5625rem auto; padding-top: 25px; padding-top: 1.5625rem; } /* line 403, ../scss/_page.scss */ #pageHolder #pageContent blockquote { margin: 50px 0 40px 0; margin: 3.125rem 0 2.5rem 0; padding: 0 0 0 32px; padding: 0 0 0 2rem; border-left-style: solid; border-left-width: 6px; line-height: 1.3em; } /* line 409, ../scss/_page.scss */ #pageHolder #pageContent blockquote span.author { margin-top: 5px; margin-top: 0.3125rem; display: block; } /* line 414, ../scss/_page.scss */ #pageHolder #pageContent .oneThird { float: left; width: 30%; margin-left: 5%; } /* line 419, ../scss/_page.scss */ #pageHolder #pageContent .oneHalf { float: left; width: 47.5%; margin-left: 5%; } /* line 424, ../scss/_page.scss */ #pageHolder #pageContent .extraContent { padding: 20px 0 0 0; padding: 1.25rem 0 0 0; float: left; width: 100%; } /* line 428, ../scss/_page.scss */ #pageHolder #pageContent .extraContent h2 { text-transform: none; } /* line 432, ../scss/_page.scss */ #pageHolder #pageContent .oneThird:first-of-type { margin-left: 0; } /* line 435, ../scss/_page.scss */ #pageHolder #pageContent .oneHalf:first-of-type { margin-left: 0; } /* line 438, ../scss/_page.scss */ #pageHolder #pageContent.fullWidth { margin-left: 0; } /* line 446, ../scss/_page.scss */ body.page.standard #pageHolder aside#sidebar ul li a.active, body.page.standard #pageHolder aside#sidebar ul li a:hover { opacity: 1; } /* line 451, ../scss/_page.scss */ .mobileSidebar { margin: 40px 0; margin: 2.5rem 0; text-align: center; display: none; } /* line 456, ../scss/_page.scss */ .mobileSidebar .qLink { width: 500px; width: 31.25rem; height: 280px; height: 17.5rem; position: relative; margin: 20px 0; margin: 1.25rem 0; overflow: hidden; display: inline-block; } /* line 463, ../scss/_page.scss */ .mobileSidebar .qLink .linkImage { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; transform: scale(1); } /* line 471, ../scss/_page.scss */ .mobileSidebar .qLink:hover .linkImage { transform: scale(1.1); } /* line 474, ../scss/_page.scss */ .mobileSidebar .qLink .linkName { z-index: 10; position: absolute; width: 300px; width: 18.75rem; height: 80px; height: 5rem; text-align: center; right: 50px; right: 3.125rem; bottom: 50px; bottom: 3.125rem; } /* line 482, ../scss/_page.scss */ .mobileSidebar .qLink .linkName:before { content: ""; position: absolute; height: auto; width: auto; top: -20px; top: -1.25rem; bottom: -20px; bottom: -1.25rem; left: 10px; left: 0.62rem; right: -20px; right: -1.25rem; border-style: solid; border-width: 1px; } /* line 494, ../scss/_page.scss */ .mobileSidebar .qLink .linkName .center { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; width: 100%; line-height: 1.2; padding: 0 25px; padding: 0 1.5625rem; } /* line 506, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch { float: left; width: 100%; clear: both; margin-top: 30px; margin-top: 1.875rem; } /* line 511, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch ul.tabs { margin: 0; padding: 0; list-style-type: none; height: 40px; height: 2.5rem; position: relative; } /* line 515, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch ul.tabs li { position: absolute; left: 250px; left: 15.625rem; width: 250px; width: 15.625rem; height: 40px; height: 2.5rem; bottom: 0; } /* line 521, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch ul.tabs li a { display: block; line-height: 35px; line-height: 2.1875rem; text-align: center; margin-top: 6px; margin-top: 0.375rem; } /* line 527, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch ul.tabs li:first-child { left: 0; } /* line 530, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch ul.tabs li a.current { margin-top: 0; line-height: 40px; line-height: 2.5rem; } /* line 534, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch ul.tabs li a:hover { cursor: pointer; } /* line 539, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content { float: left; width: 100%; height: 0; opacity: 0; display: none; transition: opacity 0.2s ease-in 0s; position: relative; padding: 15px 17px 15px 20px; padding: 0.9375rem 1.0625rem 0.9375rem 1.25rem; } /* line 548, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content .mobTitle { display: none; } /* line 551, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content.current { height: 70px; height: 4.375rem; opacity: 1; display: block; } /* line 556, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content input.searchInput { float: left; top: 0; left: 10px; left: 0.625rem; width: 59%; width: 59%; height: 40px; height: 2.5rem; min-height: 40px; min-height: 2.5rem; padding: 3px 15px; padding: 0.1875rem 0.9375rem; border: none; color: /*#444444*/#000000; -webkit-appearance: none; border-radius: 0; outline: none; z-index: 10; background: #fff; } /* line 571, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content input.searchInput::-webkit-input-placeholder { color: /*#444444*/#000000; opacity: 1; } /* line 575, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content input.searchInput:moz-placeholder { color: /*#444444*/#000000; opacity: 1; } /* line 579, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content input.searchInput::-moz-placeholder { color: /*#444444*/#000000; opacity: 1; } /* line 583, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content input.searchInput:-ms-input-placeholder { color: /*#444444*/#000000; opacity: 1; } /* line 588, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content .mobSelect { left: 59%; margin-left: 7px; margin-left: 0.4375rem; right: 73px; right: 4.5625rem; position: absolute; bottom: 15px; bottom: 0.9375rem; height: 40px; height: 2.5rem; } /* line 595, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content .mobSelect i { position: absolute; pointer-events: none; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); right: 13px; right: 0.8125rem; } /* line 604, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content .selectChoice { float: left; position: relative; display: block; line-height: 1.3; width: 100%; max-width: none; height: 40px; height: 2.5rem; min-height: 40px; min-height: 2.5rem; margin: 0 0 0 1.5936%; padding: 0 15px; padding: 0 0.9375rem; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-color: #fff; border: none; -webkit-border-radius: 0; } /* line 622, ../scss/_page.scss */ /* line 625, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content button.searchBTN { float: right; width: 40px; width: 2.5rem; height: 40px; height: 2.5rem; border: none!important; -webkit-appearance: none; padding: 0; line-height: normal; } /* line 635, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch #tab-2.tab-content input.searchInput { width: 100%; width: 100%; } @media (max-width: 767px) { /* line 652, ../scss/_page.scss */ body.page #banner, body.page #banner .bannerInner { height: 200px; height: 12.5rem; } /* line 655, ../scss/_page.scss */ #banner.page .bannerText { display: none; } /* line 658, ../scss/_page.scss */ #pageHolder #pageContent a { } /* line 662, ../scss/_page.scss */ body.page #banner.narrowBanner, body.page #banner.narrowBanner .bannerInner { height: 100px !important; height: 12.25rem !important; } /* line 665, ../scss/_page.scss */ .mobileSidebar .qLink { width: 340px; width: 21.25rem; max-width: 100%; height: 160px; height: 10rem; } /* line 669, ../scss/_page.scss */ .mobileSidebar .qLink .linkName { height: 45px; height: 2.8125rem; width: 170px; width: 10.625rem; right: 25px; right: 1.5625rem; bottom: 25px; bottom: 1.5625rem; } /* line 674, ../scss/_page.scss */ .mobileSidebar .qLink .linkName:before { top: -10px; top: -0.625rem; bottom: -10px; bottom: -0.625rem; left: 10px; left: 0.625rem; right: -10px; right: -0.625rem; } /* line 682, ../scss/_page.scss */ #pageHolder .pageHolder { padding: 0 0 25px 0; padding: 0 0 1.5625rem 0; } /* line 685, ../scss/_page.scss */ #pageHolder .breadcrumb { padding: 0 0 25px 0; padding: 0 0 1.5625rem 0; } /* line 688, ../scss/_page.scss */ #pageHolder #pageContent { padding-top: 20px; padding-top: 1.25rem; } /* line 691, ../scss/_page.scss */ #pageHolder #pageContent h1 { margin-bottom: 35px; margin-bottom: 2.1875rem; } /* line 695, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch ul.tabs { display: none; } /* line 698, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content { display: block; height: auto; opacity: 1; padding: 15px 65px 15px 15px; padding: 0.9375rem 4.0625rem 0.9375rem 0.9375rem; } /* line 703, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content .mobTitle { display: block; margin-bottom: 12px; margin-bottom: 0.75rem; text-align: left; } /* line 708, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content input.searchInput { height: 40px; height: 2.5rem; min-height: 40px; min-height: 2.5rem; padding: 3px 15px; padding: 0.1875rem 0.9375rem; } /* line 713, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content button.searchBTN { height: 40px; width: 40px; position: absolute; right: 15px; right: 0.9375rem; top: 43px; top: 2.6875rem; } /* line 719, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content.current { height: auto; } /* line 722, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content .mobSelect { left: 15px; left: 0.9375rem; right: 65px; right: 4.0625rem; position: absolute; bottom: 15px; bottom: 0.9375rem; height: 40px; height: 2.5rem; margin-left: 0; } /* line 730, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content .selectChoice { height: 40px; height: 2.5rem; min-height: 40px; min-height: 2.5rem; line-height: 40px; line-height: 2.5rem; margin: 0; width: 100%; max-width: none; padding: 0 15px; padding: 0 0.9375rem; } /* line 742, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch .tab-content input.searchInput, .mobileSidebar .mobilePageSearch #tab-2.tab-content input.searchInput { width: 100%; } /* line 745, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch #tab-1.tab-content { height: 150px; height: 9.375rem; padding: 15px; padding: 0.9375rem; } /* line 748, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch #tab-1.tab-content:after { top: auto; bottom: 15px; bottom: 0.9375rem; right: 64px; right: 4rem; margin-right: 0; } /* line 755, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch #tab-1.tab-content button.searchBTN { margin-top: 52px; margin-top: 3.25rem; } /* line 758, ../scss/_page.scss */ #pageHolder aside#sidebar { width: 100%; margin: -10px 0 0 0; margin: -0.625rem 0 0 0; } /* line 761, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader { height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; padding: 0 15px; padding: 0 0.9375rem; } /* line 765, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader .sectionTitle i { line-height: 40px; line-height: 2.5rem; right: 15px; right: 0.9375rem; } /* line 771, ../scss/_page.scss */ #pageHolder aside#sidebar ul li a, #pageHolder aside#sidebar ul li.has-sub > a { padding: 5px 15px; padding: 0.3125rem 0.9375rem; } /* line 774, ../scss/_page.scss */ #pageHolder aside#sidebar .holder { right: 7px; right: 0.4375rem; } /* line 778, ../scss/_page.scss */ .mobileSidebar { margin: 0 auto; width: 340px; width: 21.25rem; } /* line 781, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch { margin-top: 5px; margin-top: 0.3125rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 789, ../scss/_page.scss */ body.page #banner, body.page #banner .bannerInner { height: 400px; height: 25rem; } /* line 793, ../scss/_page.scss */ body.page #banner.narrowBanner, body.page #banner.narrowBanner .bannerInner { height: 200px !important; height: 12.5rem !important; } /* line 796, ../scss/_page.scss */ #pageHolder .pageHolder { padding: 0 0 40px 0; padding: 0 0 2.5rem 0; } /* line 799, ../scss/_page.scss */ #pageHolder .breadcrumb { padding: 0 0 35px 0; padding: 0 0 2.1875rem 0; } /* line 802, ../scss/_page.scss */ #pageHolder #pageContent { padding-top: 30px; padding-top: 1.875rem; } /* line 805, ../scss/_page.scss */ #pageHolder #pageContent h1 { margin-bottom: 35px; margin-bottom: 2.1875rem; } /* line 808, ../scss/_page.scss */ #pageHolder aside#sidebar { margin: -25px 0 0 0; margin: -1.5625rem 0 0 0; } /* line 810, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader { height: 50px; height: 3.125rem; line-height: 50px; line-height: 3.125rem; padding: 0 20px; padding: 0 1.25rem; } /* line 814, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader .sectionTitle i { right: 20px; right: 1.25rem; } /* line 819, ../scss/_page.scss */ #pageHolder aside#sidebar ul li a, #pageHolder aside#sidebar ul li.has-sub > a { padding: 5px 20px; padding: 0.3125rem 1.25rem; } /* line 822, ../scss/_page.scss */ #pageHolder aside#sidebar .holder { right: 14px; right: 0.875rem; } /* line 826, ../scss/_page.scss */ .mobileSidebar .mobilePageSearch #tab-2.tab-content .wrap { position: absolute; left: 20px; left: 1.25rem; width: auto; height: 40px; height: 2.5rem; right: 70px; right: 4.375rem; } } @media (max-width: 1023px) { /* line 836, ../scss/_page.scss */ #pageHolder aside#sidebar { margin-left: 0; } /* line 839, ../scss/_page.scss */ #pageHolder #pageContent { margin-left: 0; float: left; width: 100%; } /* line 844, ../scss/_page.scss */ #pageHolder aside#sidebar .collapse { position: relative; display: none; float: left; width: 100%; margin-bottom: 15px; margin-bottom: 0.9375rem; } /* line 852, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader a.linkAction { display: block; z-index: 10; } /* line 855, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader a.linkAction:hover { cursor: pointer; } /* line 859, ../scss/_page.scss */ #pageHolder aside#sidebar .sectionHeader .sectionTitle i { position: absolute; top: 0; display: block; } /* line 865, ../scss/_page.scss */ #pageHolder aside#sidebar nav#sideMenu { margin-bottom: 0; } /* line 868, ../scss/_page.scss */ #pageHolder aside#sidebar { width: 100%; } /* line 870, ../scss/_page.scss */ #pageHolder aside#sidebar aside#sidebar ul { margin: 0; padding: 25px 0; padding: 1.5625rem 0; } /* line 874, ../scss/_page.scss */ #pageHolder aside#sidebar aside#sidebar ul li { padding: 0 5.5%; } /* line 876, ../scss/_page.scss */ #pageHolder aside#sidebar aside#sidebar ul li a { padding: 8px 0; padding: 0.5rem 0; } /* line 879, ../scss/_page.scss */ #pageHolder aside#sidebar aside#sidebar ul li ul li { border: none; } /* line 884, ../scss/_page.scss */ #pageHolder aside#sidebar ul li ul { margin: 0; } /* line 888, ../scss/_page.scss */ #pageHolder aside#sidebar .qLink, #pageHolder aside#sidebar .courseCareerSearch { display: none; } /* line 891, ../scss/_page.scss */ #pageHolder aside#sidebar ul li:last-child a { margin-bottom: 0; } /* line 894, ../scss/_page.scss */ .mobileSidebar { display: block; clear: both; } } @media (min-width: 1024px) { /* line 901, ../scss/_page.scss */ #pageHolder aside#sidebar nav#sideMenu .collapse { display: block!important; } } /* line 2, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList { margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; } /* line 8, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li { float: left; width: 31.9587%; margin-left: 2.06195%; margin-bottom: 30px; margin-bottom: 1.875rem; padding: 0; } /* line 14, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li:before { display: none; } /* line 17, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li.featured { width: 65.97935%; position: absolute; left: 0; } /* line 22, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li:first-child { margin-left: 0; } /* line 25, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li a { display: block; float: left; width: 100%; } /* line 30, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li figure { margin: 0; float: left; position: relative; width: 100%; height: 300px; height: 18.75rem; overflow: hidden; } /* line 37, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li figure img { max-width: none; min-width: none; height: 100%;width:auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); } /* line 48, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li .postContent { float: left; width: 100%; padding: 35px 25px 120px 25px; padding: 2.1875rem 1.5625rem 7.5rem 1.5625rem; line-height: 1.3; } /* line 54, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li .postContent .postTitle, #pageHolder #pageContent ul.newsList li .postContent .date { float: left; width: 100%; line-height: 1.2; } /* line 59, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li .postContent .date { margin-top: 22px; margin-top: 1.375rem; } /* line 62, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li .postContent a.more { position: absolute; left: 25px; left: 1.5625rem; bottom: 30px; bottom: 1.875rem; width: auto; } /* line 67, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li .postContent a.more i { margin-left: 5px; margin-left: 0.3125rem; } /* line 71, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li .postContent a.more:hover i { margin-left: 10px; margin-left: 0.625rem; } /* line 75, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li figure a:hover img { transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } /* line 82, ../scss/_news-page.scss */ .pagination { float: left; width: 100%; margin: 10px 0; margin: 0.625rem 0; } /* line 86, ../scss/_news-page.scss */ .pagination a { padding: 4px 0; padding: 0.25rem 0; display: block; } /* line 90, ../scss/_news-page.scss */ .pagination a.previous { float: left; } /* line 93, ../scss/_news-page.scss */ .pagination a.next { float: right; } /* line 96, ../scss/_news-page.scss */ .pagination a:hover { cursor: pointer; } /* line 105, ../scss/_news-page.scss */ #pageHolder #pageContent .articleDate { display: block; margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 111, ../scss/_news-page.scss */ body.article h1.sectionTitle { margin: 0; padding: 0 80px; padding: 0 5rem; } /* line 115, ../scss/_news-page.scss */ body.article #newsScroller { padding: 55px 0 135px 0; padding: 3.4375rem 0 8.4375rem 0; overflow: visible; z-index: 200; position: relative; } /* line 120, ../scss/_news-page.scss */ body.article #newsScroller .holder { margin: 0 auto; } /* line 123, ../scss/_news-page.scss */ body.article #newsScroller h1.sectionTitle { float: left; padding: 0 80px; padding: 0 5rem; margin: -132px 0 0 0; margin: -8.25rem 0 0 0; height: 80px; height: 5rem; line-height: 80px; line-height: 5rem; position: relative; } /* line 130, ../scss/_news-page.scss */ body.article #newsScroller h1.sectionTitle a.panelOpen { display: none; position: absolute; right: 0; right: 0; height: 47px; width: 47px; text-align: center; top: 0; } /* line 137, ../scss/_news-page.scss */ body.article #newsScroller h1.sectionTitle a.panelOpen i { transform: rotate(0); } /* line 140, ../scss/_news-page.scss */ body.article #newsScroller h1.sectionTitle a.panelOpen.open i { transform: rotate(180deg); } /* line 146, ../scss/_news-page.scss */ body.article #newsScroller .owl-nav { top: -125px; top: -7.8125rem; } /* line 149, ../scss/_news-page.scss */ body.article #newsScroller .panelCloser { float: left; width: 100%; } @media (max-width: 767px) { /* line 167, ../scss/_news-page.scss */ body.article #newsScroller { margin-top: 20px; margin-top: 1.25rem; } /* line 170, ../scss/_news-page.scss */ body.article #newsScroller { padding: 6px 0 50px 0; padding: 0.375rem 0 3.125rem 0; } /* line 172, ../scss/_news-page.scss */ body.article #newsScroller .container { padding: 0; } /* line 175, ../scss/_news-page.scss */ body.article #newsScroller h1.sectionTitle { height: 30px; height: 1.875rem; line-height: 50px; line-height: 3.125rem; padding: 0 5%; padding: 0 5%; margin: -30px 0 0 0; margin: -1.875rem 0 0 0; width: 90%; } /* line 182, ../scss/_news-page.scss */ body.article #newsScroller .owl-nav { top: auto; bottom: 0; right: 50%; margin-right: -40px; margin-right: -2.5rem; } /* line 189, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li { width: 100%; margin: 0 0 15px 0 !important; margin: 0 0 0.9375rem 0 !important; } /* line 192, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li figure { display: none; } /* line 196, ../scss/_news-page.scss */ body.article #newsScroller h1.sectionTitle a.panelOpen { display: block; } /* line 199, ../scss/_news-page.scss */ body.article .panelCloser { display: none; padding: 20px 0 40px 0; padding: 1.25rem 0 2.5rem 0; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 206, ../scss/_news-page.scss */ body.article #newsScroller { margin-top: 80px; margin-top: 5rem; } } @media all and (min-width: 768px) and (max-width: 1200px) { /* line 212, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li { width: 48.0620%; margin-left: 3.876%; margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 222, ../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: 0; } } @media (max-width: 1023px) { /* line 229, ../scss/_news-page.scss */ #courseScroller .owl-carousel .owl-stage-outer { overflow: hidden; } } @media (max-width: 1200px) { /* line 235, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li.featured { width: 100%; position: relative; } } @media (min-width: 1201px) { /* line 247, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li:nth-child(3), #pageHolder #pageContent ul.newsList li:nth-child(6), #pageHolder #pageContent ul.newsList li:nth-child(9), #pageHolder #pageContent ul.newsList li:nth-child(12), #pageHolder #pageContent ul.newsList li:nth-child(15) { margin-left: 0; } /* line 251, ../scss/_news-page.scss */ #pageHolder #pageContent ul.newsList li:nth-child(2) { margin-left: 68.0413%; } } /* line 3, ../scss/_search.scss */ .searchBox { display: none; width: 200px; width: 12.5rem; height: 25px; height: 1.5625rem; position: absolute; top: 5px; top: 0.3125rem; right: 124px; right: 7.75rem; z-index: 10; background-color: #eae5f3; } /* line 12, ../scss/_search.scss */ .searchBox input.searchInput { position: absolute; top: 0; left: 10px; left: 0.625rem; width: 180px; width: 11.25rem; height: 16px; height: 1rem; padding: 3px 0 3px 0; padding: 0.1875rem 0 0.1875rem 0; box-sizing: content-box; border: none; color: #233E76; -webkit-appearance: none; border-radius: 0; outline: none; z-index: 10; background: none; } /* line 27, ../scss/_search.scss */ .searchBox input.searchInput::-webkit-input-placeholder { color: #233E76; opacity: 1; } /* line 31, ../scss/_search.scss */ .searchBox input.searchInput:moz-placeholder { color: #233E76; opacity: 1; } /* line 35, ../scss/_search.scss */ .searchBox input.searchInput::-moz-placeholder { color: #233E76; opacity: 1; } /* line 39, ../scss/_search.scss */ .searchBox input.searchInput:-ms-input-placeholder { color: #233E76; opacity: 1; } /* line 44, ../scss/_search.scss */ .searchBox button.searchBTN { position: absolute; right: -39px; right: -2.4375rem; top: -1px; top: -0.0625rem; width: 36px; width: 2.25rem; height: 25px; height: 1.5625rem; border: none!important; -webkit-appearance: none; background-color: transparent; padding: 0; line-height: normal; } /* line 57, ../scss/_search.scss */ header#masthead .topBar .searchBox a.closeBTN { position: absolute; left: -39px; left: -2.4375rem; top: 0px; top: 0rem; z-index: 2; width: 30px; width: 1.875rem; height: 25px; height: 1.5625rem; line-height: 25px !important; line-height: 1.5625rem !important; } /* line 65, ../scss/_search.scss */ header#masthead .topBar .searchBox a.closeBTN i { line-height: 25px !important; line-height: 1.5625rem !important; } /* line 3, ../scss/_sitemap.scss */ #pageContent .column { float: left; width: 50%; padding-right: 40px; padding-right: 2.5rem; } /* line 9, ../scss/_sitemap.scss */ #pageHolder #pageContent nav.sitemap ul { margin-left: 0; list-style-type: none; margin: 0; padding: 0; list-style-type: none; margin-bottom: 0; } /* line 15, ../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 22, ../scss/_sitemap.scss */ #pageContent .sitemap li a { line-height: normal; text-decoration: none; opacity: 1; } /* line 26, ../scss/_sitemap.scss */ #pageContent .sitemap li a:hover { text-decoration: none; opacity: 0.5; } /* line 31, ../scss/_sitemap.scss */ #pageContent .sitemap li:before { display: none; } /* line 34, ../scss/_sitemap.scss */ #pageContent .sitemap li ul { margin: 10px 0 20px 0 !important; margin: 0.625rem 0 1.25rem 0 !important; } /* line 36, ../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 39, ../scss/_sitemap.scss */ #pageContent .sitemap li ul li:before { content: "-"; 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: 10px !important; top: 0.625rem !important; } /* line 52, ../scss/_sitemap.scss */ #pageContent .sitemap li ul ul { margin: 6px 0 10px 0 !important; margin: 0.375rem 0 0.625rem 0 !important; } @media (max-width: 767px) { /* line 59, ../scss/_sitemap.scss */ #pageContent .column { width: 100%; padding-right: 0; } } /* line 3, ../scss/_courses.scss */ .courseListing { float: left; width: 100%; } /* line 6, ../scss/_courses.scss */ .courseListing .item { height: 450px; height: 28.125rem; margin-bottom: 35px; margin-bottom: 2.1875rem; float: left; width: 100%; position: relative; overflow: hidden; } /* line 13, ../scss/_courses.scss */ .courseListing .item figure { margin: 0; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: 1; background-repeat: no-repeat; background-position: center center; background-size: cover; transform: scale(1); } /* line 23, ../scss/_courses.scss */ .courseListing .item a:hover figure { transform: scale(1.02); } /* line 26, ../scss/_courses.scss */ .courseListing .item a:hover .sectorTitle i { right: 55px; right: 3.4375rem; } /* line 30, ../scss/_courses.scss */ .courseListing .item .sectorTitle { min-width:23.7rem; float: right; z-index: 10; position: relative; height: 310px; height: 19.375rem; margin: 70px; margin: 4.375rem; padding: 0 90px 0 50px; padding: 0 5.625rem 0 3.125rem; } /* line 37, ../scss/_courses.scss */ .courseListing .item .sectorTitle .center { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; width: 100%; line-height: 1.2; } /* line 46, ../scss/_courses.scss */ .courseListing .item .sectorTitle:before { left: -40px; left: -2.5rem; top: 30px; top: 1.875rem; bottom: 30px; bottom: 1.875rem; right: 40px; right: 2.5rem; width: auto; height: auto; position: absolute; content: ""; border-style: solid; border-width: 1px; } /* line 58, ../scss/_courses.scss */ .courseListing .item .sectorTitle i { position: absolute; right: 60px; right: 3.75rem; bottom: 45px; bottom: 2.8125rem; } @media screen and (max-width: 800px) { .courseListing .item .sectorTitle { min-width:0!important; } } /* line 71, ../scss/_courses.scss */ #courseScroller.related { margin-top: -80px; margin-top: -5rem; position: relative; z-index: 300; } /* line 76, ../scss/_courses.scss */ #courseScroller.related h1.sectionTitle { float: left; padding: 0 80px; padding: 0 5rem; margin: 0; height: 80px; height: 5rem; line-height: 80px; line-height: 5rem; position: relative; } /* line 83, ../scss/_courses.scss */ #courseScroller.related h1.sectionTitle a.panelOpen { display: none; position: absolute; right: 0; right: 0; height: 47px; width: 47px; text-align: center; top: 0; } /* line 90, ../scss/_courses.scss */ #courseScroller.related h1.sectionTitle a.panelOpen i { transform: rotate(0); } /* line 93, ../scss/_courses.scss */ #courseScroller.related h1.sectionTitle a.panelOpen.open i { transform: rotate(180deg); } /* line 98, ../scss/_courses.scss */ #courseScroller.related .bgWrapper { padding: 60px 0 50px 0; padding: 3.75rem 0 3.125rem 0; float: left; width: 100%; } /* line 103, ../scss/_courses.scss */ #courseScroller.related .panelCloser { float: left; width: 100%; } /* line 107, ../scss/_courses.scss */ #courseScroller.related .courses { float: left; width: 100%; position: relative; } /* line 111, ../scss/_courses.scss */ #courseScroller.related .courses .item { float: left; width: 100%; } /* line 114, ../scss/_courses.scss */ #courseScroller.related .courses .item a { display: block; padding: 30px 35px 170px 35px; padding: 1.875rem 2.1875rem 10.625rem 2.1875rem; float: left; width: 100%; position: relative; } /* line 121, ../scss/_courses.scss */ #courseScroller.related .courses .item .more { position: absolute; height: 60px; height: 3.75rem; line-height: 60px; line-height: 3.75rem; padding: 0 28px; padding: 0 1.75rem; bottom: 30px; bottom: 1.875rem; left: 35px; left: 2.1875rem; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; background-clip: padding-box; behavior: url(PIE.htc); float: left; } /* line 130, ../scss/_courses.scss */ #courseScroller.related .courses .item .more i { margin-right: 8px; margin-right: 0.5rem; } /* line 136, ../scss/_courses.scss */ #courseScroller.related .owl-nav { top: -125px; top: -7.8125rem; } /* line 144, ../scss/_courses.scss */ body.school-leavers.courses #courseCareerSearch #tab-1.tab-content .mobExpand, body.adults.courses #courseCareerSearch #tab-1.tab-content .mobExpand, body.higherEd.courses #courseCareerSearch #tab-1.tab-content .mobExpand { width: auto; position: absolute; height: 50px; height: 3.125rem; left: 20px; left: 1.25rem; right: 90px; right: 5.625rem; top: 15px; top: 0.9375rem; } /* line 151, ../scss/_courses.scss */ body.school-leavers.courses #courseCareerSearch #tab-1.tab-content .mobExpand input.searchInput, body.adults.courses #courseCareerSearch #tab-1.tab-content .mobExpand input.searchInput, body.higherEd.courses #courseCareerSearch #tab-1.tab-content .mobExpand input.searchInput { width: 100%; } /* line 154, ../scss/_courses.scss */ body.school-leavers.courses #courseCareerSearch #tab-1.tab-content .mobExpand button.searchBTN, body.adults.courses #courseCareerSearch #tab-1.tab-content .mobExpand button.searchBTN, body.higherEd.courses #courseCareerSearch #tab-1.tab-content .mobExpand button.searchBTN { position: absolute; top: 0; right: -70px; right: -4.375rem; } @media (max-width: 767px) { /* line 173, ../scss/_courses.scss */ .courseListing .item { height: auto; margin-bottom: 12px; margin-bottom: 0.75rem; } /* line 176, ../scss/_courses.scss */ .courseListing .item figure { display: none; } /* line 179, ../scss/_courses.scss */ .courseListing .item .sectorTitle { height: auto; margin: 0; padding: 30px 60px 40px 25px; padding: 1.875rem 3.75rem 2.5rem 1.5625rem; width: 100%; } /* line 184, ../scss/_courses.scss */ .courseListing .item .sectorTitle:before { top: 12px; top: 0.75rem; right: 12px; right: 0.75rem; bottom: 12px; bottom: 0.75rem; left: -12px; left: -0.75rem; } /* line 190, ../scss/_courses.scss */ .courseListing .item .sectorTitle i { bottom: 25px; bottom: 1.5625rem; right: 27px; right: 1.6875rem; } /* line 194, ../scss/_courses.scss */ .courseListing .item .sectorTitle .center { transform: none; top: auto; } /* line 200, ../scss/_courses.scss */ #courseScroller { margin-top: -30px; margin-top: -1.875rem; } /* line 203, ../scss/_courses.scss */ #courseScroller h1.sectionTitle { height: 30px; height: 1.875rem; line-height: 50px; line-height: 3.125rem; padding: 0 5%; padding: 0 5%; } /* line 208, ../scss/_courses.scss */ #courseScroller .container { padding: 0; } /* line 211, ../scss/_courses.scss */ #courseScroller .holder { padding: 0 0 8px 0; padding: 0 0 0.5rem 0; } /* line 213, ../scss/_courses.scss */ #courseScroller .holder .owl-nav { top: auto; bottom: 0; right: 50%; margin-right: -40px; margin-right: -2.5rem; margin-left: 0; left: auto; } /* line 221, ../scss/_courses.scss */ #courseScroller .holder .owl-nav .owl-prev, #courseScroller .holder .owl-nav .owl-next { color: white; } /* line 227, ../scss/_courses.scss */ #courseScroller .courses .item a, #courseScroller.related .courses .item a { padding: 22px 22px 140px 25px; padding: 1.375rem 1.375rem 8.75rem 1.5625rem; } /* line 229, ../scss/_courses.scss */ #courseScroller .courses .item a .more, #courseScroller.related .courses .item a .more { height: 36px; height: 2.25rem; line-height: 36px; line-height: 2.25rem; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; border-radius: 18px; background-clip: padding-box; behavior: url(PIE.htc); padding: 0 16px; padding: 0 1rem; left: 25px; left: 1.5625rem; bottom: 22px; bottom: 1.375rem; } /* line 238, ../scss/_courses.scss */ #courseScroller.related h1.sectionTitle { height: 30px; height: 1.875rem; line-height: 50px; line-height: 3.125rem; padding: 0 5%; width: 90%; } /* line 243, ../scss/_courses.scss */ #courseScroller.related h1.sectionTitle a.panelOpen { display: block; } /* line 247, ../scss/_courses.scss */ #courseScroller.related { margin: -30px 0 0 0; margin: -1.875rem 0 0 0; /* @include rem(margin, 30px 0 0 0);*/ } /* line 249, ../scss/_courses.scss */ #courseScroller.related .courses { width: 100%!important; margin-left: 0; } /* line 253, ../scss/_courses.scss */ #courseScroller.related .bgWrapper { padding: 10px 0 5px 0; padding: 0.625rem 0 0.3125rem 0; } /* line 257, ../scss/_courses.scss */ #courseScroller.related .panelCloser { display: none; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 263, ../scss/_courses.scss */ .courseListing .item { height: 240px; height: 15rem; } /* line 265, ../scss/_courses.scss */ .courseListing .item .sectorTitle { height: 165px; height: 10.3125rem; padding: 0 50px 15px 25px; padding: 0 3.125rem 0.9375rem 1.5625rem; margin: 40px 35px; margin: 2.5rem 2.1875rem; } /* line 269, ../scss/_courses.scss */ .courseListing .item .sectorTitle:before { top: 15px; top: 0.9375rem; right: 15px; right: 0.9375rem; bottom: 15px; bottom: 0.9375rem; left: -15px; left: -0.9375rem; } /* line 275, ../scss/_courses.scss */ .courseListing .item .sectorTitle i { bottom: 25px; bottom: 1.5625rem; right: 27px; right: 1.6875rem; } } @media all and (min-width: 1024px) and (max-width: 1399px) { /* line 283, ../scss/_courses.scss */ #courseScroller .owl-nav { right: 5%!important; } } @media (max-width: 1023px) { /* line 289, ../scss/_courses.scss */ #courseScroller .courses { width: 90%!important; margin-left: 5%; } } /* line 3, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing { margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; } /* line 9, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li, section#pageHolder section#pageContent .courseListing ul.listing li figure, section#pageHolder section#pageContent .courseListing ul.listing li a { height: 310px; height: 19.375rem; } /* line 13, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li a, section#pageHolder section#pageContent .courseListing ul.listing li figure { float: left; margin: 0; width: 100%; overflow: hidden!important; } /* line 18, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li a img, section#pageHolder section#pageContent .courseListing ul.listing li figure img { max-width: 120%; min-width: 100%; } /* line 23, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li { padding: 0; float: left; width: 23.8461%; margin-left: 1.5385%; margin-bottom: 30px; margin-bottom: 1.875rem; } /* line 29, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li:before { display: none; } /* line 33, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li .overlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; top: 230px; top: 14.375rem; } /* line 37, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li a { display: block; position: relative; width: 100%; word-break: normal!important; } /* line 43, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li a .linkTitle { position: absolute; bottom: 0; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 10; height: 80px; height: 5rem; line-height: 1.1; opacity: 1; } /* line 53, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li a .linkTitle .center { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; width: 100%; } /* line 62, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li a span.viewCourses { position: absolute; bottom: 20px; bottom: 1.25rem; left: 0; width: 100%; text-align: center; z-index: 10; height: 80px; height: 5rem; line-height: 80px; line-height: 5rem; opacity: 0; } /* line 74, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li a:hover .linkTitle, section#pageHolder section#pageContent .courseListing ul.listing li a:focus-visible .linkTitle { opacity: 0; bottom: 40%; } /* line 78, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li a:hover span.viewCourses, section#pageHolder section#pageContent .courseListing ul.listing li a:focus-visible span.viewCourses { opacity: 1; bottom: 50%; margin-bottom: -40px; margin-bottom: -2.5rem; } /* line 83, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li a:hover .overlay, section#pageHolder section#pageContent .courseListing ul.listing li a:focus-visible .overlay { top: 0; } /* line 92, ../scss/_course-listing.scss */ .categoryIntro { float: left; width: 100%; } /* line 95, ../scss/_course-listing.scss */ .categoryIntro .welcome { float: left; width: 65%; } /* line 98, ../scss/_course-listing.scss */ .categoryIntro .welcome.fullWidth { width: 100%; } /* line 102, ../scss/_course-listing.scss */ .categoryIntro .introVideo { float: right; width: 36%; margin: -90px -4% 0 0; height: 260px; height: 16.25rem; position: relative; } /* line 114, ../scss/_course-listing.scss */ #pageHolder .categoryListing { float: left; width: 100%; position: relative; padding: 65px 0; padding: 4.0625rem 0; margin: 0 0 0 0; margin: 0 0 0 0; } /* line 120, ../scss/_course-listing.scss */ #pageHolder .categoryListing:before { height: 40px; height: 2.5rem; width: 66%; width: 66%; top: -40px; top: -2.5rem; left: 0; position: absolute; content: ""; } /* line 128, ../scss/_course-listing.scss */ #pageHolder .categoryListing h1 { margin: 0 0 90px 0; margin: 0 0 5.625rem 0; position: relative; } /* line 131, ../scss/_course-listing.scss */ #pageHolder .categoryListing h1:before { content: ""; position: absolute; height: auto; width: auto; top: -110px; top: -6.875rem; bottom: -10px; bottom: -0.625rem; left: -20px; left: -1.25rem; right: 50%; right: 50%; border-style: solid; border-width: 1px; } /* line 144, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; } /* line 148, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li { float: left; width: 100%; margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 152, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li a { padding: 40px 40px 150px 40px; padding: 2.5rem 2.5rem 7.5rem 2.5rem; display: block; position: relative; min-height: 200px; min-height: 12.5rem; float: left; width: 100%; line-height: 1.1; word-break: normal!important; } /* line 163, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li .courseName, #pageHolder .categoryListing ul.courseList li .courseIntro { float: left; width: 100%; } /* line 167, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li .infoLine { position: relative; margin-top: 10px; margin-top: 0.625rem; } /* line 171, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li .courseIntro { padding: 40px 0 0 0; padding: 2.5rem 0 0 0; display: block; line-height: 1.4; } /* line 176, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li .courseInfo { position: relative; } #pageHolder .categoryListing ul.courseList li .courseInfo.courseInfoFixed { padding-top:0px; clear:both;} /* line 182, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li .courseInfo i { margin-right: 8px; margin-right: 0.5rem; } /* line 185, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li .courseInfo .clear { display: inline-block; } /* line 188, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li .courseInfo .durationTime { line-height: 1.4; margin-right: 25px; margin-right: 1.5625rem; } /* line 193, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li .moreInfoBTN { position: absolute; right: 35px; right: 2.1875rem; bottom: 20px; bottom: 1.25rem; width: 200px; width: 12.5rem; height: 60px; height: 3.75rem; line-height: 60px; line-height: 3.75rem; text-align: center; -webkit-border-radius: 14px; -moz-border-radius: 14px; -ms-border-radius: 14px; border-radius: 14px; background-clip: padding-box; behavior: url(PIE.htc); } /* line 202, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li .moreInfoBTN i { margin-right: 8px; margin-right: 0.5rem; } /* line 210, ../scss/_course-listing.scss */ .pagedLinks { float: left; width: 100%;margin-bottom: 20px;} /* line 213, ../scss/_course-listing.scss */ .pagedLinks a { display: block; padding: 4px 0; padding: 0.25rem 0; } /* line 217, ../scss/_course-listing.scss */ .pagedLinks a.previous { float: left; } /* line 220, ../scss/_course-listing.scss */ .pagedLinks a.next { float: right; } /* line 229, ../scss/_course-listing.scss */ body.apprenticeships #pageHolder .categoryListing, body.adults #pageHolder .categoryListing, body.higherEd #pageHolder .categoryListing, body.employer #pageHolder .categoryListing { padding: 35px 0 65px 0; padding: 2.1875rem 0 4.0625rem 0; } /* line 233, ../scss/_course-listing.scss */ body.apprenticeships #courseCareerSearch .tab-content .selectWrapper, body.adults #courseCareerSearch .tab-content .selectWrapper, body.higherEd #courseCareerSearch .tab-content .selectWrapper, body.employer #courseCareerSearch .tab-content .selectWrapper { float: left; height: 50px; height: 3.125rem; } /* line 236, ../scss/_course-listing.scss */ body.apprenticeships #courseCareerSearch .tab-content .selectWrapper.choice, body.adults #courseCareerSearch .tab-content .selectWrapper.choice, body.higherEd #courseCareerSearch .tab-content .selectWrapper.choice, body.employer #courseCareerSearch .tab-content .selectWrapper.choice { width: 46.4%; } /* line 239, ../scss/_course-listing.scss */ body.apprenticeships #courseCareerSearch .tab-content .selectWrapper.sector, body.adults #courseCareerSearch .tab-content .selectWrapper.sector, body.higherEd #courseCareerSearch .tab-content .selectWrapper.sector, body.employer #courseCareerSearch .tab-content .selectWrapper.sector { position: absolute; top: 15px; top: 0.9375rem; left: 46.4%; right: 85px; right: 5.3125rem; width: auto; margin-left: 15px; margin-left: 0.9375rem; } /* line 249, ../scss/_course-listing.scss */ body.apprenticeships #courseCareerSearch .tab-content .selectChoice, body.adults #courseCareerSearch .tab-content .selectChoice, body.higherEd #courseCareerSearch .tab-content .selectChoice, body.employer #courseCareerSearch .tab-content .selectChoice { width: 100%; max-width: 100%; margin: 0; } /* line 253, ../scss/_course-listing.scss */ body.apprenticeships #courseCareerSearch .tab-content .selectChoice.location, body.adults #courseCareerSearch .tab-content .selectChoice.location, body.higherEd #courseCareerSearch .tab-content .selectChoice.location, body.employer #courseCareerSearch .tab-content .selectChoice.location { margin-left: 0; } /* line 257, ../scss/_course-listing.scss */ body.apprenticeships #courseCareerSearch ul.tabs li, body.adults #courseCareerSearch ul.tabs li, body.higherEd #courseCareerSearch ul.tabs li, body.employer #courseCareerSearch ul.tabs li { width: auto; } /* line 259, ../scss/_course-listing.scss */ body.apprenticeships #courseCareerSearch ul.tabs li a, body.adults #courseCareerSearch ul.tabs li a, body.higherEd #courseCareerSearch ul.tabs li a, body.employer #courseCareerSearch ul.tabs li a { padding: 0 30px 0 20px; padding: 0 1.875rem 0 1.25rem; } /* line 265, ../scss/_course-listing.scss */ body.apprenticeships #pageHolder .categoryListing:before { display: none; } /* line 270, ../scss/_course-listing.scss */ section#pageHolder section#pageContent ul.courseList li { padding: 0; } /* line 273, ../scss/_course-listing.scss */ section#pageHolder section#pageContent ul.courseList li:before { display: none; } /* line 279, ../scss/_course-listing.scss */ body.course-listing #courseCareerSearch .tab-content input.searchInput { width: 100%; } /* line 282, ../scss/_course-listing.scss */ body.course-listing #courseCareerSearch #tab-1.tab-content .mobExpand:after { display: none; } /* line 285, ../scss/_course-listing.scss */ body.course-listing #courseCareerSearch #tab-1.tab-content button.searchBTN { top: 0; right: -70px; right: -4.375rem; position: absolute; } /* line 290, ../scss/_course-listing.scss */ body.course-listing #courseCareerSearch .tabbedHolder .tab-content .mobExpand { height: 50px; height: 3.125rem; position: absolute; left: 20px; left: 1.25rem; right: 90px; right: 5.625rem; width: auto; } /* line 301, ../scss/_course-listing.scss */ body.adults #courseCareerSearch ul.tabs li, body.higherEd #courseCareerSearch ul.tabs li { width: 300px; width: 18.75rem; } @media (max-width: 767px) { /*body.adults.courses, body.apprenticeships { #courseCareerSearch .tabbedHolder .tab-content button.searchBTN { @include rem(margin-top, 50px); } }*/ /* line 323, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li { width: 100%; margin-left: 0; height: auto; margin-bottom: 10px; margin-bottom: 0.625rem; } /* line 328, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li a { height: auto; padding: 15px 25px; padding: 0.9375rem 1.5625rem; } /* line 334, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li figure, section#pageHolder section#pageContent .courseListing ul.listing li .overlay, section#pageHolder section#pageContent .courseListing ul.listing li a span.viewCourses { display: none; } /* line 337, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li a .linkTitle { position: relative; float: left; width: 100%; height: auto; bottom: auto; left: auto; } /* line 344, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li a .linkTitle .center { transform: none; top: auto; position: relative; } /* line 348, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li a .linkTitle .center br { content: ""; display: none; } /* line 355, ../scss/_course-listing.scss */ body.school-leavers .courseListing ul.listing li a { background-color: #578300; } /* line 358, ../scss/_course-listing.scss */ body.apprenticeships .courseListing ul.listing li a { background-color: #007ABB; } /* line 361, ../scss/_course-listing.scss */ body.adults .courseListing ul.listing li a { background-color: #b21868; } /* line 364, ../scss/_course-listing.scss */ body.higherEd .courseListing ul.listing li a { background-color: #003145; } /* line 367, ../scss/_course-listing.scss */ body.employer .courseListing ul.listing li a { background-color: /*#727370*/#c55300; } /* line 370, ../scss/_course-listing.scss */ .categoryIntro { margin-bottom: 50px; margin-bottom: 3.125rem; } /* line 372, ../scss/_course-listing.scss */ .categoryIntro .maxWidthWrapper { width: 100%; } /* line 375, ../scss/_course-listing.scss */ .categoryIntro .introVideo { width: 100%; } /* line 379, ../scss/_course-listing.scss */ .pagedLinks { margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 382, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li a { padding: 25px 20px 80px 20px; padding: 1.5625rem 1.25rem 5rem 1.25rem; } /* line 385, ../scss/_course-listing.scss */ #pageHolder .categoryListing { padding: 10px 0 15px 0; padding: 0.625rem 0 0.9375rem 0; } /* line 387, ../scss/_course-listing.scss */ #pageHolder .categoryListing:before { height: 30px; height: 1.875rem; top: -30px; top: -1.875rem; } /* line 391, ../scss/_course-listing.scss */ #pageHolder .categoryListing h1 { margin: 0 0 45px 20px; margin: 0 0 2.8125rem 1.25rem; } /* line 393, ../scss/_course-listing.scss */ #pageHolder .categoryListing h1:before { top: -50px; top: -3.125rem; } /* line 397, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li .moreInfoBTN { height: 36px; height: 2.25rem; line-height: 36px; line-height: 2.25rem; width: 120px; width: 7.5rem; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; border-radius: 18px; background-clip: padding-box; behavior: url(PIE.htc); left: 20px; left: 1.25rem; right: auto; } /* line 405, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li .courseInfo.courseInfo { position: relative; float: left; top: auto; left: auto; right: auto; } /* line 413, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li .courseInfo.courseInfo .durationTitle, #pageHolder .categoryListing ul.courseList li .courseInfo.courseInfo .durationTime { display: none; } /* line 416, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li .courseInfo.courseInfo .clear .levelType { display: block; margin-top: 10px; margin-top: 0.625rem; } /* line 426, ../scss/_course-listing.scss */ body.apprenticeships #pageHolder .categoryListing, body.adults #pageHolder .categoryListing, body.higherEd #pageHolder .categoryListing, body.employer #pageHolder .categoryListing { padding: 0; } /* line 429, ../scss/_course-listing.scss */ body.apprenticeships #courseCareerSearch .tab-content .selectWrapper.choice, body.adults #courseCareerSearch .tab-content .selectWrapper.choice, body.higherEd #courseCareerSearch .tab-content .selectWrapper.choice, body.employer #courseCareerSearch .tab-content .selectWrapper.choice { width: 100%; } /* line 432, ../scss/_course-listing.scss */ body.apprenticeships #courseCareerSearch .tab-content .selectWrapper.sector, body.adults #courseCareerSearch .tab-content .selectWrapper.sector, body.higherEd #courseCareerSearch .tab-content .selectWrapper.sector, body.employer #courseCareerSearch .tab-content .selectWrapper.sector { top: 50px; top: 3.125rem; left: 0; margin-left: 0; right: 50px; right: 3.125rem; } /* line 438, ../scss/_course-listing.scss */ body.apprenticeships #courseCareerSearch .tab-content .selectWrapper, body.adults #courseCareerSearch .tab-content .selectWrapper, body.higherEd #courseCareerSearch .tab-content .selectWrapper, body.employer #courseCareerSearch .tab-content .selectWrapper { height: 40px; height: 2.5rem; } /* line 440, ../scss/_course-listing.scss */ body.apprenticeships #courseCareerSearch .tab-content .selectWrapper i, body.adults #courseCareerSearch .tab-content .selectWrapper i, body.higherEd #courseCareerSearch .tab-content .selectWrapper i, body.employer #courseCareerSearch .tab-content .selectWrapper i { right: 12px; right: 0.75rem; } /* line 444, ../scss/_course-listing.scss */ body.apprenticeships #pageHolder .categoryListing ul.courseList li a, body.adults #pageHolder .categoryListing ul.courseList li a, body.higherEd #pageHolder .categoryListing ul.courseList li a, body.employer #pageHolder .categoryListing ul.courseList li a { padding: 25px 20px; padding: 1.5625rem 1.25rem; } /* line 448, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li .courseIntro { padding: 20px 0 0 0; padding: 1.25rem 0 0 0; } /* line 451, ../scss/_course-listing.scss */ body.school-leavers.course-listing #courseCareerSearch .tabbedHolder #tab-1.tab-content.active { height: 105px; height: 6.5625rem; } /* line 454, ../scss/_course-listing.scss */ body.course-listing #courseCareerSearch .tabbedHolder .tab-content .mobExpand { right: 68px; right: 4.25rem; left: 15px; left: 0.9375rem; } /* line 458, ../scss/_course-listing.scss */ body.course-listing #courseCareerSearch #tab-1.tab-content button.searchBTN { right: -53px; right: -3.3125rem; } /* line 462, ../scss/_course-listing.scss */ body.adults #pageHolder .categoryListing ul.courseList li a, body.higherEd #pageHolder .categoryListing ul.courseList li a { padding: 25px 20px 60px 20px !important; padding: 1.5625rem 1.25rem 3.75rem 1.25rem !important; } /* line 465, ../scss/_course-listing.scss */ .categoryIntro .introVideo.normalQuickLink { height: 200px; height: 12.5rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 472, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li { width: 48.4375%; margin-left: 3.125%; margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 491, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(1), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(3), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(5), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(7), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(9), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(11), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(13), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(15), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(17), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(19), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(21), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(23), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(25), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(27), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(29) { margin-left: 0%; } /* line 495, ../scss/_course-listing.scss */ .categoryIntro { margin-bottom: 70px; margin-bottom: 4.375rem; } /* line 497, ../scss/_course-listing.scss */ .categoryIntro .maxWidthWrapper { width: 500px; } /* line 501, ../scss/_course-listing.scss */ #pageHolder .categoryListing { padding: 25px 0 20px 0; padding: 1.5625rem 0 1.25rem 0; } /* line 503, ../scss/_course-listing.scss */ #pageHolder .categoryListing h1 { margin: 0 0 60px 20px; margin: 0 0 3.75rem 1.25rem; } /* line 505, ../scss/_course-listing.scss */ #pageHolder .categoryListing h1:before { top: -90px; top: -5.625rem; } /* line 513, ../scss/_course-listing.scss */ body.apprenticeships #pageHolder .categoryListing ul.courseList li a, body.adults #pageHolder .categoryListing ul.courseList li a, body.higerEd #pageHolder .categoryListing ul.courseList li a, body.employer #pageHolder .categoryListing ul.courseList li a { padding: 40px; padding: 2.5rem; } /* line 517, ../scss/_course-listing.scss */ body.adults #pageHolder .categoryListing ul.courseList li a, body.higherEd #pageHolder .categoryListing ul.courseList li a { padding: 25px 20px 80px 20px !important; padding: 1.5625rem 1.25rem 5rem 1.25rem !important; } } @media (max-width: 1023px) { /* line 523, ../scss/_course-listing.scss */ .categoryIntro .welcome { width: 100%; margin-bottom: 15px; margin-bottom: 0.9375rem; } /* line 528, ../scss/_course-listing.scss */ .categoryIntro .maxWidthWrapper { margin: 0 auto; clear: both; } /* line 532, ../scss/_course-listing.scss */ .categoryIntro .introVideo { float: none; height: 0; padding-bottom: 56.25%; width: auto; margin: 0; } /* line 540, ../scss/_course-listing.scss */ .categoryIntro .introVideo.normalQuickLink { padding-bottom: 0; } /* line 543, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li .courseInfo .clear { display: block; margin: 15px 0 0 0; margin: 0.9375rem 0 0 0; } /* line 546, ../scss/_course-listing.scss */ #pageHolder .categoryListing ul.courseList li .courseInfo .clear .levelTitle { margin-left: 0; } /* line 554, ../scss/_course-listing.scss */ body.apprenticeships #pageHolder .categoryListing ul.courseList li .courseInfo.courseInfo, body.employer #pageHolder .categoryListing ul.courseList li .courseInfo.courseInfo { display: none; } /* line 557, ../scss/_course-listing.scss */ body.apprenticeships #pageHolder .categoryListing ul.courseList li .moreInfoBTN, body.employer #pageHolder .categoryListing ul.courseList li .moreInfoBTN { position: relative; right: auto; bottom: auto; left: auto; float: left; margin-top: 20px; margin-top: 1.25rem; } /* line 568, ../scss/_course-listing.scss */ body.adults #pageHolder .categoryListing ul.courseList li .courseInfo, body.higherEd #pageHolder .categoryListing ul.courseList li .courseInfo { position: relative; float: left; clear: left; bottom: auto; left: auto; right: auto; margin: 20px 0; margin: 1.25rem 0; } } @media all and (min-width: 1024px) and (max-width: 1299px) { /* line 582, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li { width: 31.3333%; margin-left: 3%; } /* line 595, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(1), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(4), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(7), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(10), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(13), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(16), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(19), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(22), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(25), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(28) { margin-left: 0%; } } @media (min-width: 1300px) { /* line 610, ../scss/_course-listing.scss */ section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(1), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(5), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(9), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(13), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(17), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(21), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(25), section#pageHolder section#pageContent .courseListing ul.listing li:nth-child(29) { margin-left: 0%; } } /* line 4, ../scss/_sector-landing.scss */ .categoryIntro .qLink { width: 100%; height: 280px; height: 17.5rem; position: relative; margin: 0 0 20px 0; margin: 0 0 1.25rem 0; overflow: hidden; float: left; } /* line 11, ../scss/_sector-landing.scss */ .categoryIntro .qLink .linkImage { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; transform: scale(1); } /* line 19, ../scss/_sector-landing.scss */ .categoryIntro .qLink:hover .linkImage { transform: scale(1.1); } /* line 22, ../scss/_sector-landing.scss */ .categoryIntro .qLink .linkName { z-index: 10; position: absolute; width: 300px; width: 18.75rem; height: 80px; height: 5rem; text-align: center; right: 50px; right: 3.125rem; bottom: 50px; bottom: 3.125rem; } /* line 30, ../scss/_sector-landing.scss */ .categoryIntro .qLink .linkName:before { content: ""; position: absolute; height: auto; width: auto; top: -10px; top: -0.62rem; bottom: -10px; bottom: -0.62rem; left: 10px; left: 0.62rem; right: -10px; right: -0.62rem; border-style: solid; border-width: 1px; } /* line 42, ../scss/_sector-landing.scss */ .categoryIntro .qLink .linkName .center { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; width: 100%; line-height: 1.2; padding: 0 25px; padding: 0 1.5625rem; } /* line 57, ../scss/_sector-landing.scss */ #courseScroller { float: left; width: 100%; margin: -40px 0 0 0; margin: -2.5rem 0 0 0; } /* line 61, ../scss/_sector-landing.scss */ #courseScroller .holder { max-width: 1296px; margin: 0 auto; } /* line 65, ../scss/_sector-landing.scss */ #courseScroller ul.listing { margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; } /* line 70, ../scss/_sector-landing.scss */ #courseScroller ul.listing.mobile { display: none; } /* line 75, ../scss/_sector-landing.scss */ #courseScroller ul.listing.owl-carousel li, #courseScroller ul.listing.owl-carousel li figure, #courseScroller ul.listing.owl-carousel li a { height: 310px; height: 19.375rem; } /* line 79, ../scss/_sector-landing.scss */ #courseScroller ul.listing.owl-carousel li a, #courseScroller ul.listing.owl-carousel figure { float: left; margin: 0; width: 100%; overflow: hidden!important; margin: 0; } /* line 85, ../scss/_sector-landing.scss */ #courseScroller ul.listing.owl-carousel li a img, #courseScroller ul.listing.owl-carousel figure img { max-width: 120%; min-width: 100%; } /* line 90, ../scss/_sector-landing.scss */ #courseScroller li { padding: 0; float: left; width: 100%; } /* line 94, ../scss/_sector-landing.scss */ #courseScroller li:before { display: none; } /* line 98, ../scss/_sector-landing.scss */ #courseScroller li .overlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; top: 230px; top: 14.375rem; } /* line 102, ../scss/_sector-landing.scss */ #courseScroller li a { display: block; position: relative; width: 100%; word-break: normal!important; } /* line 108, ../scss/_sector-landing.scss */ #courseScroller li a .linkTitle { position: absolute; bottom: 0; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 10; height: 80px; height: 5rem; line-height: 1.1; opacity: 1; } /* line 118, ../scss/_sector-landing.scss */ #courseScroller li a .linkTitle .center { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; width: 100%; } /* line 127, ../scss/_sector-landing.scss */ #courseScroller li a span.viewCourses { position: absolute; bottom: 20px; bottom: 1.25rem; left: 0; width: 100%; text-align: center; z-index: 10; height: 80px; height: 5rem; line-height: 80px; line-height: 5rem; opacity: 0; } /* line 139, ../scss/_sector-landing.scss */ #courseScroller li a:hover .linkTitle { opacity: 0; bottom: 40%; } /* line 143, ../scss/_sector-landing.scss */ #courseScroller li a:hover span.viewCourses { opacity: 1; bottom: 50%; margin-bottom: -40px; margin-bottom: -2.5rem; } /* line 148, ../scss/_sector-landing.scss */ #courseScroller li a:hover .overlay { top: 0; } /* line 153, ../scss/_sector-landing.scss */ #courseScroller ul.listing.mobile a { display: block; padding: 20px 15px; padding: 1.25rem 0.9375rem; text-align: center; } /* line 162, ../scss/_sector-landing.scss */ #pageHolder .categoryListing #courseScroller:before { content: ""; position: absolute; height: 40px; height: 2.5rem; width: 66.736%; top: -40px; top: -2.5rem; left: 0; z-index: -1; } /* line 171, ../scss/_sector-landing.scss */ #pageHolder .categoryListing #courseScroller:after { content: ""; position: absolute; height: 40px; height: 2.5rem; width: 49.5%; bottom: -40px; bottom: -2.5rem; right: 0; } /* line 181, ../scss/_sector-landing.scss */ body.landing #pageHolder .container.clear { clear: both; } /* line 183, ../scss/_sector-landing.scss */ body.landing #pageHolder .container.clear a.viewAll { position: absolute; right: 50px; right: 3.125rem; top: -15px; top: -0.9375rem; } /* line 187, ../scss/_sector-landing.scss */ body.landing #pageHolder .container.clear a.viewAll i { margin-left: 5px; margin-left: 0.3125rem; } /* line 194, ../scss/_sector-landing.scss */ body.landing #pageHolder #pageContent { padding-top: 80px; padding-top: 5rem; } /* line 197, ../scss/_sector-landing.scss */ body.landing #eventScroller:after { z-index: 2; } /* line 200, ../scss/_sector-landing.scss */ body.landing #eventScroller a.viewAll { z-index: 3; } /* line 203, ../scss/_sector-landing.scss */ body.landing #collegeLinks { clear: both; } /* line 206, ../scss/_sector-landing.scss */ body.landing #courseCareerSearch .tab-content input.searchInput { width: 100%; } /* line 209, ../scss/_sector-landing.scss */ body.landing #pageHolder .categoryListing { padding: 65px 0 50px 0; padding: 4.0625rem 0 3.125rem 0; } /* line 212, ../scss/_sector-landing.scss */ body.landing.apprenticeships #pageHolder .categoryListing h1:before { right: 40%; min-width: 800px; min-width: 50rem; } /* line 216, ../scss/_sector-landing.scss */ body.landing #newsScroller { padding: 50px 0 105px 0; padding: 3.125rem 0 6.5625rem 0; } /* line 219, ../scss/_sector-landing.scss */ body.landing #eventScroller { padding: 50px 0 80px 0; padding: 3.125rem 0 5rem 0; } /* line 221, ../scss/_sector-landing.scss */ body.landing #eventScroller:after { display: none; } /* line 224, ../scss/_sector-landing.scss */ body.landing #eventScroller a.viewAll { top: 25px; top: 1.5625rem; } /* line 233, ../scss/_sector-landing.scss */ body.landing.school-leavers #courseCareerSearch #tab-1.tab-content .mobExpand, body.landing.adults #courseCareerSearch #tab-1.tab-content .mobExpand, body.landing.higherEd #courseCareerSearch #tab-1.tab-content .mobExpand { width: auto; position: absolute; height: 50px; height: 3.125rem; left: 20px; left: 1.25rem; right: 90px; right: 5.625rem; top: 15px; top: 0.9375rem; } /* line 240, ../scss/_sector-landing.scss */ body.landing.school-leavers #courseCareerSearch #tab-1.tab-content .mobExpand input.searchInput, body.landing.adults #courseCareerSearch #tab-1.tab-content .mobExpand input.searchInput, body.landing.higherEd #courseCareerSearch #tab-1.tab-content .mobExpand input.searchInput { width: 100%; } /* line 243, ../scss/_sector-landing.scss */ body.landing.school-leavers #courseCareerSearch #tab-1.tab-content .mobExpand button.searchBTN, body.landing.adults #courseCareerSearch #tab-1.tab-content .mobExpand button.searchBTN, body.landing.higherEd #courseCareerSearch #tab-1.tab-content .mobExpand button.searchBTN { position: absolute; top: 0; right: -70px; right: -4.375rem; } /* line 251, ../scss/_sector-landing.scss */ #studentProfiles { position: relative; float: left; clear: both; width: 100%; padding: 50px 0 60px 0; padding: 3.125rem 0 3.75rem 0; background-color: #d6d3d0; } /* line 258, ../scss/_sector-landing.scss */ #studentProfiles ul { float: left; position: relative; width: 100%; margin: 0; padding: 0; list-style-type: none; } /* line 265, ../scss/_sector-landing.scss */ #studentProfiles figure, #studentProfiles .profileInfo { margin: 0; float: left; width: 50%; } /* line 270, ../scss/_sector-landing.scss */ #studentProfiles figure { min-height: 360px; min-height: 22.5rem; background-repeat: no-repeat; background-size: cover; } /* line 275, ../scss/_sector-landing.scss */ #studentProfiles .profileInfo { padding: 40px 50px 90px 50px; padding: 2.5rem 3.125rem 5.625rem 3.125rem; position: relative; } /* line 278, ../scss/_sector-landing.scss */ #studentProfiles .profileInfo .course { margin: 5px 0 10px 0; margin: 0.3125rem 0 0.625rem 0; } /* line 281, ../scss/_sector-landing.scss */ #studentProfiles .profileInfo p { line-height: 1.5; } /* line 284, ../scss/_sector-landing.scss */ #studentProfiles .profileInfo a.readMore { position: absolute; bottom: 40px; bottom: 2.5rem; left: 50px; left: 3.125rem; } /* line 288, ../scss/_sector-landing.scss */ #studentProfiles .profileInfo a.readMore i { margin-left: 5px; margin-left: 0.3125rem; } /* line 291, ../scss/_sector-landing.scss */ #studentProfiles .profileInfo a.readMore:hover i { margin-left: 10px; margin-left: 0.625rem; } /* line 296, ../scss/_sector-landing.scss */ #studentProfiles .owl-carousel .owl-stage-outer { overflow: hidden; } /* line 299, ../scss/_sector-landing.scss */ #studentProfiles .owl-dots { float: left; width: 100%; text-align: center; margin-top: 45px; margin-top: 2.8125rem; } /* line 304, ../scss/_sector-landing.scss */ #studentProfiles .owl-dots button { 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); margin: 0 4px; margin: 0 0.25rem; display: inline-block; } /* line 315, ../scss/_sector-landing.scss */ #whoWeWorkWith { clear: both; padding: 75px 0 60px 0; padding: 4.6875rem 0 3.75rem 0; position: relative; float: left; width: 100%; } /* line 321, ../scss/_sector-landing.scss */ #whoWeWorkWith h1 { margin: 0 0 60px 0; margin: 0 0 3.75rem 0; position: relative; } /* line 324, ../scss/_sector-landing.scss */ #whoWeWorkWith h1:before { content: ""; position: absolute; height: auto; width: auto; top: -110px; top: -6.875rem; bottom: -10px; bottom: -0.625rem; left: -20px; left: -1.25rem; right: 50%; right: 50%; border-style: solid; border-width: 1px; min-width: 600px; min-width: 37.5rem; } /* line 339, ../scss/_sector-landing.scss */ #whoWeWorkWith .partnerships.owl-carousel, #whoWeWorkWith .partnerships.owl-carousel li { float: left; width: 100%; } /* line 343, ../scss/_sector-landing.scss */ #whoWeWorkWith .holder { max-width: 1296px; margin: 47px auto 0 auto; } /* line 347, ../scss/_sector-landing.scss */ #whoWeWorkWith:after { content: ""; position: absolute; height: 40px; height: 2.5rem; width: 49.5%; bottom: -40px; bottom: -2.5rem; right: 0; z-index: 1; } /* line 356, ../scss/_sector-landing.scss */ #whoWeWorkWith ul.partnerships { margin: 0; padding: 0; list-style-type: none; } /* line 359, ../scss/_sector-landing.scss */ #whoWeWorkWith ul.partnerships.owl-carousel li { height: 310px; height: 19.375rem; } /* line 362, ../scss/_sector-landing.scss */ #whoWeWorkWith ul.partnerships.owl-carousel li figure { height: 220px; height: 13.75rem; } /* line 366, ../scss/_sector-landing.scss */ #whoWeWorkWith ul.partnerships.owl-carousel li, #whoWeWorkWith ul.partnerships.owl-carousel figure { float: left; margin: 0; width: 100%; overflow: hidden!important; margin: 0; position: relative; } /* line 373, ../scss/_sector-landing.scss */ #whoWeWorkWith ul.partnerships.owl-carousel li img, #whoWeWorkWith ul.partnerships.owl-carousel figure img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); max-width: 120%; min-width: 100%; } /* line 383, ../scss/_sector-landing.scss */ #whoWeWorkWith ul.partnerships.owl-carousel li:hover img { transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); } /* line 387, ../scss/_sector-landing.scss */ #whoWeWorkWith ul.partnerships.owl-carousel .companyName { float: left; width: 100%; height: 80px; height: 5rem; } /* line 391, ../scss/_sector-landing.scss */ #whoWeWorkWith ul.partnerships.owl-carousel .companyName .center { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; width: 100%; text-align: center; } /* line 402, ../scss/_sector-landing.scss */ #whoWeWorkWith li { padding: 0; float: left; width: 100%; } /* line 406, ../scss/_sector-landing.scss */ #whoWeWorkWith li:before { display: none; } /* line 414, ../scss/_sector-landing.scss */ body.employer #whoWeWorkWith:before { content: ""; position: absolute; height: 40px; height: 2.5rem; width: 66.736%; top: -40px; top: -2.5rem; left: 0; } /* line 422, ../scss/_sector-landing.scss */ body.employer #whoWeWorkWith { padding: 54px 0 60px 0; padding: 3.375rem 0 3.75rem 0; } @media (max-width: 767px) { /* line 437, ../scss/_sector-landing.scss */ body.landing .categoryIntro { margin-bottom: 40px; margin-bottom: 2.5rem; } /* line 439, ../scss/_sector-landing.scss */ body.landing .categoryIntro .welcome { margin-bottom: 0; } /* line 443, ../scss/_sector-landing.scss */ body.landing #pageHolder .categoryListing { padding: 0; padding: 0; } /* line 445, ../scss/_sector-landing.scss */ body.landing #pageHolder .categoryListing:before { height: 30px; height: 1.875rem; top: -30px; top: -1.875rem; width: 72%; } /* line 450, ../scss/_sector-landing.scss */ body.landing #pageHolder .categoryListing h1:before { min-width: 200px; min-width: 12.5rem; } /* line 453, ../scss/_sector-landing.scss */ body.landing #pageHolder .categoryListing #courseScroller:after { height: 30px; height: 1.875rem; bottom: -30px; bottom: -1.875rem; width: 72%; } /* line 459, ../scss/_sector-landing.scss */ body.landing #courseScroller { margin-top: -15px; margin-top: -0.9375rem; } /* line 462, ../scss/_sector-landing.scss */ body.landing #courseScroller .holder { padding: 30px 0 30px 0; padding: 1.875rem 0 1.875rem 0; } /* line 465, ../scss/_sector-landing.scss */ body.landing #pageHolder .container.clear a.viewAll { top: -5px; top: -0.3125rem; right: 5%; } /* line 469, ../scss/_sector-landing.scss */ body.landing #newsScroller { padding: 30px 0 90px 0; padding: 1.875rem 0 5.625rem 0; } /* line 472, ../scss/_sector-landing.scss */ body.landing .categoryIntro .introVideo { text-align: center; } /* line 475, ../scss/_sector-landing.scss */ body.landing #pageHolder #pageContent { padding-top: 40px; padding-top: 2.5rem; } /* line 478, ../scss/_sector-landing.scss */ body.landing.employer #newsScroller { padding: 30px 0 60px 0; padding: 1.875rem 0 3.75rem 0; } /* line 482, ../scss/_sector-landing.scss */ #courseScroller ul.listing.owl-carousel { display: none; } /* line 485, ../scss/_sector-landing.scss */ #courseScroller ul.listing.mobile { display: block; } /* line 488, ../scss/_sector-landing.scss */ #studentProfiles { padding: 45px 0 20px 0; padding: 2.8125rem 0 1.25rem 0; } /* line 490, ../scss/_sector-landing.scss */ #studentProfiles .owl-dots { margin-top: 20px; margin-top: 1.25rem; } /* line 494, ../scss/_sector-landing.scss */ #studentProfiles figure { min-height: 0; height: 160px; height: 10rem; } /* line 498, ../scss/_sector-landing.scss */ #studentProfiles .profileInfo { padding: 20px 30px 70px 30px; padding: 1.25rem 1.875rem 4.375rem 1.875rem; } /* line 500, ../scss/_sector-landing.scss */ #studentProfiles .profileInfo a.readMore { position: absolute; bottom: 20px; bottom: 1.25rem; left: 30px; left: 1.875rem; } /* line 506, ../scss/_sector-landing.scss */ #studentProfiles .profileInfo .course { line-height: 1.2; } /* line 509, ../scss/_sector-landing.scss */ .categoryIntro .qLink { height: 180px; height: 11.25rem; width: 340px; width: 21.25rem; max-width: 100%; display: inline-block; float: none; } /* line 515, ../scss/_sector-landing.scss */ .categoryIntro .qLink .linkName { height: 45px; height: 2.8125rem; width: 170px; width: 10.625rem; right: 30px; right: 1.875rem; bottom: 30px; bottom: 1.875rem; } /* line 520, ../scss/_sector-landing.scss */ .categoryIntro .qLink .linkName:before { top: -10px; top: -0.625rem; right: -10px; right: -0.625rem; bottom: -10px; bottom: -0.625rem; left: 10px; left: 0.625rem; } /* line 537, ../scss/_sector-landing.scss */ body.school-leavers #courseCareerSearch .tabbedHolder #tab-1.tab-content.active, body.school-leavers #courseCareerSearch .tabbedHolder #tab-1.tab-content.active, body.adults #courseCareerSearch .tabbedHolder #tab-1.tab-content.active, body.higherEd #courseCareerSearch .tabbedHolder #tab-1.tab-content.active { height: 115px; height: 7.1875rem; } /* line 540, ../scss/_sector-landing.scss */ body.school-leavers #courseCareerSearch .tabbedHolder #tab-1.tab-content .mobExpand, body.school-leavers #courseCareerSearch .tabbedHolder #tab-1.tab-content .mobExpand, body.adults #courseCareerSearch .tabbedHolder #tab-1.tab-content .mobExpand, body.higherEd #courseCareerSearch .tabbedHolder #tab-1.tab-content .mobExpand { top: 50px; top: 3.125rem; left: 15px; left: 0.9375rem; right: 68px; right: 4.25rem; } /* line 544, ../scss/_sector-landing.scss */ body.school-leavers #courseCareerSearch .tabbedHolder #tab-1.tab-content .mobExpand button.searchBTN, body.school-leavers #courseCareerSearch .tabbedHolder #tab-1.tab-content .mobExpand button.searchBTN, body.adults #courseCareerSearch .tabbedHolder #tab-1.tab-content .mobExpand button.searchBTN, body.higherEd #courseCareerSearch .tabbedHolder #tab-1.tab-content .mobExpand button.searchBTN { right: -53px; right: -3.3125rem; } /* line 550, ../scss/_sector-landing.scss */ #pageHolder .categoryListing #courseScroller:before { height: 30px; height: 1.875rem; top: -30px; top: -1.875rem; } /* line 555, ../scss/_sector-landing.scss */ body.apprenticeships.landing #pageHolder .categoryListing h1 { margin: 0 0 65px 20px; margin: 0 0 4.0625rem 1.25rem; padding-right: 30%; } /* line 558, ../scss/_sector-landing.scss */ body.apprenticeships.landing #pageHolder .categoryListing h1:before { min-width: 0; width: 90%; right: 1%!important; } /* line 564, ../scss/_sector-landing.scss */ body.apprenticeships.landing #pageHolder .categoryListing #courseScroller:before { width: 95%; } /* line 568, ../scss/_sector-landing.scss */ body.apprenticeships.landing #pageHolder .categoryListing #courseScroller:after { width: 97%; } /* line 571, ../scss/_sector-landing.scss */ #whoWeWorkWith { padding: 55px 0 25px 0; padding: 3.4375rem 0 1.5625rem 0; } /* line 573, ../scss/_sector-landing.scss */ #whoWeWorkWith h1 { max-width: 220px; max-width: 13.75rem; padding-left: 20px; padding-left: 1.25rem; margin: 0 0 35px 0; margin: 0 0 2.1875rem 0; } /* line 577, ../scss/_sector-landing.scss */ #whoWeWorkWith h1:before { left: 0; min-width: 225px; min-width: 14.0625rem; top: -42px; top: -2.625rem; } /* line 584, ../scss/_sector-landing.scss */ body.landing #eventScroller { padding: 10px 0 80px 0; padding: 0.625rem 0 5rem 0; } /* line 587, ../scss/_sector-landing.scss */ body.employer #whoWeWorkWith { padding: 0 0 30px 0; padding: 0 0 1.875rem 0;margin-bottom:25px; } /* line 591, ../scss/_sector-landing.scss */ #whoWeWorkWith:before, #whoWeWorkWith:after { height: 30px; height: 1.875rem; } /* line 594, ../scss/_sector-landing.scss */ #whoWeWorkWith:before { top: -30px; top: -1.875rem; } /* line 597, ../scss/_sector-landing.scss */ #whoWeWorkWith:after { bottom: -30px; bottom: -1.875rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 604, ../scss/_sector-landing.scss */ body.landing #pageHolder .categoryListing { padding: 22px 0 40px 0; padding: 1.375rem 0 2.5rem 0; } /* line 607, ../scss/_sector-landing.scss */ body.landing #newsScroller { padding: 30px 0 70px 0; padding: 1.875rem 0 4.375rem 0; } /* line 610, ../scss/_sector-landing.scss */ body.landing section#pageHolder section#pageContent { padding-top: 50px; padding-top: 3.125rem; } /* line 613, ../scss/_sector-landing.scss */ body.landing #courseScroller { margin-top: -20px; margin-top: -1.25rem; } /* line 617, ../scss/_sector-landing.scss */ #studentProfiles figure { min-height: 0; height: 360px; height: 22.5rem; } /* line 621, ../scss/_sector-landing.scss */ body.landing #eventScroller { padding: 22px 0 80px 0; padding: 1.375rem 0 5rem 0; } /* line 624, ../scss/_sector-landing.scss */ #whoWeWorkWith h1 { max-width: 350px; max-width: 21.875rem; } /* line 626, ../scss/_sector-landing.scss */ #whoWeWorkWith h1:before { min-width: 400px; min-width: 25rem; } /* line 630, ../scss/_sector-landing.scss */ body.employer #whoWeWorkWith { padding: 0 0 50px 0; padding: 0 0 3.125rem 0;margin-bottom: 50px; } /* line 633, ../scss/_sector-landing.scss */ body.apprenticeships.landing #pageHolder .categoryListing h1 { max-width: 500px; max-width: 31.25rem; margin-left: 0; margin-left: 0; } /* line 636, ../scss/_sector-landing.scss */ body.apprenticeships.landing #pageHolder .categoryListing h1:before { min-width: 520px; min-width: 32.5rem; } } @media (max-width: 1023px) { /* line 644, ../scss/_sector-landing.scss */ #courseScroller .holder, #whoWeWorkWith .holder { float: left; width: 90%; margin-left: 5%; } /* line 649, ../scss/_sector-landing.scss */ #whoWeWorkWith .holder { margin-top: 0; } /* line 652, ../scss/_sector-landing.scss */ #whoWeWorkWith .owl-carousel .owl-stage-outer { overflow: hidden; } /* line 656, ../scss/_sector-landing.scss */ #studentProfiles figure, #studentProfiles .profileInfo { width: 100%; } } /* Slider */ /* line 3, ../scss/_slick.scss */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } /* line 17, ../scss/_slick.scss */ .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } /* line 24, ../scss/_slick.scss */ .slick-list:focus { outline: none; } /* line 28, ../scss/_slick.scss */ .slick-list.dragging { cursor: pointer; cursor: hand; } /* line 34, ../scss/_slick.scss */ .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* line 42, ../scss/_slick.scss */ .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } /* line 51, ../scss/_slick.scss */ .slick-track:before, .slick-track:after { content: ""; display: table; } /* line 56, ../scss/_slick.scss */ .slick-track:after { clear: both; } /* line 60, ../scss/_slick.scss */ .slick-loading .slick-track { visibility: hidden; } /* line 64, ../scss/_slick.scss */ .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } /* line 68, ../scss/_slick.scss */ [dir="rtl"] .slick-slide { float: right; } /* line 71, ../scss/_slick.scss */ .slick-slide img { display: block; } /* line 74, ../scss/_slick.scss */ .slick-slide.slick-loading img { display: none; } /* line 80, ../scss/_slick.scss */ .slick-slide.dragging img { pointer-events: none; } /* line 84, ../scss/_slick.scss */ .slick-initialized .slick-slide { display: block; } /* line 88, ../scss/_slick.scss */ .slick-loading .slick-slide { visibility: hidden; } /* line 92, ../scss/_slick.scss */ .slick-vertical .slick-slide { display: block; height: auto; margin-bottom: 7px; margin-bottom: 0.4375rem; } /* line 98, ../scss/_slick.scss */ .slick-arrow.slick-hidden { display: none; } /* line 103, ../scss/_slick.scss */ .slick-slide.slick-center { -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); -webkit-transform: scale(1.08); color: #e67e22; opacity: 1; transform: scale(1.08); } /* line 113, ../scss/_slick.scss */ .slick-arrow { position: absolute; top: -55px; right: -6px; height: 40px; height: 2.5rem; width: 30px; width: 1.875rem; background: 0 0; border: 0; padding: 0; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; outline: none; } /* line 126, ../scss/_slick.scss */ .slick-arrow.slick-prev { right: 30px; right: 1.875rem; } /* line 129, ../scss/_slick.scss */ .slick-arrow:before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; font-family: "Font Awesome 5 Free"; font-weight: 700; line-height: 40px; line-height: 2.5rem; text-align: center; color: white; } /* line 137, ../scss/_slick.scss */ .slick-arrow.slick-prev:before { content: "\f062"; } /* line 140, ../scss/_slick.scss */ .slick-arrow.slick-next:before { content: "\f063"; } /* line 143, ../scss/_slick.scss */ .slick-arrow:hover:before { color: /*#444444*/#000000; } /* line 3, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection { float: left; width: 100%; border-style: solid; border-width: 1px; margin-top: 60px; margin-top: 3.75rem; padding: 40px 70px; padding: 2.5rem 4.375rem; background-color: #f4f2f9; } /* line 11, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection .owl-carousel .owl-stage-outer { overflow: hidden; } /* line 14, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection h2 { margin: 0 0 50px 0; margin: 0 0 3.125rem 0; text-align: center; } /* line 18, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection ul.careersScroller { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; padding: 0 60px; padding: 0 3.75rem; } /* line 23, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection ul.careersScroller .owl-item { text-align: center; } /* line 26, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection ul.careersScroller li { display: inline-block; width: 100%; text-align: center; height: 186px; height: 11.625rem; padding: 10px; padding: 0.625rem; line-height: 1.1; } /* line 33, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection ul.careersScroller li:before { display: none; } /* line 36, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection ul.careersScroller li.earnings { background-image: url(../images/global/earnings-circle.png); background-position: center center; background-repeat: no-repeat; padding: 66px 30px; padding: 4.125rem 1.975rem; min-height: 220px;} @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 36, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection ul.careersScroller li.earnings { background-image: url(../images/@2x/earnings-circle@2x.png); -webkit-background-size: 186px 186px; background-size: 186px 186px; } } /* line 45, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection .owl-nav { position: absolute; width: 100%; left: 0; cursor: pointer; z-index: 300; top: 50%; display: block; margin-top: -20px; margin-top: -1.25rem; height: 40px; height: 2.5rem; } /* line 57, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection .owl-prev, #pageHolder #pageContent .careersProjection .owl-next { height: 40px; width: 40px; position: absolute; top: 0; top: 0; outline: none; } /* line 62, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection .owl-prev:before, #pageHolder #pageContent .careersProjection .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 70, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection .owl-prev { left: 0px; left: 0rem; } /* line 72, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection .owl-prev:before { content: "\f060"; margin-left: -1px; margin-left: -0.0625rem; } /* line 77, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection .owl-next { right: 0px; right: 0rem; } /* line 79, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection .owl-next:before { content: "\f061"; margin-left: 1px; margin-left: 0.0625rem; } @media (max-width: 767px) { /* line 93, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection { margin: 15px 0 60px 0; margin: 0.9375rem 0 3.75rem 0; padding: 20px 25px; padding: 1.25rem 1.5625rem; } /* line 96, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection ul.careersScroller { padding: 0; } /* line 98, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection ul.careersScroller li { min-width: 186px; min-width: 11.625rem;min-height:300px; } #pageHolder #pageContent .careersProjection ul.careersScroller li.earnings .number{margin-top:-130px !important} /* line 100, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection ul.careersScroller li.earnings { padding: 72px 30px; padding: 4.5rem 1.875rem; } /* line 105, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection .owl-nav { bottom: -73px; bottom: -4.5625rem; bottom: -73px; bottom: -4.5625rem; top: auto; margin-top: auto; } /* line 111, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection .owl-prev { left: 50%; margin-left: -40px; margin-left: -2.5rem; } /* line 115, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection .owl-next { right: 50%; margin-right: -40px; margin-right: -2.5rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 123, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection { margin: -15px 0 55px 0; margin: -0.9375rem 0 3.4375rem 0; } /* line 125, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection ul.careersScroller { padding: 0 20px; padding: 0 1.25rem; } /* line 128, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection .owl-prev { left: -10px; left: -0.62rem; } /* line 131, ../scss/_careers.scss */ #pageHolder #pageContent .careersProjection .owl-next { right: -20px; right: -1.25rem; } } /* line 4, ../scss/_course-detail.scss */ body.course-detail #pageHolder .pageHolder { margin-right: -330px; margin-right: -20.625rem; } /* line 7, ../scss/_course-detail.scss */ body.course-detail #pageHolder #pageContent { margin-left: 0; margin-right: 330px; margin-right: 20.625rem; } /* line 10, ../scss/_course-detail.scss */ body.course-detail #pageHolder #pageContent .courseStats { float: left; width: 100%; padding: 0 0 20px 0; padding: 0 0 1.25rem 0; margin: 10px 0 10px 0; margin: 0.625rem 0 0.625rem 0; border-bottom-style: none; border-bottom-width: 0px; line-height: 1.6; } /* line 18, ../scss/_course-detail.scss */ body.course-detail #pageHolder #pageContent .courseStats div { float: left; margin-right: 20px; margin-right: 1.25rem; } /* line 21, ../scss/_course-detail.scss */ body.course-detail #pageHolder #pageContent .courseStats div i { margin-right: 8px; margin-right: 0.5rem; } /* line 25, ../scss/_course-detail.scss */ body.course-detail #pageHolder #pageContent .courseStats div:first-child { margin-left: 0; } /* line 30, ../scss/_course-detail.scss */ body.course-detail .rightSidebar { float: right; width: 280px; width: 17.5rem; margin-top: 240px; margin-top: 15rem; z-index: 5; position: relative; } /* line 36, ../scss/_course-detail.scss */ body.course-detail .rightSidebar a.button { display: block; height: 160px; height: 10rem; float: left; width: 100%; margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 42, ../scss/_course-detail.scss */ body.course-detail .rightSidebar a.button .icon { float: left; width: 100%; height: 110px; height: 6.875rem; background-position: center; background-repeat: no-repeat; line-height: 110px; line-height: 6.875rem; text-align: center; } /* line 51, ../scss/_course-detail.scss */ body.course-detail .rightSidebar a.button .type { float: left; width: 100%; height: 50px; height: 3.125rem; line-height: 50px; line-height: 3.125rem; text-align: center; position: relative; } /* line 58, ../scss/_course-detail.scss */ body.course-detail .rightSidebar a.button .type:before { content: ""; bottom: -1px; bottom: -0.0625rem; top: 0; width: 230px; width: 14.375rem; height: auto; position: absolute; border: 1px solid white; left: -1px; left: -0.0625rem; } /* line 70, ../scss/_course-detail.scss */ body.course-detail .rightSidebar a.button.apply .type:before { right: -1px; right: -0.0625rem; left: auto; } /* line 76, ../scss/_course-detail.scss */ body.course-detail .rightSidebar a.button.basket .type:before { right: -1px; right: -0.0625rem; left: auto; width: 240px; width: 15rem; } /* line 83, ../scss/_course-detail.scss */ body.course-detail .rightSidebar .qLink { width: 100%; height: 160px; height: 10rem; position: relative; margin: 0 0 20px 0; margin: 0 0 1.25rem 0; overflow: hidden; float: left; } /* line 90, ../scss/_course-detail.scss */ body.course-detail .rightSidebar .qLink .linkImage { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; z-index: 1; transform: scale(1); } /* line 98, ../scss/_course-detail.scss */ body.course-detail .rightSidebar .qLink:hover .linkImage { transform: scale(1.1); } /* line 101, ../scss/_course-detail.scss */ body.course-detail .rightSidebar .qLink .linkName { z-index: 10; position: absolute; width: 170px; width: 10.625rem; height: 45px; height: 2.8125rem; text-align: center; right: 30px; right: 1.875rem; bottom: 30px; bottom: 1.875rem; } /* line 109, ../scss/_course-detail.scss */ body.course-detail .rightSidebar .qLink .linkName:before { content: ""; position: absolute; height: auto; width: auto; top: -10px; top: -0.625rem; bottom: -10px; bottom: -0.625rem; left: 10px; left: 0.625rem; right: -10px; right: -0.625rem; border-style: solid; border-width: 1px; } /* line 121, ../scss/_course-detail.scss */ body.course-detail .rightSidebar .qLink .linkName .center { position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 0; width: 100%; line-height: 1.2; padding: 0 25px; padding: 0 1.5625rem; } /* line 134, ../scss/_course-detail.scss */ body.course-detail #accordion { float: left; width: 100%; } /* line 137, ../scss/_course-detail.scss */ body.course-detail #accordion h3 { display: block; padding: 10px 35px 10px 0; padding: 1.25rem 2.1875rem 1.25rem 0; margin: 0 !important; margin: 0 !important; position: relative; outline: none; border-top-style: solid; border-top-width: 1px; } /* line 145, ../scss/_course-detail.scss */ body.course-detail #accordion h3:after { width: 30px; width: 1.875rem; top: 9px; top: 20px; height: 20px; position: absolute; right: 0; text-align: center; font-family: "Font Awesome 5 Free"; font-weight: 700; content: "\f078"; z-index: 2; transform: rotate(0); -webkit-transform: rotate(0);cursor:hand;cursor:pointer; } /* line 159, ../scss/_course-detail.scss */ body.course-detail #accordion h3.ui-state-active:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); } /* line 166, ../scss/_course-detail.scss */ body.course-detail #pageHolder #pageContent .careersProjection { padding: 40px; padding: 2.5rem; } /* line 168, ../scss/_course-detail.scss */ body.course-detail #pageHolder #pageContent .careersProjection ul.careersScroller { padding: 0; } /* line 171, ../scss/_course-detail.scss */ body.course-detail #pageHolder #pageContent .careersProjection .owl-nav { bottom: -100px; bottom: -6.25rem; top: auto; } /* line 174, ../scss/_course-detail.scss */ body.course-detail #pageHolder #pageContent .careersProjection .owl-nav .owl-prev { left: 50%; margin-left: -40px; margin-left: -2.5rem; } /* line 178, ../scss/_course-detail.scss */ body.course-detail #pageHolder #pageContent .careersProjection .owl-nav .owl-next { right: 50%; margin-right: -40px; margin-right: -2.5rem; } /* line 184, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller { float: left; width: 100%; clear: both; overflow: hidden; } /* line 189, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .bgWrapper { padding: 55px 0 135px 0; padding: 3.4375rem 0 3.4375rem 0; float: left; width: 100%; } /* line 194, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller h1 { float: left; padding: 0 80px; padding: 0 5rem; margin: 0; height: 80px; height: 5rem; line-height: 80px; line-height: 5rem; position: relative; } /* line 201, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller h1 a.panelOpen { display: none; position: absolute; right: 0; right: 0; height: 47px; width: 47px; text-align: center; top: 0; } /* line 208, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller h1 a.panelOpen i { transform: rotate(0); } /* line 211, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller h1 a.panelOpen.open i { transform: rotate(180deg); } /* line 217, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .relatedCourses.owl-carousel, body.course-detail #relatedCourseScroller .courseItem { float: left; width: 100%; } /* line 221, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .panelCloser { float: left; width: 100%; } /* line 225, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .courseItem { padding: 35px 35px 230px 35px; padding: 2.1875rem 2.1875rem 14.375rem 2.1875rem; } /* line 228, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .courseItem .more, body.course-detail #relatedCourseScroller .courseItem .apply { position: absolute; height: 60px; height: 3.75rem; line-height: 60px; line-height: 3.75rem; padding: 0 28px; padding: 0 1.75rem; bottom: 30px; bottom: 1.875rem; left: 35px; left: 2.1875rem; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; background-clip: padding-box; behavior: url(PIE.htc); width: 200px; width: 12.5rem; text-align: center; float: left; } /* line 239, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .courseItem .more i, body.course-detail #relatedCourseScroller .courseItem .apply i { margin-right: 8px; margin-right: 0.5rem; } /* line 243, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .courseItem .apply { margin-left: 220px; margin-left: 13.75rem; } /* line 247, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .holder { max-width: 1296px; margin: 0 auto; } /* line 251, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .owl-nav { top: -125px; top: -7.8125rem; } /* line 257, ../scss/_course-detail.scss */ body.school-leavers.course-detail #pageHolder #pageContent .careersProjection ul.careersScroller li.earnings { background-image: url(../images/global/school-leavers-earnings-circle.png); } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 257, ../scss/_course-detail.scss */ body.school-leavers.course-detail #pageHolder #pageContent .careersProjection ul.careersScroller li.earnings { background-image: url(../images/@2x/school-leavers-earnings-circle@2x.png); -webkit-background-size: 186px 186px; background-size: 186px 186px; } } /* line 261, ../scss/_course-detail.scss */ body.apprenticeships.course-detail #pageHolder #pageContent .careersProjection ul.careersScroller li.earnings { background-image: url(../images/global/apprenticeships-earnings-circle.png); } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 261, ../scss/_course-detail.scss */ body.apprenticeships.course-detail #pageHolder #pageContent .careersProjection ul.careersScroller li.earnings { background-image: url(../images/@2x/apprenticeships-earnings-circle@2x.png); -webkit-background-size: 186px 186px; background-size: 186px 186px; } } /* line 265, ../scss/_course-detail.scss */ body.adults.course-detail #pageHolder #pageContent .careersProjection ul.careersScroller li.earnings { background-image: url(../images/global/adults-earnings-circle.png); } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 265, ../scss/_course-detail.scss */ body.adults.course-detail #pageHolder #pageContent .careersProjection ul.careersScroller li.earnings { background-image: url(../images/@2x/adults-earnings-circle@2x.png); -webkit-background-size: 186px 186px; background-size: 186px 186px; } } /* line 269, ../scss/_course-detail.scss */ body.higherEd.course-detail #pageHolder #pageContent .careersProjection ul.careersScroller li.earnings { background-image: url(../images/global/higher-education-earnings-circle.png); } @media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* line 269, ../scss/_course-detail.scss */ body.higherEd.course-detail #pageHolder #pageContent .careersProjection ul.careersScroller li.earnings { background-image: url(../images/@2x/higher-education-earnings-circle@2x.png); -webkit-background-size: 186px 186px; background-size: 186px 186px; } } /* line 275, ../scss/_course-detail.scss */ body.course-detail.apprenticeships #relatedCourseScroller .bgWrapper { padding: 55px 0 45px 0; padding: 3.4375rem 0 2.8125rem 0; } @media (max-width: 767px) { /* line 287, ../scss/_course-detail.scss */ body.course-detail #accordion h3:after { top: 1.2rem; height: 15px; } body.course-detail #pageHolder section#pageContent, body.course-detail #pageHolder .pageHolder { margin-right: 0; } /* line 290, ../scss/_course-detail.scss */ body.course-detail #pageHolder { margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 293, ../scss/_course-detail.scss */ body.course-detail .rightSidebar { margin: 0 auto; float: none; } /* line 298, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .container { padding: 0; } /* line 301, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .bgWrapper { padding: 6px 0 50px 0; padding: 2.375rem 0 3.125rem 0; } /* line 304, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller h1 { height: 30px; height: 1.875rem; padding: 0 5%; width: 90%; line-height: 50px; line-height: 3.125rem; } /* line 310, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .courseItem { padding: 25px 20px 90px 20px; padding: 1.5625rem 1.25rem 5.625rem 1.25rem; } /* line 314, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .courseItem .more, body.course-detail #relatedCourseScroller .courseItem .apply { height: 36px; height: 2.25rem; line-height: 36px; line-height: 2.25rem; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; border-radius: 18px; background-clip: padding-box; behavior: url(PIE.htc); width: 120px; width: 7.5rem; padding: 0; bottom: 20px; bottom: 1.25rem; left: 20px; left: 1.25rem; } /* line 323, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .courseItem .apply { margin-left: 135px; margin-left: 8.4375rem; } /* line 326, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .owl-nav { top: auto; bottom: 0; right: 50%; margin-right: -40px; margin-right: -2.5rem; margin-left: 0; left: auto; width: 80px; width: 5rem; } /* line 334, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .owl-nav button { height: 40px; width: 40px; } /* line 336, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .owl-nav button:before { line-height: 40px; line-height: 2.5rem; } /* line 342, ../scss/_course-detail.scss */ body.course-detail #courseScroller.related { margin: -30px 0 0 0; margin: -1.875rem 0 0 0; } /* line 344, ../scss/_course-detail.scss */ body.course-detail #courseScroller.related .bgWrapper { padding: 10px 0 5px 0; padding: 0.625rem 0 0.3125rem 0; } /* line 347, ../scss/_course-detail.scss */ body.course-detail #courseScroller.related .courses .item a { padding: 25px 20px 90px 20px; padding: 1.5625rem 1.25rem 5.625rem 1.25rem; } /* line 349, ../scss/_course-detail.scss */ body.course-detail #courseScroller.related .courses .item a .more { height: 36px; height: 2.25rem; line-height: 36px; line-height: 2.25rem; -webkit-border-radius: 18px; -moz-border-radius: 18px; -ms-border-radius: 18px; border-radius: 18px; background-clip: padding-box; behavior: url(PIE.htc); width: 120px; width: 7.5rem; padding: 0; bottom: 20px; bottom: 1.25rem; left: 20px; left: 1.25rem; text-align: center; } /* line 360, ../scss/_course-detail.scss */ body.course-detail #courseScroller.related h1 { height: 30px; height: 1.875rem; padding: 0 5%; width: 90%; line-height: 50px; line-height: 3.125rem; } /* line 366, ../scss/_course-detail.scss */ body.course-detail #courseScroller.related .owl-nav { top: auto; bottom: 0; right: 50%; margin-right: -40px; margin-right: -2.5rem; margin-left: 0; left: auto; } /* line 374, ../scss/_course-detail.scss */ body.course-detail #courseScroller.related .owl-nav .owl-prev, body.course-detail #courseScroller.related .owl-nav .owl-next { color: white; } /* line 379, ../scss/_course-detail.scss */ body.course-detail #pageHolder #pageContent .careersProjection { padding: 25px 30px; padding: 1.5625rem 1.875rem; } /* line 382, ../scss/_course-detail.scss */ body.course-detail.apprenticeships #relatedCourseScroller .bgWrapper { padding: 10px 0 5px 0; padding: 0.625rem 0 0.3125rem 0; } /* line 385, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller h1 a.panelOpen { display: block; } /* line 389, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .panelCloser, #courseScroller.related .panelCloser { display: none; padding: 20px 0 40px 0; padding: 1.25rem 0 2.5rem 0; } /* line 393, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .holder { padding: 0 0 8px 0; padding: 0 0 0.5rem 0; } /* line 396, ../scss/_course-detail.scss */ body.course-detail .rightSidebar { width: 340px; width: 21.25rem; max-width: 100%; } /* line 400, ../scss/_course-detail.scss */ body.course-detail .rightSidebar a.button.download .type:before, body.course-detail .rightSidebar a.button.basket .type:before { width: 260px; width: 16.25rem; } /* line 404, ../scss/_course-detail.scss */ body.course-detail #pageHolder #pageContent .careersProjection .owl-nav { bottom: -90px; bottom: -5.625rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 410, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .owl-nav { margin-left: 0; right: -10px; right: -0.625rem; left: auto; width: 80px; width: 5rem; } /* line 416, ../scss/_course-detail.scss */ body.course-detail .rightSidebar { width: 580px; width: 36.25rem; } /* line 419, ../scss/_course-detail.scss */ body.course-detail .rightSidebar a.button, body.course-detail .rightSidebar .qLink { width: 280px; width: 17.5rem; } /* line 422, ../scss/_course-detail.scss */ body.course-detail .rightSidebar .qLink { margin-top: 0; margin-bottom: 0; } /* line 425, ../scss/_course-detail.scss */ body.course-detail .rightSidebar .qLink.last { clear: both; } /* line 430, ../scss/_course-detail.scss */ body.course-detail .rightSidebar a.button.download, body.course-detail .rightSidebar .qLink.first { margin-left: 20px; margin-left: 1.25rem; } /* line 434, ../scss/_course-detail.scss */ body.course-detail #pageHolder { margin-bottom: 50px; margin-bottom: 3.125rem; } /* line 437, ../scss/_course-detail.scss */ #pageHolder #pageContent .careersProjection { margin-top: 30px; margin-top: 1.5rem; } /* line 441, ../scss/_course-detail.scss */ body.apprenticeships.course-detail .rightSidebar .qLink.clear { clear: left; } /* line 444, ../scss/_course-detail.scss */ body.apprenticeships.course-detail .rightSidebar .qLink.last { clear: none; margin-left: 20px; margin-left: 1.25rem; } } @media (max-width: 1023px) { /* line 452, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .holder { float: left; width: 90%; margin: 0 0 0 5%; } /* line 456, ../scss/_course-detail.scss */ body.course-detail #relatedCourseScroller .holder .owl-carousel .owl-stage-outer { overflow: hidden; } /* line 460, ../scss/_course-detail.scss */ body.course-detail #courseScroller.related .courses { width: 100%!important; margin-left: 0; } /* line 464, ../scss/_course-detail.scss */ body.course-detail #pageHolder #pageContent .courseStats div { width: 100%; margin: 4px 0; margin: 0.25rem 0; } /* line 469, ../scss/_course-detail.scss */ body.course-detail #pageHolder #pageContent, body.course-detail #pageHolder .pageHolder { margin-right: 0; } /* line 472, ../scss/_course-detail.scss */ body.course-detail .rightSidebar { margin: 0 auto; float: none; } } /* line 4, ../scss/_event-page.scss */ #pageHolder #pageContent .eventDate { display: block; margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 9, ../scss/_event-page.scss */ #pageHolder #pageContent ul.eventList { margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; } /* line 15, ../scss/_event-page.scss */ #pageHolder #pageContent ul.eventList li { float: left; width: 31.9587%; margin-left: 2.06195%; margin-bottom: 30px; margin-bottom: 1.875rem; padding: 0; } /* line 21, ../scss/_event-page.scss */ #pageHolder #pageContent ul.eventList li a { display: block; float: left; width: 100%; padding: 31px 55px 90px 35px; padding: 1.9375rem 3.4375rem 5.625rem 2.1875rem; } /* line 27, ../scss/_event-page.scss */ #pageHolder #pageContent ul.eventList li a:hover { background-color: #FFF3E6; } /* line 30, ../scss/_event-page.scss */ #pageHolder #pageContent ul.eventList li:before { display: none; } /* line 33, ../scss/_event-page.scss */ #pageHolder #pageContent ul.eventList li .eventName { margin-bottom: 30px; margin-bottom: 1.875rem; line-height: 1.03; } /* line 37, ../scss/_event-page.scss */ #pageHolder #pageContent ul.eventList li .eventMore { position: absolute; bottom: 25px; bottom: 1.5625rem; left: 35px; left: 2.1875rem; visibility: visible; opacity: 1; } /* line 43, ../scss/_event-page.scss */ #pageHolder #pageContent ul.eventList li .eventMore i { margin-left: 5px; margin-left: 0.3125rem; } /* line 47, ../scss/_event-page.scss */ #pageHolder #pageContent ul.eventList li .eventMoreHighlight { position: absolute; bottom: 25px; bottom: 1.5625rem; right: 35px; right: 2.1875rem; opacity: 0; visibility: hidden; } /* line 53, ../scss/_event-page.scss */ #pageHolder #pageContent ul.eventList li .eventMoreHighlight i { margin-left: 5px; margin-left: 0.3125rem; } @media (max-width: 768px) { /* line 71, ../scss/_event-page.scss */ #pageHolder #pageContent ul.eventList li { width: 100%; margin-left: 0; } /* line 74, ../scss/_event-page.scss */ #pageHolder #pageContent ul.eventList li a { padding: 30px 20px 90px 20px; padding: 1.875rem 1.25rem 5.625rem 1.25rem; } /* line 77, ../scss/_event-page.scss */ #pageHolder #pageContent ul.eventList li .eventMore { left: 20px; left: 1.25rem; bottom: 22px; bottom: 1.375rem; } } @media all and (min-width: 768px) and (max-width: 1200px) { /* line 85, ../scss/_event-page.scss */ #pageHolder #pageContent ul.eventList li { width: 48.4375%; margin-left: 3.125%; } /* line 99, ../scss/_event-page.scss */ #pageHolder #pageContent ul.eventList li:nth-child(1), #pageHolder #pageContent ul.eventList li:nth-child(3), #pageHolder #pageContent ul.eventList li:nth-child(5), #pageHolder #pageContent ul.eventList li:nth-child(7), #pageHolder #pageContent ul.eventList li:nth-child(9), #pageHolder #pageContent ul.eventList li:nth-child(11), #pageHolder #pageContent ul.eventList li:nth-child(13), #pageHolder #pageContent ul.eventList li:nth-child(15), #pageHolder #pageContent ul.eventList li:nth-child(17), #pageHolder #pageContent ul.eventList li:nth-child(19) { margin-left: 0; } } @media (min-width: 1201px) { /* line 112, ../scss/_event-page.scss */ #pageHolder #pageContent ul.eventList li:nth-child(1), #pageHolder #pageContent ul.eventList li:nth-child(4), #pageHolder #pageContent ul.eventList li:nth-child(7), #pageHolder #pageContent ul.eventList li:nth-child(10), #pageHolder #pageContent ul.eventList li:nth-child(13), #pageHolder #pageContent ul.eventList li:nth-child(16) { margin-left: 0; } } @media screen and (max-width: 600px) { .ugb-accordion__heading, .ugb-blockquote.ugb-blockquote--design-basic, .ugb-blog-posts .ugb-blog-posts__featured-image { padding: 17.5px 17.5px !important; --box-padding-vert: 17.5px !important; --box-padding-hori: 17.5px !important; } } .gform_body *:before{display:none !important;} .gform_body li{padding-left:0px !important;padding-right:20px !important;} .ginput_container_select{height:59px !important;} .ginput_container_select select{height:100% !important;} .gform_body .datepicker{width:100% !important;} .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning, .gform_wrapper div.validation_error {border:none !important} #pageHolder aside#sidebar ul li:last-child ul a { margin-bottom:0px !important; } #pageHolder aside#sidebar ul li a { margin-bottom:0.2rem !important; } #pageHolder aside#sidebar ul { margin-bottom:26px !important; } #pageHolder aside#sidebar ul ul { margin-bottom:0.35rem !important; } #pageHolder aside#sidebar ul li li a { margin-bottom:0rem !important; } .gform_wrapper *{clear:none !important} .video{height: 300px;overflow: hidden;} .vidImage{position: absolute; left:0; top:0px; width:100%; border:0} @media (max-width: 1200px) { .vidImage{top:5px;} } @media (max-width: 1000px) { .vidImage{top:0px;} } @media (max-width: 768px) { .vidImage{top:0px;} } @media (max-width: 400px) { .video{height: 150px;overflow: hidden;} .vidImage{top:0px;} } #pageHolder #pageContent img.alignright { margin-left:20px; margin-bottom:20px; float: right; } #pageHolder #pageContent img.alignleft { margin-right:20px; margin-bottom:20px; float: left; } nav#mainMenu .sf-menu li:last-child li:first-child a { padding: 15px 20px 6px 20px; padding: 1.25rem 1.25rem 1.25rem 1.25rem; } #pageHolder .categoryListing ul.courseList li.career-coach a:hover{color:#233E76} #pageHolder .categoryListing ul.courseList li.career-coach .moreInfoBTN{color:#233E76} #pageHolder .categoryListing ul.courseList li.career-coach .courseName, #pageHolder .categoryListing ul.courseList li.career-coach .moreInfoBTN, #pageHolder .categoryListing ul.courseList li.career-coach a .durationTitle, #pageHolder .categoryListing ul.courseList li.career-coach a .levelTitle{color:#233E76} #pageHolder .categoryListing ul.courseList li.career-coach a .moreInfoBTN{background-color:#fff} #pageHolder .categoryListing ul.courseList li.career-coach a:hover{background-color:#233E76} #pageHolder .categoryListing ul.courseList li.career-coach a:hover .moreInfoBTN{background-color:#fff} .mobileMenuCross .innerHeader a.mobMenuBTNClose:before { width: 30px; width: 1.875rem; height: 35px; height: 2.1875rem; content: "\f00d"; 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: 35px; line-height: 2.1875rem; } .careers.courses.page #pageHolder #pageContent h1 { margin-bottom: 2.125rem; } #pageHolder .categoryListing ul.courseList li.school-leavers .moreInfoBTN { background-color:white } @media (min-width: 1024px) and (max-width: 1200px) { #videos .holder .video {height:240px;padding-bottom:0px;} .vidImage { top: 0px; } } @media (min-width: 768px) and (max-width: 1023px) { .vidImage { top: 0px; } } @media (max-width: 767px) { #videos .holder .video { height:250px; padding-bottom: 45.2%; } } @media (max-width: 400px) { .vidImage { top: 0px;width:auto;height:100% } #videos .holder .video { height:190px; padding-bottom: 45.2%; } } @media (max-width: 1200px) { #eventScroller .scroller .item .eventName { font-size: 35px; font-size: 1.8rem; } } @media (min-width: 768px)and (max-width: 1400px) { #newsScroller .newsItem .itemContent .title{font-size:1.2rem} } #eventScroller .scroller .owl-item.centerC4 .item2 .eventImage{display:none} #pageContent .sitemap li a { color: #233E76 !important; } #pageContent .sitemap li ul li a{ color: /*#444444*/#000000 !important; } @media (max-width: 1023px) and (min-width: 768px) { body.course-detail .rightSidebar .qLink2 { margin-left:20px; } } body.adults #pageHolder .categoryListing ul.courseList li a:hover{ background-color: rgba(255,255,255,0.2) !important; } body.higherEd #pageHolder .categoryListing ul.courseList li a:hover{ background-color: rgba(255,255,255,0.2) !important; } body.apprenticeships #pageHolder .categoryListing ul.courseList li a:hover{ background-color: rgba(255,255,255,0.2) !important; } body.adults #pageHolder .categoryListing ul.courseList li a:hover .moreInfoBTN, body.higherEd #pageHolder .categoryListing ul.courseList li a:hover .moreInfoBTN{color:white !important} body.apprenticeships #pageHolder .categoryListing ul.courseList li.blueBack a:hover{background-color: #007ABB !important;} .simple-links-list li a{font-size:15px} #sectorNav ul li.schoolLeave, .mm-listview > li.schoolLeavers{background-color:#578300} @media (max-width: 767px) and (min-width: 468px) { .mobileSidebar .qLink {width:100%} .mobileSidebar { width: 100%; } } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } #pageHolder .categoryListing ul.courseList li .courseInfo{line-height:1.5rem} @media (max-width: 1024px) and (min-width: 768px) { body.page #banner.narrowBanner, body.page #banner.narrowBanner .bannerInner { height: 500px !important; height: 28.125rem !important; top: auto; } } #pageHolder #pageContent ul.eventList li a .eventName { line-height: 2rem; } @media (min-width: 1023px) and (max-width: 1024px) { #banner .pagination { right: 50px; } } @media (max-width: 768px) { #pageHolder .categoryListing ul.courseList li.career-coach .courseInfo.courseInfo p {line-height:1.2rem} #pageHolder .categoryListing ul.courseList li.career-coach .courseInfo.courseInfo{margin-top:0px} #pageHolder .categoryListing ul.courseList li.career-coach .courseInfo.courseInfo p{margin-bottom:0px} #pageHolder aside#sidebar ul { margin-bottom: 0px !important; } #pageHolder #pageContent ul.eventList li a .eventName,#eventScroller .scroller .item .eventName { font-size: 1.5rem !important; line-height: 1.8rem; } } @media all and (max-width: 770px) { .ugb-accordion__heading, .ugb-blockquote.ugb-blockquote--design-basic, .ugb-blog-posts .ugb-blog-posts__featured-image { padding: 17.5px !important; } } @media all and (max-width: 400px) { .ugb-accordion__heading, .ugb-blockquote.ugb-blockquote--design-basic, .ugb-blog-posts .ugb-blog-posts__featured-image { padding-top: 12px !important; padding-bottom: 12px !important; } } ul.simple-links-list li{background-color:#eee;color:white;margin-bottom:10px;transition: background-color 0.3s linear;padding-left:0px !important} ul.simple-links-list li:hover{background-color:#233E76 !important;} ul.simple-links-list li a{color:/*#444444*/#000000 !important;display:block;width:100%;padding:15px !important;padding-top:15px !important;padding-bottom:15px !important;font-size:16px;font-weight:700;position:relative;padding-right:40px !important;} ul.simple-links-list li:before{display:none !important} ul.simple-links-list li a:hover{color:white !important;text-decoration:none !important;} ul.simple-links-list li a .icon { position: absolute; top: 15px; right: 15px; width: 25px; height: 25px;font-size:18px; } @media (min-width: 1023px) { #newsScroller .newsItem figure { height: 16.5rem; width: 44%; } #newsScroller .newsItem figure a { height: 16.5rem; } #newsScroller .newsItem .itemContent { height: 16.5rem; width: 56%; padding: 1.5rem 1.5rem 4.6875rem 1.5rem; } #newsScroller .newsItem .itemContent a.more { left: 1.5rem; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ugb-team-member{width:100%;float:left;margin-bottom:20px;} .ugb-team-member__item{width:33%;float:left;margin-bottom:20px;} .ugb-team-member--columns-2 .ugb-team-member__item{width:50%;float:left;margin-bottom:20px;} } @media all and (max-width: 1200px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ugb-team-member__item{width:100%;float:left;margin-bottom:20px;} .ugb-team-member--columns-2 .ugb-team-member__item{width:100%;float:left;margin-bottom:20px;} } @media all and (max-width: 767px) and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ugb-team-member__item{width:100%;float:left;margin-bottom:20px;} .ugb-team-member--columns-2 .ugb-team-member__item{width:100%;float:left;margin-bottom:20px;} } #pageHolder aside#sidebar .courseCareerSearch .selectChoice::-ms-expand { display: none !important; } select.selectChoice::-ms-expand { display: none !important; } .page.employer .mobilePageSearch{display:none !important} .page.adults .mobilePageSearch{margin-bottom:50px !important} @media all and (max-width: 767px) { .linkTitle{color:white !important;opacity:1 !important} .linkTitle .center{color:white !important;opacity:1 !important} .linkTitle:hover .center{color:white !important;opacity:1 !important} ul.simple-links-list li a .icon { top: 50%; margin-top:-12.5px; } } .ugb-accordion__text{overflow:hidden} @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ugb-accordion__text{overflow-y:auto;} } .careersScroller .owl-stage-outer *{cursor:default !important;} .careersScroller .owl-nav{cursor:default !important;} .ui-datepicker-month, .ui-datepicker-year{color:black} #pageHolder #pageContent ul.wp-block-gallery li:before{display:none} #pageHolder #pageContent ul.wp-block-gallery li{padding-left:0px;} #pageHolder #pageContent ul.wp-block-gallery{display: flex;} #pageHolder #pageContent p a, #pageHolder #pageContent td a, #pageHolder #pageContent li a{ color: #233E76;font-weight:700;} @media all and (min-width: 1024px) { .searchResultsFull #pageHolder .categoryListing ul.courseList li .courseInfo { position: relative; left: 40px; left: 0rem; top: 1.2rem; right: 290px; right: 18.125rem; width: 80%; } .searchResultsFull #pageHolder .categoryListing ul.courseList li a { padding: 40px 40px 150px 40px; padding: 2.5rem 2.5rem 4.3rem 2.5rem; display: block; position: relative; min-height: 200px; min-height: 12.5rem; float: left; width: 100%; line-height: 1.1; word-break: normal!important; } .searchResultsFull #pageHolder .categoryListing ul.courseList li .courseInfo { top: 1.2rem; bottom:0; } } body.home #banner .bannerInner.desktop{display:none;} body.home #banner .bannerInner.mobile{display:block;} @media all and (min-width: 500px) { body.home #banner .bannerInner.desktop{display:block;} body.home #banner .bannerInner.mobile{display:none;} } @media all and (min-width: 1024px) { body.no-banner #pageHolder .pageHolder{margin-top:300px} body.no-banner #pageHolder #pageContent{margin-top: -100px;} } @media (max-width: 1023px) and (min-width: 768px) { #pageHolder .pageHolder { margin-top:40px } } #banner .bannerText .rotatingText a.arrow { width:100%;height:100%;top:0px;right:0px; } .keyboardArrow{display:none;margin-left:20px;} .keyboard-navigation .keyboardArrow{display:inline-block; } #mainMenu li.has-submenu.sfHover ul, #mainMenu li.has-submenu ul{display:none !important;opacity:0 !important} #mainMenu li.has-submenu:hover ul, #mainMenu li.has-submenu.open:focus-within ul{display:block !important;opacity:1 !important} #sectorMenu li.has-submenu.sfHover .sf-mega, #sectorMenu li.has-submenu .sf-mega{display:none !important;opacity:0 !important} #sectorMenu li.has-submenu:hover .sf-mega, #sectorMenu li.has-submenu.open:focus-within .sf-mega{display:block !important;opacity:1 !important} header#masthead .topBar a:hover, footer#siteFooter .lowerFooter a:hover{color:white !important;font-weight:700 !important} #eventScroller .scroller .item a .eventMore, #pageHolder #pageContent ul.eventList li a .eventName, #pageHolder #pageContent ul.eventList li .eventMore { color: #233E76; } #pageHolder #pageContent .eventDate {color:black !important} #pageHolder #pageContent .sitemap li a { line-height:1.3;padding:5px; } body.course-detail #pageHolder #pageContent #accordion h2 { font-size: 20px; font-size: 1.25rem; } body.apprenticeships.course-detail #relatedCourseScroller .courseItem .more { outline: 1px solid #007ABB;background-color:white; } #newsScroller .newsItem .itemContent .date{color:white !important;} nav#mainMenu .sf-menu ul li a:hover, nav#mainMenu .sf-menu ul li a.active{color:white !important;font-weight:700 !important;}