/* CSS Document Client: Brooklands Version: 1.0 Date: 10/04/2017 Author: Geoff Boult Company: Concept4 Website: www.concept4.com Type: Inclusive Stylesheet */ /* 01: Variables 02: Mixins 03: Placeholder 04: REM/Boilerplate/Project Color Scheme/Transitions 05: Normalize 06: Building Blocks/Dimensions 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: Course Search 18: Upcoming Events 19: Course Detail */ /* line 5, ../scss/_placeholder.scss */ header#masthead:before, nav#mainMenu:before, #panelOne:before, #banner:before, #courseSearchWrapper:before, #latestNews:before, #brooksRestaurant:before,#brooksRestaurant2:before, #socialMedia:before, #collegeInfo:before, section#pageHolder:before, section#pageHolder section#pageContent .pageImage:before, .courseType:before, header#masthead:after, nav#mainMenu:after, #panelOne:after, #banner:after, #courseSearchWrapper:after, #latestNews:after, #brooksRestaurant:after,#brooksRestaurant2:after, #socialMedia:after, #collegeInfo:after, section#pageHolder:after, section#pageHolder section#pageContent .pageImage:after, .courseType:after { content: ""; display: table; } /* line 9, ../scss/_placeholder.scss */ header#masthead:after, nav#mainMenu:after, #panelOne:after, #banner:after, #courseSearchWrapper:after, #latestNews:after, #brooksRestaurant2:after,#brooksRestaurant:after, #socialMedia:after, #collegeInfo:after, section#pageHolder:after, section#pageHolder section#pageContent .pageImage:after, .courseType: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: #2b2e30; height: 100%; font-size: 16px; webkit-font-smoothing: antialiased; } /* line 14, ../scss/_boilerplate.scss */ nav[role="mobileMenu"] { display: none; } #gtranslate_wrapper{ position: fixed; bottom: 0px !important; left: 0px !important; z-index: 999999; background-color: #d3135a; padding: 15px; } /* 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: "seitu-variable", sans-serif; background: #fff; margin: 0; color: #2b2e30; } /* ========================================================================== 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 20, ../scss/_colorScheme.scss */ #latestNews a.button.all, #upcomingEvents .owl-nav div, #banner .bannerText .rotatingText div a.button, nav#mainMenu .sf-mega .colThree .prospectus a.button, body.events-list div.eventsList .eventDate, .pagination a.pagNum:hover, .pagination a.pagNum.active, #sectionTwo .nextSteps a.openDay, #sectionThree .owl-nav div, .dropdownSelections .selection .selectPanel i, body.category-courses button.searchBTN:hover, body.page-template-courses button.searchBTN:hover, header#masthead nav#pageMenu ul li ul li, section#pageContent #eventsCarousel .owl-prev, section#pageContent #eventsCarousel .owl-next { background-color: #038463; } /* line 64, ../scss/_colorScheme.scss */ nav#mainMenu, a.portalOpener, #upcomingEvents div.eventsList div.item a.button, #upcomingEvents div.eventsList div.item a.button, #latestNews ul.newsList li a.button, #collegeAdvert .advertInfo a.button, #brooksRestaurant2 .advertInfo a.button, #brooksRestaurant .advertInfo a.button, #collegeInfo .prospectus a.button, header#masthead .portals ul, header#masthead .portals ul li a, nav#pageMenu ul li a:after, #courseSearchWrapper .findCourses p a:after, #courseSearchWrapper .searchCareers p a:after, #courseSearchWrapper .findCourses a.button, #courseSearchWrapper .searchCareers a.button, nav#mainMenu .sf-mega .colThree li a:after, section#pageHolder aside#sidebar .sectionHeader, section#pageHolder aside#sidebar ul.newsList li a.button, .courseType a:hover, section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro a.findOutMore, #pageContent a.eventsBack, .monthSorter a, section#pageHolder div.eventsList .eventInfo a.button, .media-box-content a.button, section#pageHolder section#pageContent ul.tabs li.applyBTN, section#pageHolder section#pageContent ul li:before, section#pageHolder section#pageContent a.mobile.applyBTN, #sectionTwo .caseStudy, #sectionTwo .nextSteps a.applyBTN, #sectionThree ul.relCourses a.findOutMore, .dropdownSelections .selection .selectPanel:hover i, body.page-template-courses button.searchBTN, body.category-courses button.searchBTN, section#pageHolder aside#sidebar .sidebarAdvert a .advertInfo span.button, section#pageHolder section#pageContent .advert.image a .advertInfo span.button, section#pageHolder section#pageContent .advert.text a.button, ul.landingEventsList a.button, section#pageContent #courseScroller .courseList a.findOutMore, body.error404 section#pageHolder section#pageContent.fullWidth a.button, body.search-results .columnHeading, body.search-results .resultsInner a.resultMore, body.search-results section#pageHolder section#pageContent ul li a { background-color: #d3135a; } /* line 69, ../scss/_colorScheme.scss */ body.search-results section#pageHolder section#pageContent ul li a.current { background-color: #7d1a6d; } /* line 74, ../scss/_colorScheme.scss */ #socialMedia { background-color: #5da8dd; } /* line 85, ../scss/_colorScheme.scss */ #upcomingEvents, section#pageHolder, section#pageHolder section#pageContent ul.tabs, section#pageHolder section#pageContent ul.tabs li, .searchBox, nav#mainMenu .sf-menu .sf-mega.lightGrey, section#pageContent #courseScroller .scrollerSearch { background-color: #e0e3e8; } /* line 89, ../scss/_colorScheme.scss */ #panelOne { background-color: #e0e3e8; background-color: rgba(224, 227, 232, 0.95); } /* line 93, ../scss/_colorScheme.scss */ header .topBar { background-color: #e0e3e8; background-color: rgba(224, 227, 232, 0.6); } /* line 100, ../scss/_colorScheme.scss */ #courseSearchWrapper .column:hover, #courseSearchWrapper .column.open, .column.half.course:after { background-color: #dedfe0; } /* line 108, ../scss/_colorScheme.scss */ #brooksRestaurant, #collegeAdvert .advertInfo, #sectionTwo .nextSteps, nav#mainMenu .sf-menu .sf-mega { background-color: #3c3c3c; } #brooksRestaurant2 { background-color: #3c3c3c; } /* line 113, ../scss/_colorScheme.scss */ body.search-results .resultsTopBar, body.single .courseListingSector .resultsTopBar { background-color: #323232; background-color: rgba(50, 50, 51, 0.3); } /* line 121, ../scss/_colorScheme.scss */ #collegeInfo, #partnerships, footer#siteFooter, .courseTitleIntro { background-color: #1d1d1b; background-color: rgba(29, 29, 27, 0.8); } /* line 126, ../scss/_colorScheme.scss */ #partnerships:before, footer#siteFooter:before, footer#siteFooter:after { background-color: #1d1d1b; background-color: rgba(29, 29, 27, 0.4); } /* line 131, ../scss/_colorScheme.scss */ #upcomingEvents:after { background-color: #ecedee; } /* line 136, ../scss/_colorScheme.scss */ #panelOne .overlay { background-color: #e8ebf6; background-color: rgba(232, 235, 246, 0.9); } /* line 188, ../scss/_colorScheme.scss */ .courseSearch, #collegeAdvert:after, #upcomingEvents div.eventsList div.item, #upcomingEvents div.eventsList div.item, #latestNews ul.newsList li, #upcomingEvents div.eventsList div.item a.button:hover, #upcomingEvents div.eventsList div.item a.button:hover, #latestNews ul.newsList li a.button:hover, #collegeAdvert a.button:hover, #brooksRestaurant a.button:hover, #brooksRestaurant2 a.button:hover, #socialMedia a.button.followUs:hover, #collegeInfo .prospectus a.button:hover, #collegeInfo .addressBlock a:after, footer#siteFooter a:after, .findCourses, .searchCareers, #courseSearchWrapper .findCourses a.button:hover, #courseSearchWrapper .searchCareers a.button:hover, #latestNews ul.newsList li figure .hoverBG i, .rotatingText h1:after, a.mobileMenuBTN #navIcon span, section#pageHolder aside#sidebar nav#sideMenu, section#pageHolder section#pageContent, section#pageHolder aside#sidebar ul.newsList li, section#pageHolder aside#sidebar ul.newsList li figure .hoverBG i, .courseType a, section#pageHolder section#pageContent ul li, section#pageHolder section#pageContent .courseSearching div.item, section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro a.findOutMore:hover, div.eventsList .eventInfo, div.eventsList .eventInfo, .media-box-content, section#pageHolder section#pageContent ul.tabs li.active, section#pageHolder section#pageContent ul.tabs li:after, section#pageHolder section#pageContent .tabContainer, section#pageHolder section#pageContent ul.tabs li.applyBTN:hover, .courseTitleIntro h1:after, #sectionTwo .nextSteps a.applyBTN:hover, #sectionTwo .nextSteps a.openDay:hover, #sectionThree ul.relCourses a.findOutMore:hover, .monthSorter a:hover, .eventsTopSection, .dropdownSelections .selection, section#pageHolder aside#sidebar .sidebarAdvert .advertInfo, section#pageHolder aside#sidebar .sidebarAdvert.textOnly, section#pageHolder section#pageContent .advert.image .advertInfo, section#pageHolder section#pageContent .advert.text, section#pageContent #courseScroller, section#pageContent #eventsCarousel, section#pageContent #courseScroller .scrollerHeader, section#pageContent #courseScroller .scrollerSearchWrapper, body.search-results section#pageHolder section#pageContent .column.half { background-color: white; } /* line 192, ../scss/_colorScheme.scss */ #latestNews { background-color: white; background-color: rgba(255, 255, 255, 0.45); } /* line 196, ../scss/_colorScheme.scss */ #socialMedia a.button.followUs { background-color: white; background-color: rgba(255, 255, 255, 0.2); } /* line 201, ../scss/_colorScheme.scss */ nav#mainMenu ul li a:hover, nav#mainMenu ul li:hover > a { background-color: black; background-color: rgba(0, 0, 0, 0.2); } /* line 207, ../scss/_colorScheme.scss */ #latestNews a.button, #upcomingEvents .owl-nav div:before, #sectionThree .owl-nav div:before { background-color: black; background-color: rgba(0, 0, 0, 0.1); } /* line 232, ../scss/_colorScheme.scss */ nav#mainMenu ul li a, #courseSearchWrapper .column, nav#mainMenu ul.sf-menu .sf-mega li a:hover, nav#mainMenu ul.sf-menu .sf-mega li:hover > a, body.courseSearch section#pageHolder section#pageContent.fullWidth, body.events-list section#pageHolder section#pageContent.fullWidth, section#pageHolder div.eventsList .eventInfo a.button:hover, body.news section#pageHolder section#pageContent.fullWidth, .media-box-content a.button:hover, body.page-template-course-detail section#pageHolder section#pageContent.fullWidth, body.page-template-courses section#pageHolder section#pageContent.fullWidth,body.category-courses section#pageHolder section#pageContent.fullWidth, section#pageHolder aside#sidebar .sidebarAdvert a:hover .advertInfo span.button, section#pageHolder section#pageContent .advert.image a:hover .advertInfo span.button, body.page-template-landing2 section#pageHolder section#pageContent.fullWidth, body.page-template-landing section#pageHolder section#pageContent.fullWidth, section#pageHolder section#pageContent .advert.text a.button:hover, ul.landingEventsList a.button:hover, section#pageContent #courseScroller .courseList a.findOutMore:hover, body.error404 section#pageHolder section#pageContent.fullWidth a.button:hover, body.search-results section#pageHolder section#pageContent.fullWidth, body.search-results .resultsInner a.resultMore:hover, .pagination a.pagNum, body.single section#pageHolder.courseListingSector section#pageContent { background-color: transparent; } /* line 250, ../scss/_colorScheme.scss */ section#pageHolder aside#sidebar ul.newsList li span.articleDate, section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro span.courseSpecs, span.eventDate, span.eventTime, .pagination a.arrow:hover, #sectionTwo .nextSteps a.openDay:hover, #sectionThree ul.relCourses span.courseSpecs, #courseScroller .courseList li .courseSpecs, body.search-results .resultsInner span.courseSpecs { color: #038463; } /* line 297, ../scss/_colorScheme.scss */ footer#siteFooter span.div, header#masthead a.jobs, #courseSearchWrapper .column.half i, header#masthead nav#pageMenu ul li a:hover, header#masthead nav#pageMenu ul li a.active, #upcomingEvents div.eventsList div.item a.button:hover, #upcomingEvents div.eventsList div.item a.button:hover, #latestNews ul.newsList li a.button:hover, #collegeAdvert .advertInfo a.button:hover, #brooksRestaurant .advertInfo a.button:hover, #brooksRestaurant2 .advertInfo a.button:hover, #collegeInfo .prospectus a.button:hover, #courseSearchWrapper .findCourses p a, #courseSearchWrapper .searchCareers p a, #courseSearchWrapper .findCourses a.button:hover, #courseSearchWrapper .searchCareers a.button:hover, #latestNews ul.newsList li figure .hoverBG i, nav#mainMenu .sf-mega .colThree .colTitle, header#masthead .socialContact a#mobile.call, section#pageHolder .breadcrumb i, section#pageHolder aside#sidebar ul li a:hover, section#pageHolder aside#sidebar ul li a.active, span.articleDate, section#pageHolder aside#sidebar ul.newsList li figure .hoverBG i, .courseType a, section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro a.findOutMore:hover, .monthSorter a:hover, section#pageHolder div.eventsList .eventInfo a.button:hover, .pagination a.arrow, .media-box-content a.button:hover, section#pageHolder section#pageContent ul.tabs li, section#pageHolder section#pageContent ul.tabs li.applyBTN:hover a, section#pageHolder section#pageContent .tabDrawerHeader, section#pageHolder section#pageContent .tabDrawerHeading, #sectionTwo .nextSteps a.applyBTN:hover, #sectionThree ul.relCourses a.findOutMore:hover, a.searchOpen i, section#pageHolder aside#sidebar .sidebarAdvert a:hover .advertInfo span.button, section#pageHolder section#pageContent .advert.image a:hover .advertInfo span.button, section#pageHolder section#pageContent .advert.text a.button:hover, ul.landingEventsList a.button:hover, section#pageContent #courseScroller .courseList a.findOutMore:hover, body.error404 section#pageHolder section#pageContent.fullWidth h1, body.error404 section#pageHolder section#pageContent.fullWidth a.button:hover, body.search-results .resultsInner a.resultMore:hover { color: #d3135a; } /* line 302, ../scss/_colorScheme.scss */ #socialMedia a.button.followUs:hover { color: #5da8dd; } /* line 307, ../scss/_colorScheme.scss */ header#masthead nav#pageMenu ul li ul li a:hover { color: #e0e3e8; } /* line 324, ../scss/_colorScheme.scss */ .sectionTitle, header#masthead nav#pageMenu ul li a, #courseSearchWrapper .findCourses, #courseSearchWrapper .searchCareers, section#pageHolder .breadcrumb a, section#pageHolder h1, section#pageHolder aside#sidebar ul li a, section#pageHolder .breadcrumb i, section#pageHolder div.eventsList .eventInfo, .media-box-title a, body.page-template-courses section#pageHolder section#pageContent span.courseTitle, body.category-courses section#pageHolder section#pageContent div.courseSearching span.courseTitle, .mm-search .searchButton, .pagination a.pagNum { color: #3c3c3c; } /* line 335, ../scss/_colorScheme.scss */ section#pageHolder aside#sidebar .sidebarAdvert .advertInfo span, section#pageHolder section#pageContent .advert.image a .advertInfo span.title, section#pageHolder section#pageContent .advert.text .title, #courseScroller .courseList li .courseName, section#pageContent #courseScroller h3, section#pageContent #eventsCarousel h3, body.single section#pageHolder.courseListingSector section#pageContent ul.courseSearchResults li .courseIntro span.courseName { color: #3c3c3c; } /* line 409, ../scss/_colorScheme.scss */ nav#mainMenu ul li a, #collegeInfo span.colTitle, #latestNews a.button.all, #socialMedia, #socialMedia a.button.followUs, footer#siteFooter, footer#siteFooter a, #collegeInfo, #collegeInfo .addressBlock a, a.portalOpener, #upcomingEvents div.eventsList div.item a.button, #upcomingEvents div.eventsList div.item a.button, #upcomingEvents .owl-nav div, #latestNews ul.newsList li a.button, .advertInfo span, #collegeAdvert .advertInfo a.button, #brooksRestaurant .advertInfo a.button, #brooksRestaurant2 .advertInfo a.button, #collegeInfo .prospectus a.button, header#masthead .portals ul li a, #courseSearchWrapper .findCourses a.button, #courseSearchWrapper .searchCareers a.button, #banner .bannerText .rotatingText div, #banner .bannerText .rotatingText div a.button, nav#mainMenu .sf-mega .colThree .prospectus a.button, a.mobileMenuBTN, section#pageHolder aside#sidebar .sectionHeader .sectionTitle, section#pageHolder aside#sidebar .sectionHeader a, section#pageHolder aside#sidebar ul.newsList li a.button, .courseType a:hover, body.page-template-course-search section#pageHolder h1, body.page-template-course-search section#pageHolder .breadcrumb a, section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro a.findOutMore, #pageContent a.eventsBack, .monthSorter a, section#pageHolder div.eventsList .eventDate, section#pageHolder div.eventsList .eventInfo a.button, .pagination a.pagNum:hover, .pagination a.pagNum.active, .media-box-content a.button, body.page-template-course-detail section#pageHolder .breadcrumb a, section#pageHolder section#pageContent ul.tabs li.applyBTN a, section#pageHolder .courseTitleIntro, section#pageHolder .courseTitleIntro h1, section#pageHolder section#pageContent a.mobile.applyBTN, #sectionTwo .caseStudy, #sectionTwo .nextSteps span.sectionTitle, #sectionTwo .nextSteps a.openDay, #sectionTwo .nextSteps a.applyBTN, #sectionTwo .caseStudy .intro .sectionTitle, #sectionThree ul.relCourses a.findOutMore, #sectionThree .owl-nav div, body.page-template-courses section#pageHolder h1, body.category-courses section#pageHolder h1, body.page-template-courses section#pageHolder .breadcrumb a, body.category-courses section#pageHolder .breadcrumb a, .dropdownSelections .selection .selectPanel i, body.page-template-courses button.searchBTN, body.category-courses button.searchBTN, header#masthead nav#pageMenu ul li ul li a, nav#mainMenu .sf-menu .sf-mega ul li a, nav#mainMenu .sf-mega .colThree .colTitle, section#pageHolder aside#sidebar .sidebarAdvert .advertInfo span.button, body.page-template-landing section#pageHolder .breadcrumb a, body.page-template-landing2 section#pageHolder .breadcrumb a, body.page-template-landing section#pageHolder h1, body.page-template-landing2 section#pageHolder h1, section#pageHolder section#pageContent .advert.image a .advertInfo span.button, section#pageHolder section#pageContent .advert.text a.button, ul.landingEventsList a.button, section#pageContent #courseScroller .courseList a.findOutMore, body.error404 section#pageHolder section#pageContent.fullWidth a.button, body.search-results section#pageHolder .breadcrumb a, body.search-results .columnHeading, body.search-results .resultsInner a.resultMore, body.search-results section#pageHolder section#pageContent ul li a, body.single section#pageHolder.courseListingSector .breadcrumb a { color: white; } /* line 433, ../scss/_colorScheme.scss */ #upcomingEvents div.eventsList div.item a.button:hover, #upcomingEvents div.eventsList div.item a.button:hover, #latestNews ul.newsList li a.button:hover, #courseSearchWrapper .findCourses a.button:hover, #courseSearchWrapper .searchCareers a.button:hover, section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro a.findOutMore:hover, .monthSorter a:hover, section#pageHolder div.eventsList .eventInfo a.button:hover, .media-box-content a.button:hover, #sectionThree ul.relCourses a.findOutMore:hover, section#pageHolder aside#sidebar .sidebarAdvert a:hover .advertInfo span.button, section#pageHolder section#pageContent .advert.image a:hover .advertInfo span.button, section#pageHolder section#pageContent .advert.text a.button:hover, section#pageContent #courseScroller .courseList a.findOutMore:hover, body.error404 section#pageHolder section#pageContent.fullWidth a.button:hover, body.search-results .resultsInner a.resultMore:hover { border-color: #d3135a; } /* line 445, ../scss/_colorScheme.scss */ section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro span.courseSpecs span.fullPart, section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro span.courseSpecs span.category, #sectionThree ul.relCourses span.courseSpecs span.fullPart, #sectionThree ul.relCourses span.courseSpecs span.category, section#pageContent #courseScroller .courseList li, body.search-results section#pageHolder section#pageContent ul li, body.search-results .resultsInner span.courseSpecs span.fullPart, body.search-results .resultsInner span.courseSpecs span.category { border-color: #e0e3e8; } /* line 464, ../scss/_colorScheme.scss */ #upcomingEvents div.eventsList div.item a.button, #upcomingEvents div.eventsList div.item a.button, #latestNews ul.newsList li a.button, #courseSearchWrapper .findCourses a.button, #courseSearchWrapper .searchCareers a.button, section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro a.findOutMore, .monthSorter a, section#pageHolder div.eventsList .eventInfo a.button, .media-box-content a.button, #sectionThree ul.relCourses a.findOutMore, section#pageHolder aside#sidebar .sidebarAdvert a .advertInfo span.button, section#pageHolder section#pageContent .advert.image a .advertInfo span.button, section#pageHolder section#pageContent .advert.text a.button, section#pageContent #courseScroller .courseList a.findOutMore, body.error404 section#pageHolder section#pageContent.fullWidth a.button, body.search-results .resultsInner a.resultMore { border-color: transparent; } /* line 6, ../scss/_transitions.scss */ section#pageHolder aside#sidebar ul li a, .pagination a.arrow, header#masthead nav#pageMenu ul li ul li a { -webkit-transition: color 0.2s ease-in-out; -moz-transition: color 0.2s ease-in-out; -ms-transition: color 0.2s ease-in-out; -o-transition: color 0.2s ease-in-out; transition: color 0.2s ease-in-out; } /* line 12, ../scss/_transitions.scss */ header#masthead .socialContact a, .overlay { -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 22, ../scss/_transitions.scss */ nav#mainMenu ul li a, #courseSearchWrapper .column, .pagination a.pagNum, .dropdownSelections .selection .selectPanel i, body.page-template-courses button.searchBTN, body.category-courses button.searchBTN, body.search-results section#pageHolder section#pageContent ul 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 70, ../scss/_transitions.scss */ header#masthead nav#pageMenu ul li a:after, header#masthead .portals ul li a, #upcomingEvents .owl-nav div,#upcomingEvents div.eventsList div a.button, #upcomingEvents div.eventsList div.item a.button, #latestNews a.button.all, #latestNews ul.newsList li a.button, #collegeAdvert a.button, #brooksRestaurant a.button, #brooksRestaurant2 a.button, #socialMedia a.button.followUs, #collegeInfo .prospectus a.button, #collegeInfo .addressBlock a:after, footer#siteFooter a:after, #courseSearchWrapper .findCourses p a:after, #courseSearchWrapper .searchCareers p a:after, #courseSearchWrapper .findCourses a.button, #courseSearchWrapper .searchCareers a.button, #banner .bannerText .rotatingText a.button, #latestNews ul.newsList li figure img, #latestNews ul.newsList li figure .hoverBG i, nav#mainMenu .sf-mega .colThree li a:after, section#pageHolder aside#sidebar .sectionHeader .sectionTitle i, section#pageHolder aside#sidebar .holder:after, section#pageHolder aside#sidebar ul.newsList li figure img, section#pageHolder aside#sidebar ul.newsList li figure .hoverBG i, .courseType a, section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro a.findOutMore, .monthSorter a, section#pageHolder div.eventsList .eventInfo a.button, .media-box-content a.button, section#pageHolder section#pageContent ul.tabs li, section#pageHolder section#pageContent ul.tabs li.applyBTN a, section#pageHolder section#pageContent ul.tabs li:after, .accordion h3.tabDrawerHeading i, #sectionTwo .nextSteps a, #sectionThree ul.relCourses a.findOutMore, #sectionThree .owl-nav div, section#pageHolder aside#sidebar .sidebarAdvert a .advertInfo span.button, section#pageHolder section#pageContent .advert.image a .advertInfo span.button, section#pageHolder section#pageContent .advert.text a.button, ul.landingEventsList a.button, section#pageContent #courseScroller .courseList a.findOutMore, section#pageHolder section#pageContent .advert.image a figure img, body.error404 section#pageHolder section#pageContent.fullWidth a.button, body.search-results .resultsInner a.resultMore { -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 { } /* line 194, ../scss/_normalize.scss */ /* 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 */ .container { padding: 0 4%; position: relative; } @media (min-width: 1350px) { /* line 18, ../scss/_buildingBlock.scss */ .container { max-width: 1350px; padding: 0 50px; margin: 0 auto; position: relative; } /* line 24, ../scss/_buildingBlock.scss */ header#masthead .container { padding: 0 20px; padding: 0 1.25rem; } } @media (min-width: 1450px) { /* line 30, ../scss/_buildingBlock.scss */ #brooksRestaurant .container { max-width: 1450px; } #brooksRestaurant2 .container { max-width: 1450px; } } @media (min-width: 1750px) { /* line 36, ../scss/_buildingBlock.scss */ #brooksRestaurant .container { max-width: 1750px; } #brooksRestaurant2 .container { max-width: 1750px; } } /* 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 12, ../scss/_type.scss */ header#masthead .portals a.portalOpener i, section#pageHolder .breadcrumb i { font-size: 12px; font-size: 0.75rem; } header#masthead a.portalOpenerRight i{ font-size: 12px; font-size: 0.75rem; } /* line 19, ../scss/_type.scss */ header#masthead .portals a.portalOpener, header#masthead a.portalOpenerRight, section#pageHolder aside#sidebar .sidebarAdvert a .advertInfo span.button, section#pageHolder section#pageContent .advert.text a.button { font-size: 14px; font-size: 0.875rem; } /* line 49, ../scss/_type.scss */ body, #latestNews a.button, #socialMedia a.button.followUs, nav#mainMenu ul li a, div.eventsList div.item a.findOutMore, #upcomingEvents .owl-nav div, #collegeAdvert .advertInfo a.button, #brooksRestaurant .advertInfo a.button, #brooksRestaurant2 .advertInfo a.button, #collegeInfo .prospectus a.button, #courseSearchWrapper .findCourses a.button, #courseSearchWrapper .searchCareers a.button, #banner .bannerText .rotatingText div a.button, a.mobileMenuBTN, section#pageHolder .breadcrumb a, section#pageHolder aside#sidebar ul li a, span.articleDate, .courseIntro a.findOutMore, span.eventDate, #pageContent a.eventsBack, section#pageHolder div.eventsList .eventInfo a.button, section#pageHolder section#pageContent .contentInner .media-box a.button, #sectionThree ul.relCourses a.findOutMore, section#pageContent #courseScroller .courseList a.findOutMore, body.error404 section#pageHolder section#pageContent.fullWidth a.button, body.search-results .resultsInner a.resultMore, body.single .courseListingSector ul.courseSearchResults li .courseIntro a.findOutMore { font-size: 15px; font-size: 0.9375rem; } /* line 59, ../scss/_type.scss */ #socialMedia, header#masthead nav#pageMenu ul li a, div.eventsList div.item p.eventExcerpt, ul.newsList li p.articleExcerpt, section#pageHolder .breadcrumb a.home, #sectionTwo .nextSteps a { font-size: 16px; font-size: 1rem; } /* line 77, ../scss/_type.scss */ div.eventsList div.item .eventDate, ul.newsList li .articleDate, section#pageHolder aside#sidebar .sectionTitle, section#pageHolder aside#sidebar .sectionHeader a, .courseIntro span.courseSpecs, section#pageHolder section#pageContent .courseStats div.sItem, .accordion h3.tabDrawerHeading, section#pageHolder section#pageContent a.mobile.applyBTN, #sectionThree ul.relCourses span.courseSpecs, .searchBox input.searchInput, section#pageContent #eventsCarousel ul.landingEventsList li span.eventDate, #courseScroller .courseList li .courseSpecs, body.search-results .resultsInner span.courseSpecs, body.single .courseListingSector ul.courseSearchResults li .courseIntro span.courseSpecs { font-size: 17px; font-size: 1.0625rem; } /* line 91, ../scss/_type.scss */ header#masthead .socialContact a, header#masthead .socialContact .telInfo, #banner .bannerText .rotatingText div p, #latestNews ul.newsList li figure .hoverBG i, .pagination a.pagNum, section#pageHolder section#pageContent ul.tabs li, .courseTitleIntro p, body.page-template-courses section#pageHolder section#pageContent div.courseSearching span.courseTitle, body.category-courses section#pageHolder section#pageContent div.courseSearching span.courseTitle, a.searchOpen i, body.search-results .resultsInner span.resultsTitle { font-size: 18px; font-size: 1.125rem; } /* line 100, ../scss/_type.scss */ .page-template-course-search .column, #courseSearchWrapper .findCourses, #courseSearchWrapper .searchCareers, section#pageHolder div.eventsList .eventDate, section#pageHolder aside#sidebar .sidebarAdvert .advertInfo span { font-size: 20px; font-size: 1.25rem;line-height: 1.3; } /* line 105, ../scss/_type.scss */ #sectionTwo .caseStudy .intro .sectionTitle { font-size: 21px; font-size: 1.3125rem; } /* line 110, ../scss/_type.scss */ #courseScroller .courseList li .courseName { font-size: 22px; font-size: 1.375rem; } /* line 124, ../scss/_type.scss */ #collegeInfo span.colTitle, div.eventsList div.item .eventName, #upcomingEvents .owl-nav div:before, ul.newsList li .articleName, nav#mainMenu .sf-mega .colThree .colTitle, .courseIntro span.courseName, .media-box-title a, #sectionTwo .nextSteps span.sectionTitle, section#pageContent #eventsCarousel ul.landingEventsList li span.eventName, body.error404 section#pageHolder section#pageContent.fullWidth p { font-size: 24px; font-size: 1.5rem; } /* line 130, ../scss/_type.scss */ #sectionTwo .caseStudy .intro .csName, #sectionThree ul.relCourses .courseInfo span.courseName { font-size: 26px; font-size: 1.625rem; } /* line 136, ../scss/_type.scss */ body.search-results .columnHeading, body.search-results section#pageHolder section#pageContent ul.tabs li a { font-size: 28px; font-size: 1.75rem; } /* line 145, ../scss/_type.scss */ h2.eventListMonth, section#pageHolder section#pageContent .advert.image a .advertInfo span.title, section#pageHolder section#pageContent .advert.text .title, section#pageContent #courseScroller h3, section#pageContent #eventsCarousel h3 { font-size: 30px; font-size: 1.875rem; } /* line 151, ../scss/_type.scss */ .sectionTitle, #socialMedia i { font-size: 34px; font-size: 2.125rem; } /* line 158, ../scss/_type.scss */ #banner .bannerText .rotatingText div h1, body.page-template-course-detail section#pageHolder .courseTitleIntro h1, section#pageHolder #sectionThree h1 { font-size: 38px; font-size: 2.375rem; } #banner .bannerText .rotatingText div h1 { font-size: 50px; font-size: 3.125rem; } /* line 163, ../scss/_type.scss */ section#pageHolder h1 { font-size: 50px; font-size: 3.125rem; } /* line 168, ../scss/_type.scss */ body.error404 section#pageHolder section#pageContent.fullWidth h1 { font-size: 150px; font-size: 9.375rem; } /* line 179, ../scss/_type.scss */ header#masthead .socialContact .telInfo, section#pageHolder h1, body.page.article section#pageHolder aside#sidebar .sectionHeader a, section#pageHolder div.eventsList .eventDate span, section#pageHolder section#pageContent #sectionTwo .caseStudy p { font-weight: 400; } /* line 186, ../scss/_type.scss */ .bold, header#masthead .portals a, header#masthead a.portalOpenerRight, body.search-results .resultsInner span.resultsTitle { font-weight: 700; } /* line 235, ../scss/_type.scss */ header#masthead .socialContact .telInfo span, header#masthead a.jobs, .extraBold, a.button, #collegeInfo span.colTitle, nav#mainMenu .sf-mega .colThree .colTitle, section#pageHolder aside#sidebar .sectionTitle, section#pageHolder aside#sidebar .sectionHeader a, section#pageHolder .breadcrumb a.home, section#pageHolder h1 span, section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro span.courseName, .courseIntro a.findOutMore, #pageContent a.eventsBack, section#pageHolder div.eventsList .eventDate, section#pageHolder div.eventsList .eventInfo a.button, section#pageHolder div.eventsList .eventInfo .eventName, h2.eventListMonth, .pagination a.pagNum, section#pageHolder section#pageContent .contentInner .media-box a.button, .media-box-title a, section#pageHolder section#pageContent ul.tabs li, body.page-template-course-detail section#pageHolder .courseTitleIntro h1, .accordion h3.tabDrawerHeading, section#pageHolder section#pageContent a.mobile.applyBTN, #sectionTwo .nextSteps span.sectionTitle, #sectionTwo .nextSteps a, #sectionTwo .caseStudy .intro .sectionTitle, #sectionTwo .caseStudy .intro .csName, #sectionThree ul.relCourses .courseInfo span.courseName, section#pageHolder #sectionThree h1, #sectionThree ul.relCourses a.findOutMore, body.page-template-courses section#pageHolder section#pageContent div.courseSearching span.courseTitle, body.category-courses section#pageHolder section#pageContent div.courseSearching span.courseTitle, .courseType a, section#pageHolder aside#sidebar .sidebarAdvert a .advertInfo span.button, section#pageHolder aside#sidebar .sidebarAdvert .advertInfo span, section#pageHolder section#pageContent .advert.image a .advertInfo span.title, section#pageHolder section#pageContent .advert.image a .advertInfo span.button, section#pageHolder section#pageContent .advert.text .title, #courseScroller .courseList li .courseName, section#pageContent #courseScroller .courseList a.findOutMore, body.error404 section#pageHolder section#pageContent.fullWidth h1, body.search-results .columnHeading, body.search-results section#pageHolder section#pageContent ul.tabs li a { font-weight: 800; } @media (max-width: 767px) { /* line 247, ../scss/_type.scss */ body.page-template-courses input.courseInput, body.category-courses input.courseInput, .dropdownSelections .selection .selectPanel { font-size: 13px; font-size: 0.8125rem; } /* line 252, ../scss/_type.scss */ body.search-results .resultsInner span.courseSpecs { font-size: 14px; font-size: 0.875rem; } /* line 257, ../scss/_type.scss */ #sectionThree ul.relCourses .courseInfo span.courseName { font-size: 15px; font-size: 0.9375rem; } /* line 263, ../scss/_type.scss */ body.error404 section#pageHolder section#pageContent.fullWidth p, body.search-results section#pageHolder section#pageContent ul.tabs li a { font-size: 20px; font-size: 1.25rem; } /* line 268, ../scss/_type.scss */ section#pageHolder h1 { font-size: 30px; font-size: 1.875rem; } /* line 273, ../scss/_type.scss */ body.error404 section#pageHolder section#pageContent.fullWidth h1 { font-size: 80px; font-size: 5rem; } } @media (max-width: 1023px) { /* line 288, ../scss/_type.scss */ nav#mainMenu ul li a, #latestNews a.button.all, #collegeAdvert .advertInfo a.button, #brooksRestaurant a.button, #brooksRestaurant2 a.button, #collegeInfo .prospectus a.button, #brooksRestaurant .advertInfo a.button, #brooksRestaurant2 .advertInfo a.button, .courseIntro a.findOutMore, #pageContent a.eventsBack { font-size: 12px; font-size: 0.75rem; } /* line 310, ../scss/_type.scss */ #sectionTwo .caseStudy .intro p, #sectionTwo .nextSteps a, div.eventsList div.item .eventDate, div.eventsList div.item p.eventExcerpt, ul.newsList li p.articleExcerpt, div.eventsList div.item a.findOutMore, #latestNews ul.newsList li a.button, #upcomingEvents div.eventsList div.item span.eventTime, #upcomingEvents div.eventsList span.eventTime, ul.newsList li .articleDate, #upcomingEvents .owl-nav div, #brooksRestaurant .advertInfo span, #brooksRestaurant2 .advertInfo span, #collegeAdvert .advertInfo span, #courseSearchWrapper .findCourses a.button, #courseSearchWrapper .searchCareers a.button, #socialMedia span, section#pageHolder div.eventsList .eventInfo a.button, #sectionThree ul.relCourses span#mobile.courseExcerpt, #sectionThree ul.relCourses a.findOutMore { font-size: 13px; font-size: 0.8125rem; } /* line 322, ../scss/_type.scss */ header#masthead nav#pageMenu ul li a, #courseSearchWrapper .findCourses input.courseInput, #courseSearchWrapper .searchCareers input.careerInput, .courseIntro span.courseSpecs, .pagination a.pagNum, section#pageHolder section#pageContent ul.tabs li, section#pageHolder section#pageContent .courseStats div.sItem, #sectionThree ul.relCourses span.courseSpecs { font-size: 14px; font-size: 0.875rem; } /* line 332, ../scss/_type.scss */ #sectionTwo .caseStudy .intro .sectionTitle, #banner .bannerText .rotatingText div p, span.articleDate, body.page-template-courses section#pageHolder section#pageContent div.courseSearching span.courseTitle, body.category-courses section#pageHolder section#pageContent div.courseSearching span.courseTitle, section#pageContent #eventsCarousel ul.landingEventsList li span.eventDate, #courseScroller .courseList li .courseSpecs { font-size: 15px; font-size: 0.9375rem; } /* line 341, ../scss/_type.scss */ #courseSearchWrapper .findCourses, #courseSearchWrapper .searchCareers, .courseSearch .column, section#pageHolder div.eventsList .eventDate, .courseTitleIntro p { font-size: 17px; font-size: 1.0625rem; } /* line 346, ../scss/_type.scss */ #banner .bannerText .rotatingText div h1 { font-size: 18px; font-size: 1.125rem; } /* line 353, ../scss/_type.scss */ #sectionTwo .caseStudy .intro .csName, #sectionTwo .nextSteps span.sectionTitle, #courseScroller .courseList li .courseName { font-size: 19px; font-size: 1.1875rem; } /* line 361, ../scss/_type.scss */ ul.newsList li .articleName, #upcomingEvents div.eventsList span.eventName, #upcomingEvents div.eventsList div.item span.eventName, .courseIntro span.courseName, section#pageContent #eventsCarousel ul.landingEventsList li span.eventName { font-size: 20px; font-size: 1.25rem; } /* line 370, ../scss/_type.scss */ section#pageContent .advert.image a .advertInfo span.title, section#pageHolder section#pageContent .advert.text .title, section#pageContent #courseScroller h3, section#pageContent #eventsCarousel h3, section#pageHolder section#pageContent .advert.image a .advertInfo span.title { font-size: 24px; font-size: 1.5rem; } /* line 377, ../scss/_type.scss */ .sectionTitle, h2.eventListMonth, section#pageHolder #sectionThree h1 { font-size: 27px; font-size: 1.6875rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 384, ../scss/_type.scss */ #sectionTwo .nextSteps a { font-size: 13px; font-size: 0.8125rem; } /* line 392, ../scss/_type.scss */ section#pageContent .advert.image a .advertInfo span.title, section#pageHolder section#pageContent .advert.text .title, section#pageContent #courseScroller h3, section#pageContent #eventsCarousel h3 { font-size: 17px; font-size: 1.0625rem; } /* line 397, ../scss/_type.scss */ #sectionThree ul.relCourses .courseInfo span.courseName { font-size: 19px; font-size: 1.1875rem; } /* line 405, ../scss/_type.scss */ section#pageContent .advert.image a .advertInfo span.title, section#pageHolder section#pageContent .advert.text .title, section#pageContent #courseScroller h3, section#pageContent #eventsCarousel h3 { font-size: 24px; font-size: 1.5rem; } /* line 410, ../scss/_type.scss */ #banner .bannerText .rotatingText div h1 { font-size: 30px; font-size: 1.875rem; } /* line 415, ../scss/_type.scss */ section#pageHolder h1 { font-size: 42px; font-size: 2.625rem; } } @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 { height: 150px; height: 9.375rem; position: relative; } /* line 7, ../scss/_header.scss */ header#masthead .topBar { height: 30px; height: 1.875rem; width: 100%; position: absolute; top: 0; left: 0; } /* line 14, ../scss/_header.scss */ header#masthead .portals { float: left; position: relative; } /* line 17, ../scss/_header.scss */ header#masthead .portals a.portalOpener { position: absolute; height: 36px; height: 2.25rem; width: 92px; width: 5.75rem; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; line-height: 36px; line-height: 2.25rem; z-index: 501; padding: 0 0 0 13px; padding: 0 0 0 0.8125rem; } header#masthead a.portalOpenerRight { transition: all 0.3s ease-in; position: absolute; height: 36px; height: 2.25rem; width: 12.4rem; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; line-height: 36px; line-height: 2.25rem; z-index: 501; padding: 0 0 0 13px; padding: 0 0 0 0.6125rem;right:0px; } header#masthead a.portalOpenerRight:hover { background-color:black; } /* line 26, ../scss/_header.scss */ header#masthead .portals a.portalOpener i { margin-left: 4px; margin-left: 0.25rem; } header#masthead .portals a.portalOpenerRight i { margin-left: 4px; margin-left: 0.25rem; } /* line 30, ../scss/_header.scss */ header#masthead .portals ul { position: absolute; top: 0; top: 0; left: 0; width: 230px; width: 14.375rem; margin: 0; padding: 0; list-style-type: none; z-index: 500; display: none; padding: 36px 0 8px 0; padding: 2.25rem 0 0.5rem 0; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; } /* line 43, ../scss/_header.scss */ header#masthead .portals ul li { width: 100%; margin: 0; float: left; } /* line 47, ../scss/_header.scss */ header#masthead .portals ul li a { padding: 6px 13px; padding: 0.375rem 0.8125rem; line-height: normal; display: block; } /* line 52, ../scss/_header.scss */ header#masthead .portals ul li a:hover { background-color: #3c3c3c; } /* line 58, ../scss/_header.scss */ header#masthead a.jobs { display: block; padding: 6px 5px; padding: 0.375rem 0.3125rem; float: left; margin: 3px 0 0 120px; margin: 0.1875rem 0 0 7.5rem; } /* line 64, ../scss/_header.scss */ header#masthead .logoHolder { position: relative; float: left; clear: left; margin-top: 50px; margin-top: 3.125rem; } /* line 71, ../scss/_header.scss */ header#masthead .logoHolder, header#masthead .logoHolder a { width: 344px; width: 21.5rem; width:224px; height: 38px; height: 2.375rem; height: 4.375rem; background-repeat: no-repeat; background-position: center center; } /* line 77, ../scss/_header.scss */ header#masthead .logoHolder a img { max-width: 100%; height: auto; } /* line 81, ../scss/_header.scss */ header#masthead .logoHolder a { display: block; position: relative; } /* line 85, ../scss/_header.scss */ header#masthead nav#pageMenu { position: absolute; right: 140px; right: 8.75rem; top: 80px; top: 5rem; } /* line 89, ../scss/_header.scss */ header#masthead nav#pageMenu ul { margin: 0; padding: 0; list-style-type: none; } /* line 91, ../scss/_header.scss */ header#masthead nav#pageMenu ul li { float: left; margin: 0 8px; margin: 0 0.5rem; position: relative; } /* line 96, ../scss/_header.scss */ header#masthead nav#pageMenu ul li a { display: block; padding: 15px 5px; padding: 0.9375rem 0.3125rem; position: relative; } /* line 101, ../scss/_header.scss */ header#masthead nav#pageMenu ul li a:after { content: ""; height: 1px; height: 0.0625rem; width: auto; left: 50%; right: 50%; position: absolute; bottom: 8px; bottom: 0.5rem; } /* line 112, ../scss/_header.scss */ header#masthead nav#pageMenu ul li a:hover:after, header#masthead nav#pageMenu ul li a.active:after, header#masthead nav#pageMenu ul li:hover a:after { left: 5px; left: 0.3125rem; right: 5px; right: 0.3125rem; } /* line 116, ../scss/_header.scss */ header#masthead nav#pageMenu ul ul { position: absolute; left: -2px; left: -0.125rem; width: 220px; width: 13.75rem; top: 40px; top: 2.5rem; z-index: 9999; display: none; } /* line 123, ../scss/_header.scss */ header#masthead nav#pageMenu ul ul li { float: left; width: 100%; border-top-style: solid; border-top-width: 1px; border-top-color: rgba(255, 255, 255, 0.2); } /* line 129, ../scss/_header.scss */ header#masthead nav#pageMenu ul ul li a { display: block; padding: 10px 15px; padding: 0.625rem 0.9375rem; } /* line 133, ../scss/_header.scss */ header#masthead nav#pageMenu ul ul li:first-child { border: none; } /* line 136, ../scss/_header.scss */ header#masthead nav#pageMenu ul ul li a:after { display: none; } /* line 143, ../scss/_header.scss */ header#masthead .siteSearch { position: absolute; right: 20px; right: 1.25rem; top: 92px; top: 5.75rem; } /* line 148, ../scss/_header.scss */ header#masthead .socialContact { position: absolute; right: 50px; right: 6.125rem; top: 0; height: 30px; height: 1.875rem; } /* line 153, ../scss/_header.scss */ header#masthead .socialContact a { float: left; display: block; line-height: 30px; line-height: 1.875rem; padding: 0 5px; padding: 0 0.3125rem; margin: 0 5px; margin: 0 0.3125rem; opacity: 1; } /* line 161, ../scss/_header.scss */ header#masthead .socialContact .telInfo { float: left; line-height: 30px; line-height: 1.875rem; margin-left: 15px; margin-left: 0.9375rem; } /* line 166, ../scss/_header.scss */ header#masthead .socialContact a.inst { background-image: url(../images/global/social-instagram.png); background-position: center center; background-repeat: no-repeat; height: 30px; height: 1.875rem; width: 22px; width: 1.375rem; } @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 166, ../scss/_header.scss */ header#masthead .socialContact a.inst { background-image: url(../images/@2x/social-instagram@2x.png); -webkit-background-size: 20px 20px; background-size: 20px 20px; } } /* line 174, ../scss/_header.scss */ header#masthead .socialContact a.lIn { color: #087BB6; } /* line 177, ../scss/_header.scss */ header#masthead .socialContact a.tw { color: #53A7DC; } /* line 180, ../scss/_header.scss */ header#masthead .socialContact a.fb { color: #3B609D; } /* line 183, ../scss/_header.scss */ header#masthead .socialContact a:hover { opacity: 0.6; } /* line 186, ../scss/_header.scss */ header#masthead .socialContact a#mobile.call { display: none; } /* line 190, ../scss/_header.scss */ header#masthead a.searchOpen { display: block; float: left; position: relative; } /* line 194, ../scss/_header.scss */ header#masthead a.searchOpen i.searchIcon { height: 20px; width: 20px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/global/search-icon.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 194, ../scss/_header.scss */ header#masthead a.searchOpen i.searchIcon { background-image: url(../images/@2x/search-icon@2x.png); -webkit-background-size: 18px 18px; background-size: 18px 18px; } } /* line 201, ../scss/_header.scss */ header#masthead a.searchOpen i { height: 20px; width: 20px; text-align: center; line-height: 20px; line-height: 1.25rem; float: left; } /* line 207, ../scss/_header.scss */ header#masthead a.searchOpen i.fas { display: none; } @media (max-width: 767px) { /* line 219, ../scss/_header.scss */ header#masthead { height: 120px; height: 7.5rem;height: 160px; } /* line 225, ../scss/_header.scss */ header#masthead nav#pageMenu, header#masthead .socialContact .telInfo, header#masthead a.jobs, header#masthead .siteSearch { display: none; } /* line 228, ../scss/_header.scss */ header#masthead .socialContact { right: 2%; } /* line 230, ../scss/_header.scss */ header#masthead .socialContact a { padding: 0 3px; padding: 0 0.1875rem; } /* line 233, ../scss/_header.scss */ header#masthead .socialContact a#mobile.call { display: block; } /* line 237, ../scss/_header.scss */ header#masthead .logoHolder { position: absolute; left: 50%; margin-left: -130px; margin-left: -8.125rem;margin-left:-107px; top: 18px; top: 1.125rem; } } @media all and (min-width: 768px) and (max-width: 1350px) { header#masthead nav#pageMenu{display:none} } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 246, ../scss/_header.scss */ header#masthead nav#pageMenu ul li { margin: 0 2px; margin: 0 0.125rem; } /* line 249, ../scss/_header.scss */ header#masthead nav#pageMenu{display:none} /* line 253, ../scss/_header.scss */ header#masthead .socialContact { right: 4%; } /* line 256, ../scss/_header.scss */ header#masthead .logoHolder { margin-top: 57px; margin-top: 3.5625rem; } /* line 259, ../scss/_header.scss */ header#masthead .siteSearch { top: 52px; top: 3.25rem; right: 4%; } } @media (max-width: 1023px) { /* line 267, ../scss/_header.scss */ header#masthead .logoHolder, header#masthead .logoHolder a { width: 260px; width: 16.25rem; width: 214px;height: 29px; height: 1.8125rem;height:80px; } } /* @media (max-width: 1023px) and (min--moz-device-pixel-ratio: 2), (max-width: 1023px) and (-o-min-device-pixel-ratio: 2 / 1), (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 1023px) and (min-device-pixel-ratio: 2), (max-width: 1023px) and (min-resolution: 192dpi), (max-width: 1023px) and (min-resolution: 2dppx) { header#masthead .logoHolder a { background-image: url(../images/@2x/logo@2x.jpg); -webkit-background-size: 260px 29px; background-size: 260px 29px; } header#masthead .logoHolder a img { display: none; } } */ /* @media all and (min-width: 1024px) and (max-width: 1249px) { header#masthead nav#pageMenu { right: 60px; right: 3.75rem; right: 4%; } } @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) { header#masthead .logoHolder a { background-image: url(../images/@2x/logo@2x.jpg); -webkit-background-size: 344px 38px; background-size: 344px 38px; } header#masthead .logoHolder a img { display: none; } } */ /* line 3, ../scss/_menu.scss */ nav#mainMenu { height: 35px; height: 2.1875rem; position: relative; z-index: 300; } /* line 8, ../scss/_menu.scss */ nav#mainMenu ul { margin: 0; padding: 0; list-style-type: none; position: relative; width: 100%; } /* line 13, ../scss/_menu.scss */ nav#mainMenu ul li { float: left; width: 20%; } /* line 17, ../scss/_menu.scss */ nav#mainMenu ul li a { line-height: 35px; line-height: 2.1875rem; display: block; text-align: center; position: relative; } /* line 22, ../scss/_menu.scss */ nav#mainMenu ul li a:before { content: ""; position: absolute; width: 1px; width: 0.0625rem; height: 23px; height: 1.4375rem; left: 0; top: 5px; top: 0.3125rem; background-repeat: no-repeat; background-position: center center; background-image: url(../images/global/main-menu-divider.png); } /* line 34, ../scss/_menu.scss */ nav#mainMenu ul li:first-child a:before { display: none; } /* line 37, ../scss/_menu.scss */ nav#mainMenu .sf-menu .sf-mega { position: absolute; display: none; top: px; left: 0; z-index: 20; padding: 55px 0; padding: 3.4375rem 0; width: 100%;min-height: 350px; } /* line 45, ../scss/_menu.scss */ nav#mainMenu .sf-menu .sf-mega ul { float: left; width: 100%; padding: 0 18%; padding: 0 18%; } /* line 49, ../scss/_menu.scss */ nav#mainMenu .sf-menu .sf-mega ul li { width: 100%; } /* line 52, ../scss/_menu.scss */ nav#mainMenu .sf-menu .sf-mega ul li a { text-align: left; display: inline-block; line-height: 1.3; padding: 9px 0; padding: 0.5625rem 0; } /* line 57, ../scss/_menu.scss */ nav#mainMenu .sf-menu .sf-mega ul li a:before { display: none; } /* line 63, ../scss/_menu.scss */ nav#mainMenu .sf-mega .colThree { float: left; width: 33.3333%; border-left-style: solid; border-left-width: 1px; border-color: rgba(255, 255, 255, 0.1); position: relative; } /* line 70, ../scss/_menu.scss */ nav#mainMenu .sf-mega .colThree li a:after { content: ""; height: 1px; height: 0.0625rem; width: auto; left: 50%; right: 50%; position: absolute; bottom: 5px; bottom: 0.3125rem; } /* line 79, ../scss/_menu.scss */ nav#mainMenu .sf-mega .colThree li a:hover:after { left: 0; right: 0; } /* line 83, ../scss/_menu.scss */ nav#mainMenu .sf-mega .colThree .prospectus { float: left; width: 280px; width: 17.5rem; height: 150px; height: 9.375rem; /*even though image height is 190px*/ margin-top: 10px; margin-top: 0.625rem; margin-left: 110px; margin-left: 6.875rem; } /* line 89, ../scss/_menu.scss */ nav#mainMenu .sf-mega .colThree .prospectus img { max-width: 100%; } /* line 92, ../scss/_menu.scss */ nav#mainMenu .sf-mega .colThree .prospectus a.button { display: block; position: absolute; top: 145px; top: 9.0625rem; left: 9.7%; left: 9.7%; line-height: 40px; line-height: 2.5rem; } /* line 99, ../scss/_menu.scss */ nav#mainMenu .sf-mega .colThree .prospectus a.button:hover { background-color: #026b50; } /* line 103, ../scss/_menu.scss */ nav#mainMenu .sf-mega .colThree.last { padding-left: 3%; } /* line 109, ../scss/_menu.scss */ a.mobileMenuBTN { display: none; margin-top: 0; margin-top: 0; padding: 9px 0; padding: 0.5625rem 0; outline: none; } /* line 114, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon { width: 12px; width: 0.75rem; height: 14px; height: 0.875rem; position: relative; cursor: pointer; display: inline-block; } /* line 120, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon span { display: block; position: absolute; height: 1px; height: 0.0625rem; width: 100%; opacity: 1; left: 0; } /* line 129, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon span:nth-child(1) { top: 3px; } /* line 132, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon span:nth-child(2) { top: 8px; top: 0.5rem; opacity: 1; } /* line 136, ../scss/_menu.scss */ a.mobileMenuBTN #navIcon span:nth-child(3) { top: 13px; top: 0.8125rem; } @media (max-width: 1350px) { /* line 147, ../scss/_menu.scss */ nav#mainMenu ul { display: none; } /* line 150, ../scss/_menu.scss */ nav#mainMenu { text-align: center; } /* line 152, ../scss/_menu.scss */ nav#mainMenu a.mobileMenuBTN { display: inline-block; width: 20px;} } #menu *:focus{outline: 1px solid black} /* line 3, ../scss/_footer.scss */ footer#siteFooter { padding: 25px 0; padding: 1.5625rem 0; line-height: 1.2; text-align: center; position: relative; clear:left;} /* line 8, ../scss/_footer.scss */ footer#siteFooter .container { z-index: 2; } /* line 12, ../scss/_footer.scss */ footer#siteFooter:before, footer#siteFooter:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* line 16, ../scss/_footer.scss */ footer#siteFooter time#year { margin-right: 30px; margin-right: 1.875rem; } /* line 19, ../scss/_footer.scss */ footer#siteFooter span.div { margin: 0 12px; margin: 0 0.75rem; display: inline-block; } /* line 23, ../scss/_footer.scss */ footer#siteFooter a { display: inline-block; position: relative; } /* line 27, ../scss/_footer.scss */ footer#siteFooter a:after { content: ""; height: 1px; height: 0.0625rem; width: 0; left: 50%; right: 50%; position: absolute; bottom: -5px; bottom: -0.3125rem; } /* line 36, ../scss/_footer.scss */ footer#siteFooter a:hover:after { left: 0; right: 0; width: 100%; } /* line 43, ../scss/_footer.scss */ body.page footer { clear: both; } /* ******************* RESPONSIVE ****************** */ @media (max-width: 767px) { /* line 53, ../scss/_footer.scss */ footer#siteFooter { float: left; width: 100%; } /* line 56, ../scss/_footer.scss */ footer#siteFooter span.copy { display: block; text-align: center; margin-bottom: 15px; margin-bottom: 0.9375rem; } /* line 61, ../scss/_footer.scss */ footer#siteFooter time#year { margin-right: 0; } /* line 64, ../scss/_footer.scss */ footer#siteFooter span.div.first { display: none; } } /* line 16, ../scss/_home.scss */ #banner, #banner .container, #banner .container .bannerText { height: 800px; height: 50rem; } /* line 19, ../scss/_home.scss */ #banner { overflow: hidden; position: relative; } /* line 22, ../scss/_home.scss */ #banner .bannerInner { position: absolute; top: 0; left: 0; width: 100%; height: auto; top: 0px; top: 0rem; height: 900px; height: 56.25rem; } /* line 31, ../scss/_home.scss */ #banner .bannerText { position: relative; float: left; width: 50%; z-index: 1; } /* line 36, ../scss/_home.scss */ #banner .bannerText p { margin: 0; } /* line 39, ../scss/_home.scss */ #banner .bannerText span { display: block; } /* line 42, ../scss/_home.scss */ #banner .bannerText .rotatingText { position: absolute; left: 0; top: 160px; top: 10rem; width: 100%; line-height: 1.20; } /* line 49, ../scss/_home.scss */ #banner .bannerText .rotatingText h1 { margin: 0 0 60px 0; margin: 0 0 3.75rem 0; position: relative; } /* line 52, ../scss/_home.scss */ #banner .bannerText .rotatingText h1:after { height: 1px; height: 0.0625rem; width: 130px; width: 8.125rem; content: ""; position: absolute; bottom: -33px; bottom: -2.0625rem; left: 0; opacity: 0.3; } /* line 62, ../scss/_home.scss */ #banner .bannerText .rotatingText p { line-height: 1.8; } /* line 65, ../scss/_home.scss */ #banner .bannerText .rotatingText a.button { display: block; float: left; padding: 0 50px; padding: 0 3.5rem; margin-top: 30px; margin-top: 1.875rem; text-shadow: none; } /* line 72, ../scss/_home.scss */ #banner .bannerText .rotatingText a.button:hover { background-color: #026b50; } /* line 77, ../scss/_home.scss */ #banner .vegas-overlay { background: rgba(0, 0, 0, 0.3); background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.97) 0%, rgba(255, 255, 255, 0) 80%); background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0, 0, 0, 0.97)), color-stop(80%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.97) 0%, rgba(255, 255, 255, 0) 80%); background: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.97) 0%, rgba(255, 255, 255, 0) 80%); background: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.97) 0%, rgba(255, 255, 255, 0) 80%); background: linear-gradient(45deg, rgba(0, 0, 0, 0.97) 0%, rgba(255, 255, 255, 0) 80%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=1 ); opacity: 1; } /* line 90, ../scss/_home.scss */ .overlay { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; top: 30px; top: 1.875rem; z-index: 10; opacity: 0; visibility: hidden; } /* line 96, ../scss/_home.scss */ .overlay.show { opacity: 1; visibility: visible; } /* line 103, ../scss/_home.scss */ #panelOne { margin-top: -90px; margin-top: -5.625rem; position: relative; z-index: 2; } /* line 107, ../scss/_home.scss */ #panelOne:before { position: absolute; top: 0; left: 0; width: 100%; height: 90px; height: 5.625rem; content: ""; } /* line 117, ../scss/_home.scss */ a.button { padding: 0 30px; padding: 0 1.875rem; line-height: 40px; line-height: 2.5rem; height: 40px; height: 2.5rem; } /* line 124, ../scss/_home.scss */ #courseSearchWrapper { position: absolute; top: -110px; top: -6.875rem; width: 100%; left: 0; } /* line 129, ../scss/_home.scss */ #courseSearchWrapper .courseSearch { float: left; width: 100%; height: 140px; height: 8.75rem; } /* line 134, ../scss/_home.scss */ #courseSearchWrapper .mobile.courseSearch { display: none; height: 115px; height: 7.1875rem; } /* line 137, ../scss/_home.scss */ #courseSearchWrapper .mobile.courseSearch .column { height: 120px; height: 7.5rem; padding-top: 35px; padding-top: 2.1875rem; } /* line 141, ../scss/_home.scss */ #courseSearchWrapper .mobile.courseSearch .column.half.course:after { content: ""; width: 80%; left: 10%; height: 1px; height: 0.0625rem; bottom: 0; position: absolute; top: auto; } /* line 151, ../scss/_home.scss */ #courseSearchWrapper .holder { float: left; width: 100%; position: relative; z-index: 100; } /* line 157, ../scss/_home.scss */ #courseSearchWrapper .column { float: left; text-align: center; padding-top: 50px; padding-top: 3.125rem; height: 140px; height: 8.75rem; } /* line 162, ../scss/_home.scss */ #courseSearchWrapper .column i { display: block; margin-top: 20px; margin-top: 1.25rem; } /* line 167, ../scss/_home.scss */ #courseSearchWrapper .column:hover { cursor: pointer; } /* line 170, ../scss/_home.scss */ #courseSearchWrapper .column.half { width: 50%; position: relative; } /* line 174, ../scss/_home.scss */ #courseSearchWrapper .column.half.course:after { content: ""; height: 80%; top: 10%; width: 1px; width: 0.0625rem; right: 0; position: absolute; } /* line 183, ../scss/_home.scss */ #courseSearchWrapper .findCourses, #courseSearchWrapper .searchCareers { position: absolute; top: 100%; left: 0; width: 100%; padding: 50px 75px; padding: 3.125rem 4.6875rem; text-align: center; display: none; } /* line 191, ../scss/_home.scss */ #courseSearchWrapper .findCourses .searchBar, #courseSearchWrapper .searchCareers .searchBar { float: left; width: 100%; margin: 0 0 30px 0; margin: 0 0 1.875rem 0; } /* line 197, ../scss/_home.scss */ #courseSearchWrapper .findCourses input.courseInput, #courseSearchWrapper .findCourses input.careerInput, #courseSearchWrapper .searchCareers input.courseInput, #courseSearchWrapper .searchCareers input.careerInput { position: relative; margin-top: 20px; margin-top: 1.25rem; width: 100%; height: 55px; height: 3.4375rem; padding: 0 20px; padding: 0 1.25rem; line-height: 55px; line-height: 3.4375rem; box-sizing: border-box; border: none; color: #2b2e30; -webkit-appearance: none; border-radius: 0; outline: none; background-color: #e0e3e8; z-index: 10; text-align: left; } /* line 213, ../scss/_home.scss */ #courseSearchWrapper .findCourses input.courseInput::-webkit-input-placeholder, #courseSearchWrapper .findCourses input.careerInput::-webkit-input-placeholder, #courseSearchWrapper .searchCareers input.courseInput::-webkit-input-placeholder, #courseSearchWrapper .searchCareers input.careerInput::-webkit-input-placeholder { color: #2b2e30; opacity: 1; } /* line 217, ../scss/_home.scss */ #courseSearchWrapper .findCourses input.courseInput:moz-placeholder, #courseSearchWrapper .findCourses input.careerInput:moz-placeholder, #courseSearchWrapper .searchCareers input.courseInput:moz-placeholder, #courseSearchWrapper .searchCareers input.careerInput:moz-placeholder { color: #2b2e30; opacity: 1; } /* line 221, ../scss/_home.scss */ #courseSearchWrapper .findCourses input.courseInput::-moz-placeholder, #courseSearchWrapper .findCourses input.careerInput::-moz-placeholder, #courseSearchWrapper .searchCareers input.courseInput::-moz-placeholder, #courseSearchWrapper .searchCareers input.careerInput::-moz-placeholder { color: #2b2e30; opacity: 1; } /* line 225, ../scss/_home.scss */ #courseSearchWrapper .findCourses input.courseInput:-ms-input-placeholder, #courseSearchWrapper .findCourses input.careerInput:-ms-input-placeholder, #courseSearchWrapper .searchCareers input.courseInput:-ms-input-placeholder, #courseSearchWrapper .searchCareers input.careerInput:-ms-input-placeholder { color: #2b2e30; opacity: 1; } /* line 230, ../scss/_home.scss */ #courseSearchWrapper .findCourses p a, #courseSearchWrapper .searchCareers p a { position: relative; } /* line 233, ../scss/_home.scss */ #courseSearchWrapper .findCourses p a:after, #courseSearchWrapper .searchCareers p a:after { content: ""; height: 1px; height: 0.0625rem; width: auto; left: 50%; right: 50%; position: absolute; bottom: -5px; bottom: -0.3125rem; } /* line 242, ../scss/_home.scss */ #courseSearchWrapper .findCourses p a:hover:after, #courseSearchWrapper .searchCareers p a:hover:after { left: 0; right: 0; } /* line 246, ../scss/_home.scss */ #courseSearchWrapper .findCourses a.button, #courseSearchWrapper .searchCareers a.button { display: inline-block; border-width: 1px; border-style: solid; } /* line 252, ../scss/_home.scss */ #courseSearchWrapper .searchCareers { display: none; } /* line 257, ../scss/_home.scss */ #upcomingEvents { margin-top: 90px; margin-top: 5.625rem; float: left; width: 100%; padding: 50px 0; padding: 3.125rem 0; position: relative; } /* line 263, ../scss/_home.scss */ #upcomingEvents:after { content: ""; position: absolute; left: 50%; right: 0; width: auto; margin-left: 100px; margin-left: 6.25rem; height: auto; top: -30px; top: -1.875rem; bottom: 0; } /* line 274, ../scss/_home.scss */ #upcomingEvents div.eventsList { margin: 0; padding: 0; list-style-type: none; margin-top: 50px; margin-top: 3.125rem; } /* line 277, ../scss/_home.scss */ #upcomingEvents div.eventsList div.item { float: left; padding: 40px 50px; padding: 2.5rem 3.125rem; text-align: center; min-height:385px; } /* line 282, ../scss/_home.scss */ #upcomingEvents div.eventsList div.item span, #upcomingEvents div.eventsList div.item p { display: block; } /* line 285, ../scss/_home.scss */ #upcomingEvents div.eventsList div.item p { line-height: 1.7; text-align: left; margin: -4px 0 45px 0; margin: -0.25rem 0 2.8125rem 0; } /* line 290, ../scss/_home.scss */ #upcomingEvents div.eventsList div.item span.eventName { margin-bottom: 15px; margin-bottom: 0.9375rem; } /* line 294, ../scss/_home.scss */ #upcomingEvents div.eventsList div.item span.eventDate, #upcomingEvents div.eventsList div.item span.eventTime { margin-bottom: 10px; margin-bottom: 0.625rem; } /* line 297, ../scss/_home.scss */ #upcomingEvents div.eventsList div.item a.button { display: inline-block; border-width: 1px; border-style: solid; } /* line 274, ../scss/_home.scss */ #upcomingEvents div.eventsList { margin: 0; padding: 0; list-style-type: none; margin-top: 50px; margin-top: 3.125rem; } /* line 277, ../scss/_home.scss */ #upcomingEvents div.eventsList div.item { float: left; padding: 40px 50px; padding: 2.5rem 3.125rem; text-align: center; min-height:385px; } /* line 282, ../scss/_home.scss */ #upcomingEvents div.eventsList div.item span, #upcomingEvents div.eventsList div.item p { display: block; } /* line 285, ../scss/_home.scss */ #upcomingEvents div.eventsList div.item p { line-height: 1.7; text-align: left; margin: -4px 0 45px 0; margin: -0.25rem 0 2.8125rem 0; } /* line 290, ../scss/_home.scss */ #upcomingEvents div.eventsList div.item span.eventName { margin-bottom: 15px; margin-bottom: 0.9375rem; } /* line 294, ../scss/_home.scss */ #upcomingEvents div.eventsList div.item span.eventDate, #upcomingEvents div.eventsList div.item span.eventTime { margin-bottom: 10px; margin-bottom: 0.625rem; } /* line 297, ../scss/_home.scss */ #upcomingEvents div.eventsList div.item a.button { display: inline-block; border-width: 1px; border-style: solid; } /* line 304, ../scss/_home.scss */ #upcomingEvents .owl-nav { position: absolute; width: 100%; cursor: pointer; z-index: 300; display: block; background-position: center center; background-repeat: no-repeat; top: -80px; top: -5rem; } /* line 315, ../scss/_home.scss */ #upcomingEvents .owl-prev, #upcomingEvents .owl-next { height: 40px; height: 2.5rem; width: 115px; width: 7.1875rem; position: absolute; line-height: 40px; line-height: 2.5rem; top: 0; } /* line 321, ../scss/_home.scss */ #upcomingEvents .owl-prev:before, #upcomingEvents .owl-next:before { position: absolute; content: ""; top: 0; background-position: center center; background-repeat: no-repeat; text-align: center; height: 40px; height: 2.5rem; width: 40px; width: 2.5rem; } /* line 331, ../scss/_home.scss */ #upcomingEvents .owl-prev:hover, #upcomingEvents .owl-next:hover { background-color: #026b50; } /* line 335, ../scss/_home.scss */ #upcomingEvents .owl-prev { right: 130px; right: 8.125rem; padding-right: 24px; padding-right: 1.5rem; text-align: right; padding-left:35px !important; color:white;font-size;15px !important;text-align:center !important } /* line 339, ../scss/_home.scss */ #upcomingEvents .owl-prev:before { left: 0; margin-left: -1px; margin-left: -0.0625rem; background-image: url(../images/global/news-prev-arrow.png); } /* line 345, ../scss/_home.scss */ #upcomingEvents .owl-next { right: 0px; right: 0rem; padding-left: 24px; padding-right:40px !important; color:white;text-align:left;font-size;15px !important;text-align:center !important } /* line 348, ../scss/_home.scss */ #upcomingEvents .owl-next:before { right: 0; background-image: url(../images/global/news-next-arrow.png); margin-left: 1px; margin-left: 0.0625rem; } /* line 357, ../scss/_home.scss */ #latestNews { padding: 70px 0 90px 0; padding: 4.375rem 0 5.625rem 0; clear: both; float: left; width: 100%; position: relative; } /* line 363, ../scss/_home.scss */ #latestNews a.button.all { position: absolute; right: 50px; right: 3.125rem; top: 0; top: 0; } /* line 367, ../scss/_home.scss */ #latestNews a.button.all:hover { background-color: #026b50; } /* line 371, ../scss/_home.scss */ #latestNews ul.newsList { margin: 0; padding: 0; list-style-type: none; margin-top: 50px; margin-top: 3.125rem; } /* line 374, ../scss/_home.scss */ #latestNews ul.newsList li { float: left; width: 47.7832%; margin-left: 4.4334%; position: relative; z-index: 2; } /* line 380, ../scss/_home.scss */ #latestNews ul.newsList li:first-child { margin-left: 0; } /* line 383, ../scss/_home.scss */ #latestNews ul.newsList li figure { margin: 0; float: left; width: 100%; overflow: hidden; position: relative; height: 300px; height: 18.75rem; } /* line 390, ../scss/_home.scss */ #latestNews ul.newsList li figure img { max-width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); } /* line 400, ../scss/_home.scss */ #latestNews ul.newsList li figure .hoverBG { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; } /* line 404, ../scss/_home.scss */ #latestNews ul.newsList li figure .hoverBG i { position: absolute; left: 50%; top: 50%; margin-top: -30px; margin-top: -1.875rem; margin-left: -30px; margin-left: -1.875rem; height: 60px; width: 60px; text-align: center; line-height: 56px; line-height: 3.5rem; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; border-radius: 30px; background-clip: padding-box; behavior: url(PIE.htc); } /* line 418, ../scss/_home.scss */ #latestNews ul.newsList li figure a:hover img { transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); } /* line 423, ../scss/_home.scss */ #latestNews ul.newsList li figure a:hover .hoverBG { opacity: 1; } /* line 427, ../scss/_home.scss */ #latestNews ul.newsList li .newsInfo { float: left; width: 100%; padding: 40px 50px; padding: 2.5rem 3.125rem; text-align: center;min-height:370px; } /* line 434, ../scss/_home.scss */ #latestNews ul.newsList li span, #latestNews ul.newsList li p { display: block; text-align: left; } /* line 438, ../scss/_home.scss */ #latestNews ul.newsList li p { line-height: 1.6; text-align: left; margin: -4px 0 18px 0; margin: -0.25rem 0 1.125rem 0; } /* line 443, ../scss/_home.scss */ #latestNews ul.newsList li span.articleName { margin-bottom: 15px; margin-bottom: 0.9375rem; } /* line 446, ../scss/_home.scss */ #latestNews ul.newsList li span.articleDate { margin-bottom: 22px; margin-bottom: 1.375rem; } /* line 449, ../scss/_home.scss */ #latestNews ul.newsList li a.button { display: inline-block; border-width: 1px; border-style: solid; } /* line 456, ../scss/_home.scss */ /* line 471, ../scss/_home.scss */ html.csstransitions #latestNews ul.newsList li figure a:hover .hoverBG i, html.csstransitions section#pageHolder aside#sidebar ul.newsList li figure a:hover .hoverBG i { -webkit-animation: fa-spin 0.2s linear; -moz-animation: fa-spin 0.2s linear; -o-animation: fa-spin 0.2s linear; animation: fa-spin 0.2s linear; } /* line 479, ../scss/_home.scss */ #collegeAdvert { padding: 45px 0; padding: 2.8125rem 0; position: relative; } /* line 482, ../scss/_home.scss */ #collegeAdvert:after { content: ""; position: absolute; left: 50%; right: 0; width: auto; height: auto; top: -50px; top: -3.125rem; bottom: 0; } /* line 493, ../scss/_home.scss */ #collegeAdvert .advertInfo, #collegeAdvert .advertImage { height: 330px; height: 20.625rem; } /* line 496, ../scss/_home.scss */ #collegeAdvert .advertImage img { width: 110%; } /* line 502, ../scss/_home.scss */ #collegeAdvert, #brooksRestaurant, #brooksRestaurant2 { clear: left; float: left; width: 100%; } /* line 507, ../scss/_home.scss */ #collegeAdvert .advertInfo, #collegeAdvert .advertImage, #brooksRestaurant .advertInfo, #brooksRestaurant .advertImage, #brooksRestaurant2 .advertInfo, #brooksRestaurant2 .advertImage { float: left; width: 50%; z-index: 2; position: relative; z-index: 2; } /* line 514, ../scss/_home.scss */ #collegeAdvert .advertImage, #brooksRestaurant .advertImage, #brooksRestaurant2 .advertImage { position: relative; overflow: hidden; } /* line 517, ../scss/_home.scss */ #collegeAdvert .advertImage img, #brooksRestaurant .advertImage img, #brooksRestaurant2 .advertImage img { height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } /* line 527, ../scss/_home.scss */ #collegeAdvert .advertInfo, #brooksRestaurant .advertInfo, #brooksRestaurant2 .advertInfo { text-align: center; display: table; } /* line 530, ../scss/_home.scss */ #collegeAdvert .advertInfo .vAlign, #brooksRestaurant .advertInfo .vAlign, #brooksRestaurant2 .advertInfo .vAlign { display: table-cell; vertical-align: middle; padding: 0 50px; padding: 0 3.125rem; } /* line 535, ../scss/_home.scss */ #collegeAdvert .advertInfo span, #brooksRestaurant .advertInfo span, #brooksRestaurant2 .advertInfo span { display: block; margin: 30px 0 30px 0; margin: 1.875rem 0 1.875rem 0; line-height: 1.7; opacity: 0.6; } /* line 542, ../scss/_home.scss */ #collegeAdvert a.button, #brooksRestaurant a.button, #brooksRestaurant2 a.button { display: inline-block; } /* line 550, ../scss/_home.scss */ #brooksRestaurant .advertInfo, #brooksRestaurant .advertImage { height: 425px; height: 26.5625rem; } /* line 553, ../scss/_home.scss */ #brooksRestaurant .advertImage img { width: 105%; } /* line 556, ../scss/_home.scss */ #brooksRestaurant .advertInfo { padding-right: 200px; padding-right: 12.5rem; float: right; } /* line 550, ../scss/_home.scss */ #brooksRestaurant2 .advertInfo, #brooksRestaurant2 .advertImage { height: 425px; height: 26.5625rem; } /* line 553, ../scss/_home.scss */ #brooksRestaurant2 .advertImage img { width: 105%; } /* line 556, ../scss/_home.scss */ #brooksRestaurant2 .advertInfo { padding-right: 200px; padding-right: 12.5rem; float: right; } /* line 563, ../scss/_home.scss */ #socialMedia { clear: left; } /* line 565, ../scss/_home.scss */ #socialMedia .socialWrapper { float: left; width: 100%; position: relative; padding: 30px 0; padding: 1.875rem 0; } /* line 571, ../scss/_home.scss */ #socialMedia div.span { float: left; width: 100%; display: block; padding: 0 200px 0 60px; padding: 0 12.5rem 0 3.75rem; line-height: 1.2; } /* line 577, ../scss/_home.scss */ #socialMedia div.span time { margin-left: 40px; margin-left: 2.5rem; } /* line 581, ../scss/_home.scss */ #socialMedia i { position: absolute; left: 0; top: 50%; height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; margin-top: -20px; margin-top: -1.25rem; } /* line 589, ../scss/_home.scss */ #socialMedia a.button.followUs { padding: 0 48px; padding: 0 3rem; position: absolute; right: 0; right: 0; top: 50%; margin-top: -20px; margin-top: -1.25rem; } /* line 599, ../scss/_home.scss */ #collegeInfo { padding: 70px 0; padding: 4.375rem 0;clear:both; } /* line 601, ../scss/_home.scss */ #collegeInfo .col { float: left; position: relative; z-index: 2; } /* line 606, ../scss/_home.scss */ #collegeInfo .prospectus { float: right; width: 100%; padding: 0 5% 0 17%; height: auto; margin-top: 15px; margin-top: 0.9375rem; } /* line 612, ../scss/_home.scss */ #collegeInfo .prospectus img { max-width: 100%; } /* line 615, ../scss/_home.scss */ #collegeInfo .prospectus a.button { display: block; position: absolute; top: 170px; top: 10.625rem; left: 0; left: 0; } /* line 622, ../scss/_home.scss */ #collegeInfo .col.three { width: 33.3333%; } /* line 625, ../scss/_home.scss */ #collegeInfo .col.paddLeft { padding-left: 10%; } /* line 628, ../scss/_home.scss */ #collegeInfo .colTitle { display: block; margin-top: 5px; margin-top: 0.3125rem; } /* line 632, ../scss/_home.scss */ #collegeInfo .addressBlock { float: left; width: 100%; margin-top: 35px; margin-top: 2.1875rem; } /* line 636, ../scss/_home.scss */ #collegeInfo .addressBlock p { margin: 0 0 10px 0; margin: 0 0 0.625rem 0; line-height: 1.2; } /* line 640, ../scss/_home.scss */ #collegeInfo .addressBlock a { position: relative; } /* line 643, ../scss/_home.scss */ #collegeInfo .addressBlock a:after { content: ""; height: 1px; height: 0.0625rem; width: auto; left: 50%; right: 50%; position: absolute; bottom: -5px; bottom: -0.3125rem; } /* line 652, ../scss/_home.scss */ #collegeInfo .addressBlock a:hover:after { left: 0; right: 0; } /* line 660, ../scss/_home.scss */ #partnerships { padding: 65px 0; padding: 4.0625rem 0; position: relative; float: left; width: 100%; clear: left; } /* line 666, ../scss/_home.scss */ #partnerships:before { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; content: ""; } /* line 670, ../scss/_home.scss */ /* line 682, ../scss/_home.scss */ #partnerships .accredLogo { float: left; width: 16.66666%; text-align: center; position: relative; z-index: 2; } /* line 689, ../scss/_home.scss */ #partnerships #mobileAccred.accredScroller { visibility: hidden; opacity: 0; float: left; width: 80%; margin-left: 10%; height: 0; position: relative; z-index: 2; } /* line 698, ../scss/_home.scss */ #partnerships #mobileAccred.accredScroller ul { margin: 0; padding: 0; list-style-type: none; } #partnerships #mobileAccred.accredScroller div.items { margin: 0; padding: 0; list-style-type: none; } /* line 701, ../scss/_home.scss */ #partnerships #mobileAccred.accredScroller ul li { text-align: center; z-index: 2; } #partnerships #mobileAccred.accredScroller div.items div { text-align: center; z-index: 2; } /* line 704, ../scss/_home.scss */ #partnerships #mobileAccred.accredScroller ul li img { display: inline-block!important; width: auto; } #partnerships #mobileAccred.accredScroller div.items div img { display: inline-block!important; width: auto; } /* line 709, ../scss/_home.scss */ #partnerships #mobileAccred.accredScroller .owl-nav { position: absolute; width: 100%; cursor: pointer; z-index: 300; display: block; background-position: center center; background-repeat: no-repeat; top: 50%; margin-top: -20px; margin-top: -1.25rem; } /* line 721, ../scss/_home.scss */ #partnerships #mobileAccred.accredScroller .owl-prev, #partnerships #mobileAccred.accredScroller .owl-next { height: 40px; height: 2.5rem; width: 40px; width: 2.5rem; position: absolute; line-height: 40px; line-height: 2.5rem; top: 0; } /* line 727, ../scss/_home.scss */ #partnerships #mobileAccred.accredScroller .owl-prev:before, #partnerships #mobileAccred.accredScroller .owl-next:before { position: absolute; content: ""; top: 0; background-position: center center; background-repeat: no-repeat; text-align: center; height: 40px; height: 2.5rem; width: 40px; width: 2.5rem; } /* line 738, ../scss/_home.scss */ #partnerships #mobileAccred.accredScroller .owl-prev { left: -40px; left: -2.5rem; } /* line 740, ../scss/_home.scss */ #partnerships #mobileAccred.accredScroller .owl-prev:before { left: 0; margin-left: -1px; margin-left: -0.0625rem; background-image: url(../images/global/news-prev-arrow.png); } /* line 746, ../scss/_home.scss */ #partnerships #mobileAccred.accredScroller .owl-next { right: -60px; right: -3.75rem; } /* line 748, ../scss/_home.scss */ #partnerships #mobileAccred.accredScroller .owl-next:before { right: 0; background-image: url(../images/global/news-next-arrow.png); margin-left: 1px; margin-left: 0.0625rem; } /* ******************* RESPONSIVE ****************** */ @media (max-width: 767px) { /* line 766, ../scss/_home.scss */ #banner, #banner .container, #banner .container .bannerText { height: auto; } /* line 769, ../scss/_home.scss */ #banner { overflow: visible; float: left; width: 100%; } /* line 774, ../scss/_home.scss */ #banner .bannerInner { float: left; height: 240px; height: 15rem; position: relative; } /* line 780, ../scss/_home.scss */ #banner .bannerInner, #banner .container { float: left; width: 100%; } /* line 785, ../scss/_home.scss */ #banner .container, #banner .bannerText { height: auto; width: 100%; } /* line 789, ../scss/_home.scss */ #banner .container { padding: 0; } /* line 792, ../scss/_home.scss */ #banner .bannerText .rotatingText { position: relative; top: 0; float: left; width: 100%; height: 250px; height: 15.625rem; background-color: #2B2E30; } /* line 799, ../scss/_home.scss */ #banner .bannerText .rotatingText h1 { margin-bottom: 36px; margin-bottom: 2.25rem; } /* line 802, ../scss/_home.scss */ #banner .bannerText .rotatingText div { padding: 22px 7%; padding: 1.375rem 7%; } /* line 805, ../scss/_home.scss */ #banner .bannerText .rotatingText p { line-height: 1.4; } /* line 808, ../scss/_home.scss */ #banner .bannerText .rotatingText a.button { height: 34px; height: 2.125rem; line-height: 34px; line-height: 2.125rem; margin-top: 20px; margin-top: 1.25rem; } /* line 814, ../scss/_home.scss */ #banner .bannerText .rotatingText h1:after { bottom: -20px; bottom: -1.25rem; } /* line 817, ../scss/_home.scss */ #panelOne { margin-top: 0; float: left; width: 100%; } /* line 826, ../scss/_home.scss */ #courseSearchWrapper #dt.courseSearch, #panelOne .overlay, #upcomingEvents:after, #latestNews ul.newsList li, #collegeAdvert:after { display: none; } /* line 829, ../scss/_home.scss */ #courseSearchWrapper .mobile.courseSearch { display: block; } /* line 831, ../scss/_home.scss */ #courseSearchWrapper .mobile.courseSearch .half { width: 100%; } /* line 837, ../scss/_home.scss */ #courseSearchWrapper .findCourses, #courseSearchWrapper .searchCareers, #courseSearchWrapper { top: auto; position: relative; float: left; } /* line 843, ../scss/_home.scss */ #courseSearchWrapper .findCourses, #courseSearchWrapper .searchCareers { padding: 30px; padding: 1.875rem; } /* line 846, ../scss/_home.scss */ #upcomingEvents { margin-top: 0; padding: 38px 0 95px 0; padding: 2.375rem 0 5.9375rem 0; } /* line 849, ../scss/_home.scss */ #upcomingEvents div.eventsList, #upcomingEvents div.eventsList { margin-top: 38px; margin-top: 2.375rem; } /* line 852, ../scss/_home.scss */ #upcomingEvents div.eventsList div.item, #upcomingEvents div.eventsList div.item { padding: 40px 30px; padding: 2.5rem 1.875rem; } /* line 858, ../scss/_home.scss */ #upcomingEvents .sectionTitle, #latestNews .sectionTitle { width: 100%; text-align: center; display: block; } /* line 864, ../scss/_home.scss */ #upcomingEvents .owl-nav { top: auto; bottom: -28px; bottom: -1.75rem; } /* line 868, ../scss/_home.scss */ #upcomingEvents .owl-nav .owl-prev, #upcomingEvents .owl-nav .owl-next { right: 50%; } /* line 871, ../scss/_home.scss */ #upcomingEvents .owl-nav .owl-prev { margin-right: 6px; margin-right: 0.375rem; } /* line 874, ../scss/_home.scss */ #upcomingEvents .owl-nav .owl-next { right: auto; left: 50%; margin-left: 6px; margin-left: 0.375rem; } /* line 880, ../scss/_home.scss */ #latestNews { padding: 26px 0 95px 0; padding: 1.625rem 0 5.9375rem 0; } /* line 882, ../scss/_home.scss */ #latestNews .container { float: left; width: 100%; } /* line 886, ../scss/_home.scss */ #latestNews ul.newsList { margin-top: 28px; margin-top: 1.75rem; } /* line 888, ../scss/_home.scss */ #latestNews ul.newsList li { width: 100%; } /* line 890, ../scss/_home.scss */ #latestNews ul.newsList li .newsInfo { padding: 40px 30px; padding: 2.5rem 1.875rem; } /* line 895, ../scss/_home.scss */ #latestNews a.button.all { top: auto; bottom: -70px; bottom: -4.375rem; right: 50%; width: 90px; width: 5.625rem; margin-right: -45px; margin-right: -2.8125rem; padding-left: 0; padding-right: 0; text-align: center; z-index: 2; } /* line 906, ../scss/_home.scss */ #latestNews ul.newsList li:first-child { display: block; } /* line 909, ../scss/_home.scss */ #latestNews:after { width: 165px; width: 10.3125rem; } /* line 913, ../scss/_home.scss */ #collegeAdvert { padding: 0; } /* line 919, ../scss/_home.scss */ #collegeAdvert .advertInfo, #brooksRestaurant .advertInfo, #collegeAdvert .advertImage, #brooksRestaurant .advertImage, #brooksRestaurant2 .advertInfo, #collegeAdvert .advertImage, #brooksRestaurant2 .advertImage { height: auto; width: 100%; } /* line 924, ../scss/_home.scss */ #collegeAdvert .advertInfo, #brooksRestaurant .advertInfo, #brooksRestaurant2 .advertInfo { padding: 34px 0 38px 0; padding: 2.125rem 0 2.375rem 0; } /* line 927, ../scss/_home.scss */ #brooksRestaurant .advertInfo { float: left; } #brooksRestaurant2 .advertInfo { float: left; } /* line 930, ../scss/_home.scss */ #socialMedia { text-align: center; } /* line 932, ../scss/_home.scss */ #socialMedia i { display: inline-block; position: relative; margin-top: 0; } /* line 937, ../scss/_home.scss */ #socialMedia span { padding: 20px 10% 25px 10%; padding: 1.25rem 10% 1.5625rem 10%; float: none; } /* line 941, ../scss/_home.scss */ #socialMedia a.button.followUs { position: relative; display: inline-block; top: auto; margin-top: 0; } /* line 948, ../scss/_home.scss */ #collegeInfo .col.three { width: 100%; padding-left: 5%; padding-right: 5%; } #collegeInfo .col.three.pros{ padding-bottom: 50px; } /* line 953, ../scss/_home.scss */ #collegeInfo .wrapUp { margin-top: 30px; margin-top: 1.875rem; } /* line 956, ../scss/_home.scss */ #collegeInfo .prospectus { padding: 0 0% 0 12%; } /* line 958, ../scss/_home.scss */ #collegeInfo .prospectus a.button { left: 5%; } /* line 962, ../scss/_home.scss */ #partnerships #mobileAccred.accredScroller { height: 75px; height: 4.6875rem; } /* line 964, ../scss/_home.scss */ #partnerships #mobileAccred.accredScroller .owl-prev { left: -30px; left: -1.875rem; } /* line 967, ../scss/_home.scss */ #partnerships #mobileAccred.accredScroller .owl-next { right: -30px; right: -1.875rem; } /* line 971, ../scss/_home.scss */ #partnerships:after { width: 205px; width: 12.8125rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 980, ../scss/_home.scss */ #banner, #banner .container, #banner .container .bannerText, #banner .bannerInner { height: 630px; height: 39.375rem; } /* line 983, ../scss/_home.scss */ #banner .container { padding: 0 9%; } /* line 986, ../scss/_home.scss */ #banner .bannerText .rotatingText { top: 60px; top: 3.75rem; } /* line 989, ../scss/_home.scss */ #banner .bannerText { width: 65%; } /* line 992, ../scss/_home.scss */ #courseSearchWrapper { margin-top: -105px; margin-top: -6.5625rem; } /* line 995, ../scss/_home.scss */ #upcomingEvents:after { margin-left: 60px; margin-left: 3.75rem; } /* line 998, ../scss/_home.scss */ .sectionTitle { margin-left: 4%; } /* line 1001, ../scss/_home.scss */ #latestNews a.button.all { right: 0; } /* line 1005, ../scss/_home.scss */ #collegeAdvert .advertInfo .vAlign, #brooksRestaurant .advertInfo .vAlign, #brooksRestaurant2 .advertInfo .vAlign { padding: 0 25px; padding: 0 1.5625rem; } /* line 1009, ../scss/_home.scss */ #collegeAdvert .advertInfo, #collegeAdvert .advertImage { height: 280px; height: 17.5rem; } /* line 1013, ../scss/_home.scss */ #brooksRestaurant .advertInfo, #brooksRestaurant .advertImage { height: 320px; height: 20rem; } /* line 1016, ../scss/_home.scss */ #brooksRestaurant .advertImage img { width: 130%; } #brooksRestaurant2 .advertInfo, #brooksRestaurant2 .advertImage { height: 320px; height: 20rem; } /* line 1016, ../scss/_home.scss */ #brooksRestaurant2 .advertImage img { width: 130%; } /* line 1019, ../scss/_home.scss */ #collegeInfo .col.three { width: 100%; } /* line 1022, ../scss/_home.scss */ #collegeInfo .col.three.first { width: 50%; } /* line 1025, ../scss/_home.scss */ #collegeInfo .wrapUp { width: 50%; } } @media (max-width: 1023px) { /* line 1031, ../scss/_home.scss */ #banner .bannerInner { transform: translateY(0) !important; -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; } /* line 1037, ../scss/_home.scss */ #latestNews ul.newsList li figure img, #collegeAdvert .advertImage img, #brooksRestaurant .advertImage img, #brooksRestaurant2 .advertImage img { transform: none!important; -webkit-transform: none!important; -moz-transform: none!important; position: relative; top: auto; left: auto; } /* line 1045, ../scss/_home.scss */ #courseSearchWrapper { top: 0; } /* line 1052, ../scss/_home.scss */ #courseSearchWrapper .container, #upcomingEvents .container, #latestNews .container, #collegeAdvert .container, #brooksRestaurant .container, #brooksRestaurant2 .container { padding: 0; } /* line 1055, ../scss/_home.scss */ #latestNews ul.newsList li figure { height: auto; } /* line 1057, ../scss/_home.scss */ #latestNews ul.newsList li figure img { position: relative; transform: none; left: auto; top: auto; } /* line 1065, ../scss/_home.scss */ #collegeAdvert .advertInfo span, #brooksRestaurant .advertInfo span, #brooksRestaurant2 .advertInfo span { line-height: 1.4; } /* line 1068, ../scss/_home.scss */ #brooksRestaurant .advertInfo { padding-right: 0; } #brooksRestaurant2 .advertInfo { padding-right: 0; } /* line 1071, ../scss/_home.scss */ #collegeInfo { padding: 60px 0 50px 0; padding: 3.75rem 0 3.125rem 0; } /* line 1074, ../scss/_home.scss */ #collegeInfo .wrapUp { float: left; } /* line 1077, ../scss/_home.scss */ #collegeInfo .col .addressBlock { margin-top: 30px; margin-top: 1.875rem; } /* line 1080, ../scss/_home.scss */ #collegeInfo .col.third .addressBlock { margin-top: 5px; margin-top: 0.3125rem; } /* line 1084, ../scss/_home.scss */ #partnerships .accredLogo, #latestNews ul.newsList li figure .hoverBG { display: none; } /* line 1087, ../scss/_home.scss */ #partnerships #mobileAccred.accredScroller { visibility: visible; opacity: 1; } /* line 1091, ../scss/_home.scss */ #partnerships { height: 75px; height: 4.6875rem; box-sizing: content-box; } } @media all and (min-width: 1024px) and (max-width: 1249px) { /* line 1098, ../scss/_home.scss */ #brooksRestaurant .advertImage img { width: 125%; } #brooksRestaurant2 .advertImage img { width: 125%; } /* line 1101, ../scss/_home.scss */ #collegeInfo .col.paddLeft { padding-left: 5%; } /* line 1104, ../scss/_home.scss */ #collegeInfo .col.second { width: 38%; } /* line 1107, ../scss/_home.scss */ #collegeInfo .col.third { width: 28.66666%; } /* line 1110, ../scss/_home.scss */ #partnerships .accredLogo { width: 18%; } /* line 1113, ../scss/_home.scss */ #partnerships .accredLogo:nth-child(1), #partnerships .accredLogo:nth-child(2) { width: 14%; } } @media all and (min-width: 1024px) and (max-width: 1449px) { /* line 1120, ../scss/_home.scss */ #brooksRestaurant .container { padding: 0; max-width: none; } #brooksRestaurant2 .container { padding: 0; max-width: none; } /* line 1124, ../scss/_home.scss */ #brooksRestaurant .advertInfo { padding-right: 0; } #brooksRestaurant2 .advertInfo { padding-right: 0; } } @media (max-width: 1449px) { /* line 1130, ../scss/_home.scss */ #socialMedia span time { margin-left: 0; } } @media all and (min-width: 1450px) and (max-width: 1749px) { /* line 1136, ../scss/_home.scss */ #brooksRestaurant .advertInfo { padding-right: 50px; padding-right: 3.125rem; } #brooksRestaurant2 .advertInfo { padding-right: 50px; padding-right: 3.125rem; } } /* line 3, ../scss/_page.scss */ section#pageHolder { z-index: 200; position: relative; padding-bottom: 90px; padding-bottom: 5.625rem; padding: 35px 0 120px 0; padding: 2.1875rem 0 7.5rem 0; } /* line 9, ../scss/_page.scss */ section#pageHolder .breadcrumb { float: left; width: 100%; margin-bottom: 25px; margin-bottom: 1.5625rem; line-height: 1.4; } /* line 14, ../scss/_page.scss */ section#pageHolder .breadcrumb i { margin: 0 5px; margin: 0 0.3125rem; } /* line 18, ../scss/_page.scss */ section#pageHolder h1 { margin-top: 0; margin-bottom: 15px; margin-bottom: 1.125rem; position: relative; text-align: left; line-height: 1.2; clear: both; font-weight:700;} /* line 26, ../scss/_page.scss */ section#pageHolder aside#sidebar { float: left; width: 320px; width: 23rem; position: relative; } /* line 30, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu { float: left; width: 100%; padding: 0 0 40px 0; padding: 0 0 2.5rem 0; } /* line 35, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader { display: block; float: left; line-height: 60px; line-height: 3.75rem; position: relative; padding: 0 40px; padding: 0 2.5rem; width: 100%; } /* line 42, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader .sectionTitle i { display: none; line-height: 60px; line-height: 3.75rem; -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } /* line 47, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader a.linkAction { display: none; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* line 51, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader a { display: block; padding: 0 40px; padding: 0 2.5rem; } /* line 56, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader.sectionMenuOpen .sectionTitle i { -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); margin: 0 0 0 0; margin: 0 0 0 0; } /* line 60, ../scss/_page.scss */ section#pageHolder aside#sidebar ul { margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; margin-top: 25px; margin-top: 1.5625rem; padding: 0 40px; padding: 0 2.5rem; } /* line 66, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li { float: left; width: 100%; position: relative; } /* line 70, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li a { display: block; padding: 6px 0; padding: 0.375rem 0; line-height: 1.3; opacity: 1; } /* line 76, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li ul { display: none; margin: 6px 0; margin: 0.375rem 0; padding: 0 0 0 10px; padding: 0 0 0 0.625rem; } section#pageHolder aside#sidebar ul li ul.gfield_radio{display:block} /* line 80, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li ul li { float: left; width: 100%; } /* line 84, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li ul li a { padding-left: 15px; padding-left: 0.9375rem; } /* line 87, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li ul li:before { position: absolute; top: 8px; top: 0.5rem; left: 0; left: 0; content: "-"; } /* line 95, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li.has-sub ul { display: none; } /* line 98, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li.menu-item-has-children.open .holder { top: 6px; top: 0.375rem; } /* line 101, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li.menu-item-has-children.open .holder:after { content: "\f106"; } /* line 106, ../scss/_page.scss */ section#pageHolder aside#sidebar .holder { width: 30px; width: 1.875rem; height: 0; right: -25px; right: -1.5625rem; position: absolute; top: 7px; top: 0.5rem; height: 100%; } /* line 113, ../scss/_page.scss */ section#pageHolder aside#sidebar .holder:after { display: block; position: absolute; text-align: center; width: 100%; height: 12px; height: 0.75rem; padding: 0; padding: 0; z-index: 10; content: "\f107"; font-family: 'Font Awesome 5 Free'; font-weight: 900; } /* line 125, ../scss/_page.scss */ section#pageHolder aside#sidebar .holder:hover { cursor: pointer; } /* line 129, ../scss/_page.scss */ section#pageHolder aside#sidebar .sidebarAdvert { float: left; width: 100%; margin-top: 30px; margin-top: 1.875rem; position: relative; } /* line 134, ../scss/_page.scss */ section#pageHolder aside#sidebar .sidebarAdvert figure { margin: 0; z-index: 1; } /* line 137, ../scss/_page.scss */ section#pageHolder aside#sidebar .sidebarAdvert figure img { width: 100%; height: auto; } /* line 142, ../scss/_page.scss */ section#pageHolder aside#sidebar .sidebarAdvert .advertInfo { position: absolute; bottom: 30px; bottom: 1.875rem; left: 30px; left: 1.875rem; right: 30px; right: 1.875rem; width: auto; padding: 30px 0; padding: 1.875rem 0; text-align: center; } /* line 150, ../scss/_page.scss */ section#pageHolder aside#sidebar .sidebarAdvert .advertInfo span { display: block; } /* line 153, ../scss/_page.scss */ section#pageHolder aside#sidebar .sidebarAdvert .advertInfo span.button { display: inline-block; margin-top: 26px; margin-top: 1.625rem; padding: 0 30px; padding: 0 1.875rem; line-height: 40px; line-height: 2.5rem; height: 40px; height: 2.5rem; border-width: 1px; border-style: solid; } /* line 164, ../scss/_page.scss */ section#pageHolder aside#sidebar .sidebarAdvert.textOnly { padding: 30px 0; padding: 1.875rem 0; } /* line 166, ../scss/_page.scss */ section#pageHolder aside#sidebar .sidebarAdvert.textOnly .advertInfo { position: relative; float: left; width: 100%; left: auto; right: auto; bottom: auto; } /* line 177, ../scss/_page.scss */ section#pageHolder section#pageContent { margin-left: 350px; margin-left: 21.875rem; position: relative; line-height: 1.7; } /* line 181, ../scss/_page.scss */ section#pageHolder section#pageContent .pageImage { width: 100%; height: auto; max-width: none; float: left; margin-bottom:30px; } /* line 188, ../scss/_page.scss */ section#pageHolder section#pageContent .pageImage img { width: 100%; height: auto; } /* line 193, ../scss/_page.scss */ section#pageHolder section#pageContent .contentInner { padding: 60px 70px; padding: 3.75rem 4.375rem; } /* line 195, ../scss/_page.scss */ section#pageHolder section#pageContent .contentInner img { } /* line 199, ../scss/_page.scss */ section#pageHolder section#pageContent ul { margin: 0; padding: 0; list-style-type: none; } /* line 201, ../scss/_page.scss */ section#pageHolder section#pageContent ul li { padding: 0 0 0 14px; padding: 0 0 0 0.875rem; position: relative; } .post-type-archive-tribe_events section#pageHolder section#pageContent ul li { padding: 0 0 0 0px; position: relative; padding-right:15px; } /* line 204, ../scss/_page.scss */ section#pageHolder section#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: 9px; top: 0.5625rem; left: 1px; } /* line 215, ../scss/_page.scss */ section#pageHolder section#pageContent ol { margin-left: 13px; margin-left: 0.8125rem; padding-left: 0; margin-top: 0; } /* line 220, ../scss/_page.scss */ section#pageHolder section#pageContent p { margin: 0 0 20px 0; margin: 0 0 20px 0; } /* line 223, ../scss/_page.scss */ section#pageHolder section#pageContent p a { text-decoration: underline; } section#pageHolder section#pageContent p a:hover { text-decoration: none; } /* line 226, ../scss/_page.scss */ section#pageHolder section#pageContent ul, section#pageHolder section#pageContent ol { line-height: 1.6em; width: 100%; margin-bottom: 25px; margin-bottom: 1.5625rem; } .tribe-events-l-container {padding:0px !Important} .tribe-events-calendar-list-nav a, .tribe-events-c-events-bar__views a{text-decoration:none !important} .tribe-events-c-events-bar__views li{padding-left:10px !important;padding-right:10px !important} .tribe-events-c-subscribe-dropdown__container a{text-decoration:none !important} .tribe-events-c-subscribe-dropdown__content ul{padding:15px !important} .post-type-archive-tribe_events section#pageHolder section#pageContent ul, .post-type-archive-tribe_events section#pageHolder section#pageContent ol { margin-bottom:0px; } /* line 233, ../scss/_page.scss */ section#pageHolder section#pageContent img.alignLeft, section#pageHolder section#pageContent img.alignRight { margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 236, ../scss/_page.scss */ section#pageHolder section#pageContent img.alignLeft { float: left; margin-right: 25px; margin-right: 1.5625rem; } /* line 240, ../scss/_page.scss */ section#pageHolder section#pageContent img.alignRight { float: right; margin-left: 25px; margin-left: 1.5625rem; } /* line 244, ../scss/_page.scss */ section#pageHolder section#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.4em; } /* line 250, ../scss/_page.scss */ section#pageHolder section#pageContent blockquote span.author { margin-top: 5px; margin-top: 0.3125rem; display: block; } /* line 255, ../scss/_page.scss */ section#pageHolder section#pageContent .oneThird { float: left; width: 30%; margin-left: 5%; } /* line 260, ../scss/_page.scss */ section#pageHolder section#pageContent .extraContent { padding: 20px 0 0 0; padding: 1.25rem 0 0 0; float: left; width: 100%; } /* line 264, ../scss/_page.scss */ section#pageHolder section#pageContent .extraContent h2 { text-transform: none; } /* line 268, ../scss/_page.scss */ section#pageHolder section#pageContent .oneThird:first-of-type { margin-left: 0; } /* line 271, ../scss/_page.scss */ section#pageHolder section#pageContent.fullWidth { margin-left: 0; float: left; width: 100%; } /* line 276, ../scss/_page.scss */ section#pageHolder section#pageContent .column.half { float: left; width: 48%; } /* line 280, ../scss/_page.scss */ section#pageHolder section#pageContent .column.half.right { float: right; } /* line 284, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.image, section#pageHolder section#pageContent .advert.image a { float: left; width: 100%; position: relative; height: 740px; height: 46.25rem; overflow: hidden; margin-bottom: 40px; margin-bottom: 2.5rem; } /* line 290, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.image figure, section#pageHolder section#pageContent .advert.image a figure { margin: 0; z-index: 1; float: left; width: 100%; } /* line 295, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.image figure img, section#pageHolder section#pageContent .advert.image a figure img { height: 100%; width: auto; transform: scale(1); } /* line 301, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.image .advertInfo, section#pageHolder section#pageContent .advert.image a .advertInfo { position: absolute; bottom: 50px; bottom: 3.125rem; left: 40px; left: 2.5rem; right: 40px; right: 2.5rem; width: auto; padding: 30px 0 50px 0; padding: 1.875rem 0 3.125rem 0; text-align: center; } /* line 309, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.image .advertInfo span, section#pageHolder section#pageContent .advert.image a .advertInfo span { display: block; } /* line 312, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.image .advertInfo span.button, section#pageHolder section#pageContent .advert.image a .advertInfo span.button { display: inline-block; margin-top: 26px; margin-top: 1.625rem; padding: 0 30px; padding: 0 1.875rem; line-height: 40px; line-height: 2.5rem; height: 40px; height: 2.5rem; border-width: 1px; border-style: solid; } /* line 321, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.image .advertInfo span.title, section#pageHolder section#pageContent .advert.image a .advertInfo span.title { padding: 0 30px; padding: 0 1.875rem; line-height: 1.2; } /* line 327, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.image a:hover figure img { transform: scale(1.1); } /* line 332, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.text, section#pageHolder section#pageContent .advert.text .table, section#pageHolder section#pageContent .advert.text .vAlign { height: 350px; height: 21.875rem; } /* line 335, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.text { text-align: center; float: left; width: 100%; position: relative; } /* line 340, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.text .button { display: inline-block; margin-top: 26px; margin-top: 1.625rem; padding: 0 30px; padding: 0 1.875rem; line-height: 40px; line-height: 2.5rem; height: 40px; height: 2.5rem; border-width: 1px; border-style: solid; } /* line 349, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.text .title { line-height: 1.2; padding: 0 30px; padding: 0 1.875rem; } /* line 354, ../scss/_page.scss */ section#pageHolder section#pageContent .table { display: table; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; } /* line 358, ../scss/_page.scss */ section#pageHolder section#pageContent .vAlign { display: table-cell; vertical-align: middle; } /* line 364, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.text.apply, section#pageHolder section#pageContent .advert.text.notTop, section#pageHolder section#pageContent .advert.image.notTop { margin-bottom: 40px; margin-bottom: 2.5rem; } /* line 370, ../scss/_page.scss */ section#pageHolder aside#sidebar ul.newsList { margin: 0; padding: 0; list-style-type: none; margin-top: 40px; margin-top: 2.5rem; padding: 0; } /* line 374, ../scss/_page.scss */ section#pageHolder aside#sidebar ul.newsList li { float: left; width: 100%; position: relative; z-index: 2; margin-bottom: 45px; margin-bottom: 2.8125rem; } /* line 380, ../scss/_page.scss */ section#pageHolder aside#sidebar ul.newsList li figure { margin: 0; float: left; width: 100%; overflow: hidden; position: relative; height: 185px; height: 11.5625rem; } /* line 387, ../scss/_page.scss */ section#pageHolder aside#sidebar ul.newsList li figure img { max-width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(1); -webkit-transform: translate(-50%, -50%) scale(1); -moz-transform: translate(-50%, -50%) scale(1); } /* line 397, ../scss/_page.scss */ section#pageHolder aside#sidebar ul.newsList li figure .hoverBG { position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; opacity: 0; z-index: 2; } /* line 401, ../scss/_page.scss */ section#pageHolder aside#sidebar ul.newsList li figure .hoverBG i { position: absolute; left: 50%; top: 50%; margin-top: -20px; margin-top: -1.25rem; margin-left: -20px; margin-left: -1.25rem; height: 40px; width: 40px; text-align: center; line-height: 40px; line-height: 2.5rem; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background-clip: padding-box; behavior: url(PIE.htc); } /* line 415, ../scss/_page.scss */ section#pageHolder aside#sidebar ul.newsList li figure a:hover img { transform: translate(-50%, -50%) scale(1.1); -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); } /* line 420, ../scss/_page.scss */ section#pageHolder aside#sidebar ul.newsList li figure a:hover .hoverBG { opacity: 1; } /* line 424, ../scss/_page.scss */ section#pageHolder aside#sidebar ul.newsList li .newsInfo { float: left; width: 100%; padding: 30px 35px; padding: 1.875rem 2.1875rem; text-align: center; } /* line 431, ../scss/_page.scss */ section#pageHolder aside#sidebar ul.newsList li span, section#pageHolder aside#sidebar ul.newsList li p { display: block; text-align: left; } /* line 435, ../scss/_page.scss */ section#pageHolder aside#sidebar ul.newsList li p { line-height: 1.6; text-align: left; margin: -4px 0 18px 0; margin: -0.25rem 0 1.125rem 0; } /* line 440, ../scss/_page.scss */ section#pageHolder aside#sidebar ul.newsList li span.articleName { margin-bottom: 15px; margin-bottom: 0.9375rem; } /* line 443, ../scss/_page.scss */ section#pageHolder aside#sidebar ul.newsList li span.articleDate { margin-bottom: 22px; margin-bottom: 1.375rem; } /* line 446, ../scss/_page.scss */ section#pageHolder aside#sidebar ul.newsList li a.button { display: block; float: left; border-width: 1px; border-style: solid; padding: 0 30px; padding: 0 1.875rem; line-height: 36px; line-height: 2.25rem; } /* line 459, ../scss/_page.scss */ body.page.article section#pageHolder aside#sidebar nav#sideMenu { padding-bottom: 0; } /* line 462, ../scss/_page.scss */ body.page.article section#pageHolder h1 { margin-bottom: 30px; margin-bottom: 1.875rem; } /* line 465, ../scss/_page.scss */ body.page.article section#pageHolder aside#sidebar .sectionHeader { padding: 0; } /* line 470, ../scss/_page.scss */ body.page-template-landing section#pageContent.fullWidth { margin-top: 110px; margin-top: 6.875rem; } body.page-template-landing2 section#pageContent.fullWidth { margin-top: 110px; margin-top: 6.875rem; } /* line 476, ../scss/_page.scss */ section#pageContent #courseScroller, section#pageContent #eventsCarousel { float: left; width: 100%; margin-top:0px; margin-bottom: 40px; margin-bottom: 2.5rem;} /* line 483, ../scss/_page.scss */ section#pageContent #courseScroller h3, section#pageContent #eventsCarousel h3 { text-align: center; margin: 0 0 45px 0; margin: 0 0 2.8125rem 0; line-height: 1.1; } /* line 489, ../scss/_page.scss */ section#pageHolder section#pageContent #mobile.advert.image { display: none; } /* line 494, ../scss/_page.scss */ section#pageContent #courseScroller { height: 1130px; height: 70.625rem; position: relative; overflow: hidden; } /* line 498, ../scss/_page.scss */ section#pageContent #courseScroller .scrollerHeader { position: absolute; top: 0px; top: 0rem; left: 0px; left: 0rem; right: 12px; right: 0.75rem; height: 120px; height: 7.5rem; z-index: 100; } /* line 505, ../scss/_page.scss */ section#pageContent #courseScroller .scrollerHeader h3 { margin: 40px 0 0 0; margin: 2.5rem 0 0 0; padding: 0 40px; padding: 0 2.5rem; } /* line 510, ../scss/_page.scss */ section#pageContent #courseScroller .scrollerSearchWrapper { top: 120px; top: 7.5rem; left: 0px; left: 0rem; right: 12px; right: 0.75rem; width: auto; position: absolute; height: 70px; height: 4.375rem; padding: 0 40px; padding: 0 2.5rem; z-index: 100; } /* line 520, ../scss/_page.scss */ section#pageContent #courseScroller .scrollerSearch { float: left; width: 100%; height: 40px; height: 2.5rem; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background-clip: padding-box; behavior: url(PIE.htc); position: relative; } /* line 526, ../scss/_page.scss */ section#pageContent #courseScroller .scrollerSearch input.searchInput { position: absolute; top: 0; left: 25px; left: 1.5625rem; width: 83%; width: 83%; height: 30px; height: 1.875rem; padding: 5px 0 3px 0; padding: 0.3125rem 0 0.1875rem 0; box-sizing: content-box; border: none; color: #3c3c3c; -webkit-appearance: none; border-radius: 0; background: none; outline: none; z-index: 10; } /* line 541, ../scss/_page.scss */ section#pageContent #courseScroller .scrollerSearch input.searchInput::-webkit-input-placeholder { color: #3c3c3c; opacity: 1; } /* line 545, ../scss/_page.scss */ section#pageContent #courseScroller .scrollerSearch input.searchInput:moz-placeholder { color: #3c3c3c; opacity: 1; } /* line 549, ../scss/_page.scss */ section#pageContent #courseScroller .scrollerSearch input.searchInput::-moz-placeholder { color: #3c3c3c; opacity: 1; } /* line 553, ../scss/_page.scss */ section#pageContent #courseScroller .scrollerSearch input.searchInput:-ms-input-placeholder { color: #3c3c3c; opacity: 1; } /* line 558, ../scss/_page.scss */ section#pageContent #courseScroller .scrollerSearch button.searchBTN { position: absolute; right: 12px; right: 0.75rem; top: 1px; border: none; -webkit-appearance: none; background-color: transparent; padding: 0; opacity: 1; height: 38px; width: 38px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/global/search-icon.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 558, ../scss/_page.scss */ section#pageContent #courseScroller .scrollerSearch button.searchBTN { background-image: url(../images/@2x/search-icon@2x.png); -webkit-background-size: 18px 18px; background-size: 18px 18px; } } /* line 572, ../scss/_page.scss */ section#pageContent #courseScroller .scrollerSearch button.searchBTN:hover { opacity: 0.5; } /* line 577, ../scss/_page.scss */ section#pageContent #courseScroller .courseList { float: left; height: 1132px; height: 70.75rem; padding: 0 50px 0 40px; padding: 0 3.125rem 0 2.5rem; } /* line 581, ../scss/_page.scss */ section#pageContent #courseScroller .courseList li { float: left; width: 100%; padding: 40px 0; padding: 2.5rem 0; background-color: transparent; border-top-style: solid; border-top-width: 1px; } /* line 588, ../scss/_page.scss */ section#pageContent #courseScroller .courseList li:before { display: none; } /* line 591, ../scss/_page.scss */ section#pageContent #courseScroller .courseList li:first-child { border: none; } /* line 595, ../scss/_page.scss */ section#pageContent #courseScroller .courseList span.courseName { margin-bottom: 30px; margin-bottom: 1.875rem; line-height: 1.3; } /* line 599, ../scss/_page.scss */ section#pageContent #courseScroller .courseList span.courseSpecs { margin: 28px 0; margin: 1.75rem 0; float: left; width: 100%; } /* line 603, ../scss/_page.scss */ section#pageContent #courseScroller .courseList span.courseSpecs span { padding: 0 7px; padding: 0 0.4375rem; float: left; } /* line 607, ../scss/_page.scss */ section#pageContent #courseScroller .courseList span.courseSpecs span.fullPart { padding: 0 7px 0 0; padding: 0 0.4375rem 0 0; } /* line 611, ../scss/_page.scss */ section#pageContent #courseScroller .courseList span.courseSpecs span.fullPart, section#pageContent #courseScroller .courseList span.courseSpecs span.category { border-right-width: 1px; border-right-style: solid; } /* line 616, ../scss/_page.scss */ section#pageContent #courseScroller .courseList a.findOutMore { display: block; float: left; height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; padding: 0 33px; padding: 0 2.0625rem; border-width: 1px; border-style: solid; } /* line 629, ../scss/_page.scss */ section#pageContent #eventsCarousel { height: 350px; height: 21.875rem; padding: 30px 80px; padding: 1.875rem 5rem; position: relative; } /* line 633, ../scss/_page.scss */ section#pageContent #eventsCarousel ul.landingEventsList { margin: 0; padding: 0; list-style-type: none; } /* line 635, ../scss/_page.scss */ section#pageContent #eventsCarousel ul.landingEventsList li { float: left; width: 100%; padding: 0; text-align: center; } /* line 640, ../scss/_page.scss */ section#pageContent #eventsCarousel ul.landingEventsList li:before { display: none; } /* line 643, ../scss/_page.scss */ section#pageContent #eventsCarousel ul.landingEventsList li span { display: block; } /* line 646, ../scss/_page.scss */ section#pageContent #eventsCarousel ul.landingEventsList li span.eventDate { margin-top: 10px; margin-top: 0.625rem; margin-bottom: 0; } /* line 650, ../scss/_page.scss */ section#pageContent #eventsCarousel ul.landingEventsList li a.button { display: inline-block; border-width: 1px; border-style: solid; margin-top: 30px; margin-top: 1.875rem; } /* line 658, ../scss/_page.scss */ section#pageContent #eventsCarousel .owl-nav { position: absolute; width: 100%; cursor: pointer; z-index: 300; display: block; background-position: center center; background-repeat: no-repeat; top: 34px; top: 2.125rem; } /* line 669, ../scss/_page.scss */ section#pageContent #eventsCarousel .owl-prev, section#pageContent #eventsCarousel .owl-next { height: 40px; height: 2.5rem; width: 40px; width: 2.5rem; position: absolute; line-height: 40px; line-height: 2.5rem; text-indent: -999em; top: 0; } /* line 676, ../scss/_page.scss */ section#pageContent #eventsCarousel .owl-prev:before, section#pageContent #eventsCarousel .owl-next:before { position: absolute; content: ""; top: 0; background-position: center center; background-repeat: no-repeat; text-align: center; height: 40px; height: 2.5rem; width: 40px; width: 2.5rem; } /* line 686, ../scss/_page.scss */ section#pageContent #eventsCarousel .owl-prev:hover, section#pageContent #eventsCarousel .owl-next:hover { background-color: #026b50; } /* line 690, ../scss/_page.scss */ section#pageContent #eventsCarousel .owl-prev { left: -80px; left: -5rem; text-align: right; } /* line 693, ../scss/_page.scss */ section#pageContent #eventsCarousel .owl-prev:before { left: 0; margin-left: -1px; margin-left: -0.0625rem; background-image: url(../images/global/news-prev-arrow.png); } /* line 699, ../scss/_page.scss */ section#pageContent #eventsCarousel .owl-next { right: -80px; right: -5rem; } /* line 701, ../scss/_page.scss */ section#pageContent #eventsCarousel .owl-next:before { right: 0; background-image: url(../images/global/news-next-arrow.png); margin-left: 1px; margin-left: 0.0625rem; } /* line 711, ../scss/_page.scss */ body.error404 section#pageHolder { padding: 80px 0 120px 0; padding: 5rem 0 7.5rem 0; } /* line 714, ../scss/_page.scss */ body.error404 section#pageHolder section#pageContent.fullWidth { padding: 40px 50px 80px 50px; padding: 2.5rem 3.125rem 5rem 3.125rem; text-align: center; } /* line 717, ../scss/_page.scss */ body.error404 section#pageHolder section#pageContent.fullWidth a.button { height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; display: inline-block; border-style: solid; border-width: 1px; margin-top: 50px; margin-top: 3.125rem; } /* line 731, ../scss/_page.scss */ body.search-results section#pageHolder section#pageContent .contentInner { padding: 15px 0; padding: 0.9375rem 0; float: left; width: 100%; } /* line 736, ../scss/_page.scss */ body.search-results section#pageHolder .pagination { margin: 20px 0 30px 0; margin: 1.25rem 0 1.875rem 0; } /* line 739, ../scss/_page.scss */ body.search-results section#pageHolder ul.tabs { width: 100%; float: left; display: none; } /* line 743, ../scss/_page.scss */ body.search-results section#pageHolder ul.tabs li { float: left; width: 50%; padding: 0!important; } /* line 747, ../scss/_page.scss */ body.search-results section#pageHolder ul.tabs li:after { display: none; } /* line 751, ../scss/_page.scss */ body.search-results section#pageHolder ul.tabs li a { height: 70px; height: 4.375rem; line-height: 70px; line-height: 4.375rem; text-align: center; display: block; } /* line 756, ../scss/_page.scss */ body.search-results section#pageHolder ul.tabs li a:hover { cursor: pointer; } /* line 762, ../scss/_page.scss */ body.search-results .columnHeading { float: left; width: 100%; height: 80px; height: 5rem; line-height: 80px; line-height: 5rem; text-align: center; } /* line 769, ../scss/_page.scss */ body.search-results .resultsInner { float: left; width: 100%; padding: 12px 40px; padding: 0.75rem 2.5rem; } /* line 773, ../scss/_page.scss */ body.search-results .resultsInner span.resultsTitle { display: block; margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 777, ../scss/_page.scss */ body.search-results .resultsInner a.resultMore { height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; display: inline-block; border-style: solid; border-width: 1px; margin-top: 36px; margin-top: 2.25rem; } /* line 785, ../scss/_page.scss */ body.search-results .resultsInner span.courseSpecs { margin-top: 28px; margin-top: 1.75rem; float: left; width: 100%; } /* line 789, ../scss/_page.scss */ body.search-results .resultsInner span.courseSpecs span { padding: 0 7px; padding: 0 0.4375rem; float: left; } /* line 793, ../scss/_page.scss */ body.search-results .resultsInner span.courseSpecs span.fullPart { padding: 0 7px 0 0; padding: 0 0.4375rem 0 0; } /* line 797, ../scss/_page.scss */ body.search-results .resultsInner span.courseSpecs span.fullPart, body.search-results .resultsInner span.courseSpecs span.category { border-right-width: 1px; border-right-style: solid; } /* line 803, ../scss/_page.scss */ body.search-results .resultsInner ul { float: left; width: 100%; } /* line 806, ../scss/_page.scss */ body.search-results .resultsInner ul li { float: left; width: 100%; } /* line 810, ../scss/_page.scss */ body.search-results .resultsInner ul li:before { display: none; } /* line 814, ../scss/_page.scss */ body.search-results section#pageHolder section#pageContent ul li { padding: 35px 0; padding: 2.1875rem 0; border-bottom-width: 1px; border-bottom-style: solid; } /* line 823, ../scss/_page.scss */ body.search-results section#pageHolder, body.single section#pageHolder.courseListingSector { padding: 0 0 120px 0; padding: 0 0 7.5rem 0; } /* line 826, ../scss/_page.scss */ body.search-results .resultsTopBar, body.single .courseListingSector .resultsTopBar { padding: 60px 0 10px 0; padding: 3.75rem 0 0.625rem 0; float: left; width: 100%; } /* line 831, ../scss/_page.scss */ body.search-results #pageHolder .inner, body.single #pageHolder.courseListingSector .inner { float: left; width: 100%; padding: 55px 0 0 0; padding: 3.4375rem 0 0 0; } /* line 840, ../scss/_page.scss */ body.single section#pageHolder.courseListingSector section#pageContent.fullWidth { margin-top: 40px; margin-top: 2.5rem; } /* line 843, ../scss/_page.scss */ body.single section#pageHolder.courseListingSector section#pageContent ul.courseSearchResults li .courseIntro { width: 100%; padding: 27px 14% 27px 40px; padding: 1.6875rem 1.875rem; } /* line 847, ../scss/_page.scss */ body.single section#pageHolder.courseListingSector section#pageContent ul.courseSearchResults li .courseIntro span.courseSpecs { margin-top: 0px } /* line 850, ../scss/_page.scss */ body.single section#pageHolder.courseListingSector section#pageContent ul.courseSearchResults li .courseIntro a.findOutMore { float:right; } @media (max-width: 767px) { /* line 866, ../scss/_page.scss */ section#pageHolder section#pageContent .oneThird, section#pageHolder section#pageContent .column.half { width: 100%; margin-left: 0; } /* line 870, ../scss/_page.scss */ section#pageHolder { padding-bottom: 25px; padding-bottom: 1.5625rem; padding-top: 25px; padding-top: 1.5625rem; } /* line 874, ../scss/_page.scss */ section#pageHolder section#pageContent img {} /* line 879, ../scss/_page.scss */ section#pageHolder section#pageContent img.alignLeft, section#pageHolder section#pageContent img.alignRight { margin-right: 0; margin-bottom: 30px; margin-bottom: 1.875rem; } /* line 884, ../scss/_page.scss */ section#pageHolder h1 { margin-bottom: 40px; margin-bottom: 2.5rem; } /* line 887, ../scss/_page.scss */ section#pageHolder section#pageContent .contentInner { padding: 45px 30px; padding: 2.8125rem 1.875rem; } /* line 890, ../scss/_page.scss */ section#pageHolder section#pageContent .pageImage { margin-bottom: 30px; margin-bottom: 1.875rem; } /* line 894, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader, section#pageHolder aside#sidebar ul { padding: 0 30px; padding: 0 1.875rem; } /* line 897, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader .sectionTitle i { right: 28px; right: 1.75rem; } /* line 900, ../scss/_page.scss */ body.page-template-landing section#pageHolder { padding-bottom: 50px; padding-bottom: 3.125rem; } /* line 903, ../scss/_page.scss */ body.page-template-landing section#pageContent.fullWidth { margin-top: 150px; margin-top: 9.375rem; } /* line 908, ../scss/_page.scss */ /* line 900, ../scss/_page.scss */ body.page-template-landing2 section#pageHolder { padding-bottom: 50px; padding-bottom: 3.125rem; } /* line 903, ../scss/_page.scss */ body.page-template-landing2 section#pageContent.fullWidth { margin-top: 150px; margin-top: 9.375rem; } /* line 908, ../scss/_page.scss */ section#pageHolder section#pageContent #mobile.advert.image { display: none; } /* line 912, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.image, section#pageHolder section#pageContent .advert.image a { height: 500px; height: 31.25rem; } /* line 917, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.text, section#pageHolder section#pageContent .advert.text .table, section#pageHolder section#pageContent .advert.text .vAlign { height: 250px; height: 15.625rem; } /* line 920, ../scss/_page.scss */ section#pageContent #eventsCarousel { height: 300px; height: 18.75rem; } /* line 923, ../scss/_page.scss */ section#pageContent #eventsCarousel h3 { margin: 0 0 25px 0; margin: 0 0 1.5625rem 0; } /* line 926, ../scss/_page.scss */ section#pageContent #eventsCarousel ul.landingEventsList li a.button { margin-top: 25px; margin-top: 1.5625rem; } /* line 929, ../scss/_page.scss */ section#pageContent #eventsCarousel .owl-nav { top: 24px; top: 1.5rem; } /* line 932, ../scss/_page.scss */ section#pageContent #courseScroller { } /* line 935, ../scss/_page.scss */ section#pageHolder section#pageContent .column.half.right { margin-top: 40px; margin-top: 2.5rem; } /* line 938, ../scss/_page.scss */ section#pageContent #courseScroller { margin-bottom: 0; } /* line 941, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.image a figure img { max-width: 125%; height: auto; } /* line 947, ../scss/_page.scss */ body.error404 section#pageHolder .container, body.search-results section#pageHolder .container, body.single section#pageHolder.courseListingSector .container { padding: 0; } /* line 951, ../scss/_page.scss */ body.search-results section#pageHolder .resultsTopBar, body.single section#pageHolder.courseListingSector .resultsTopBar { padding: 22px 0 0 0; padding: 1.375rem 0 0 0; } /* line 953, ../scss/_page.scss */ body.search-results section#pageHolder .resultsTopBar .container, body.single section#pageHolder.courseListingSector .resultsTopBar .container { padding: 0 6%; } /* line 957, ../scss/_page.scss */ body.search-results section#pageHolder h1 { padding: 0 6%; } /* line 959, ../scss/_page.scss */ body.search-results section#pageHolder h1 span { display: block; } /* line 963, ../scss/_page.scss */ body.single section#pageHolder.courseListingSector section#pageContent ul.courseSearchResults li .courseIntro a.findOutMore { position: relative; right: auto; bottom: auto;float:left; } /* line 968, ../scss/_page.scss */ body.single section#pageHolder.courseListingSector section#pageContent.fullWidth { margin-top: 25px; margin-top: 1.5625rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 976, ../scss/_page.scss */ section#pageHolder .pageHolder { margin-top: -180px; margin-top: -11.25rem; } /* line 979, ../scss/_page.scss */ section#pageHolder .pageHolder { padding: 35px 30px 0 30px; padding: 2.1875rem 1.875rem 0 1.875rem; } /* line 982, ../scss/_page.scss */ section#pageHolder h1 { margin-bottom: 50px; margin-bottom: 3.125rem; } /* line 985, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader .sectionTitle i { right: 35px; right: 2.1875rem; } /* line 988, ../scss/_page.scss */ section#pageHolder section#pageContent .contentInner { padding: 60px 40px; padding: 3.75rem 2.5rem; } /* line 994, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.image, section#pageHolder section#pageContent .advert.image a { height: 640px; height: 40rem; } /* line 999, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.text, section#pageHolder section#pageContent .advert.text .table, section#pageHolder section#pageContent .advert.text .vAlign { height: 300px; height: 18.75rem; } /* line 1002, ../scss/_page.scss */ section#pageContent #eventsCarousel { height: 300px; height: 18.75rem; } /* line 1005, ../scss/_page.scss */ section#pageContent #eventsCarousel h3 { margin: 0 0 25px 0; margin: 0 0 1.5625rem 0; } /* line 1008, ../scss/_page.scss */ section#pageContent #eventsCarousel ul.landingEventsList li a.button { margin-top: 25px; margin-top: 1.5625rem; } /* line 1011, ../scss/_page.scss */ section#pageContent #eventsCarousel .owl-nav { top: 24px; top: 1.5rem; } /* line 1014, ../scss/_page.scss */ section#pageContent #courseScroller { height: 980px; height: 61.25rem; } /* line 1017, ../scss/_page.scss */ section#pageContent #courseScroller .courseList { height: 982px; height: 61.375rem; } } @media (max-width: 1023px) { /* line 1027, ../scss/_page.scss */ section#pageHolder aside#sidebar, section#pageHolder section#pageContent, body.search-results section#pageHolder section#pageContent .column.half { width: 100%; } /* line 1030, ../scss/_page.scss */ section#pageHolder section#pageContent { margin-left: 0; float: left; } /* line 1034, ../scss/_page.scss */ section#pageHolder aside#sidebar .collapse { position: relative; display: none; float: left; width: 100%; margin-bottom: 15px; margin-bottom: 0.9375rem; } /* line 1041, ../scss/_page.scss */ section#pageHolder aside#sidebar nav#sideMenu { padding-bottom: 0; } /* line 1045, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader a.linkAction { display: block; z-index: 10; } /* line 1048, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader a.linkAction:hover { cursor: pointer; } /* line 1052, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionHeader .sectionTitle i { position: absolute; top: 0; display: block; } /* line 1059, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li a { padding: 10px 0; padding: 0.625rem 0; } /* line 1062, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li ul li { border: none; } /* line 1065, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li ul { padding-bottom: 15px; padding-bottom: 0.9375rem; } /* line 1071, ../scss/_page.scss */ section#pageHolder aside#sidebar ul.newsList, body.search-results .columnHeading, section#pageHolder aside#sidebar .sidebarAdvert { display: none; } /* line 1074, ../scss/_page.scss */ section#pageHolder aside#sidebar .holder { right: 0; right: 0; top: 9px; top: 0.5625rem; } /* line 1078, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li.menu-item-has-children.open .holder { top: 8px; top: 0.5rem; } /* line 1081, ../scss/_page.scss */ section#pageHolder aside#sidebar ul li ul li:before { top: 11px; top: 0.6875rem; } /* line 1084, ../scss/_page.scss */ section#pageHolder aside#sidebar .sectionTitle { margin-left: 0; } /* line 1087, ../scss/_page.scss */ section#pageContent #eventsCarousel { padding: 26px 65px; padding: 1.625rem 4.0625rem; } /* line 1090, ../scss/_page.scss */ section#pageContent #eventsCarousel .owl-prev { left: -65px; left: -4.0625rem; } /* line 1093, ../scss/_page.scss */ section#pageContent #eventsCarousel .owl-next { right: -65px; right: -4.0625rem; } /* line 1097, ../scss/_page.scss */ section#pageHolder section#pageContent .advert.image .advertInfo, section#pageHolder section#pageContent .advert.image a .advertInfo { left: 30px; left: 1.875rem; right: 30px; right: 1.875rem; bottom: 30px; bottom: 1.875rem; } /* line 1102, ../scss/_page.scss */ section#pageContent #courseScroller .scrollerSearchWrapper { padding: 0 30px; padding: 0 1.875rem; } /* line 1105, ../scss/_page.scss */ section#pageContent #courseScroller .courseList { padding: 0 40px 0 30px; padding: 0 2.5rem 0 1.875rem; } /* line 1108, ../scss/_page.scss */ body.search-results section#pageHolder section#pageContent ul.tabs { display: block; } /* line 1111, ../scss/_page.scss */ body.search-results .column { height: 0; opacity: 0; display: none; } /* line 1115, ../scss/_page.scss */ body.search-results .column.current { height: auto; display: block; opacity: 1; } /* line 1121, ../scss/_page.scss */ body.search-results section#pageHolder section#pageContent .column.half.right { margin-top: 0; } /* line 1124, ../scss/_page.scss */ body.search-results .resultsInner { padding: 12px 6%; padding: 0.75rem 6%; } } @media (min-width: 1024px) { /* line 1130, ../scss/_page.scss */ body.search-results section#pageHolder section#pageContent .column.half { display: block!important; } } @media all and (min-width: 1024px) and (max-width: 1400px) { /* line 1137, ../scss/_page.scss */ section#pageHolder aside#sidebar { width: 290px; width: 18.125rem; } /* line 1140, ../scss/_page.scss */ section#pageHolder section#pageContent { margin-left: 310px; margin-left: 19.375rem; } /* line 1143, ../scss/_page.scss */ section#pageHolder section#pageContent .contentInner { padding: 60px 60px; padding: 3.75rem 3.75rem; } } /* line 3, ../scss/_news-page.scss */ body.news section#pageHolder section#pageContent .contentInner { padding: 0; } /* line 7, ../scss/_news-page.scss */ span.articleDate { display: block; margin-bottom: 60px; margin-bottom: 3.75rem; text-align: center; } /* line 15, ../scss/_news-page.scss */ section#pageHolder section#pageContent .contentInner .media-box img { max-width: none; } /* line 18, ../scss/_news-page.scss */ section#pageHolder section#pageContent .contentInner .media-box a.button { height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; display: inline-block; border-width: 1px; border-style: solid; } /* line 25, ../scss/_news-page.scss */ section#pageHolder section#pageContent .contentInner .media-box a.button:hover { cursor: pointer; } /* line 28, ../scss/_news-page.scss */ section#pageHolder section#pageContent .contentInner .media-box .media-box-excerpt { margin: 25px 0 30px 0; margin: 1.5625rem 0 1.875rem 0; } /* line 3, ../scss/_search.scss */ .searchBox { display: none; width: 100%; height: 46px; height: 2.875rem; position: relative; z-index: 10; } /* line 9, ../scss/_search.scss */ .searchBox input.searchInput { position: absolute; top: 0; left: 20px; left: 1.25rem; width: 315px; font-family: "seitu-variable", sans-serif;width: 19.6875rem; height: 30px; height: 1.875rem; padding: 9px 0 3px 0; padding: 0.5625rem 0 0.1875rem 0; box-sizing: content-box; border: none; color: #3c3c3c; -webkit-appearance: none; border-radius: 0; background: none; z-index: 10; } /* line 24, ../scss/_search.scss */ .searchBox input.searchInput::-webkit-input-placeholder { color: #3c3c3c; opacity: 1; } /* line 28, ../scss/_search.scss */ .searchBox input.searchInput:moz-placeholder { color: #3c3c3c; opacity: 1; } /* line 32, ../scss/_search.scss */ .searchBox input.searchInput::-moz-placeholder { color: #3c3c3c; opacity: 1; } /* line 36, ../scss/_search.scss */ .searchBox input.searchInput:-ms-input-placeholder { color: #3c3c3c; opacity: 1; } /* line 41, ../scss/_search.scss */ .searchBox button.searchBTN { position: absolute; right: 8px; right: 0.5rem; top: 1px; border: none; -webkit-appearance: none; background-color: transparent; padding: 0; opacity: 1; height: 44px; width: 44px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/global/search-icon.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 41, ../scss/_search.scss */ .searchBox button.searchBTN { background-image: url(../images/@2x/search-icon@2x.png); -webkit-background-size: 18px 18px; background-size: 18px 18px; } } /* line 55, ../scss/_search.scss */ .searchBox button.searchBTN:hover { opacity: 0.5; } /* line 62, ../scss/_search.scss */ .mm-search .searchButton { position: absolute; right: 35px; right: 2.1875rem; top: 16px; top: 1rem; width: 30px; width: 1.875rem; height: 35px; height: 2.1875rem; border: none; -webkit-appearance: none; padding: 0; } /* line 71, ../scss/_search.scss */ .mm-search .searchButton:before { width: 30px; width: 1.875rem; height: 30px; height: 1.875rem; 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: 35px; line-height: 2.1875rem; } /* line 81, ../scss/_search.scss */ .mm-search .searchButton:hover { cursor: pointer; } /* line 3, ../scss/_sitemap.scss */ nav#sitemap ul { margin-left: 0; list-style-type: none; margin: 0; padding: 0; list-style-type: none; } /* line 8, ../scss/_sitemap.scss */ #sitemap li { list-style-position: inside; margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; padding: 4px 0; padding: 0.25rem 0; } /* line 14, ../scss/_sitemap.scss */ #sitemap li a { line-height: normal; -webkit-transition: color 0.2s; -moz-transition: color 0.2s; -ms-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; text-decoration: none; } /* line 18, ../scss/_sitemap.scss */ #sitemap li a:hover { text-decoration: none; } /* line 22, ../scss/_sitemap.scss */ #sitemap li ul { margin: 3px 0 0 8px; margin: 0.1875rem 0 0 0.5rem; } /* line 24, ../scss/_sitemap.scss */ #sitemap li ul ul li a { padding-left: 17px; padding-left: 1.0625rem; } /* line 27, ../scss/_sitemap.scss */ #sitemap li ul li { padding: 0; } /* line 29, ../scss/_sitemap.scss */ #sitemap li ul li a:before { content: "\f105"; font-family: "FontAwesome"; padding: 0 7px; padding: 0 0.4375rem; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s; } /* line 7, ../scss/_course-search.scss */ body.page-template-course-search section#pageHolder, body.page-template-course-detail section#pageHolder, body.category-courses section#pageHolder, body.page-template-courses section#pageHolder, body.page-template-landing section#pageHolder, body.page-template-landing2 section#pageHolder { position: relative; } /* line 10, ../scss/_course-search.scss */ body.page-template-course-search .pageImage, body.page-template-course-detail .pageImage, body.page-template-courses .pageImage, body.category-courses .pageImage, body.page-template-landing .pageImage, body.page-template-landing2 .pageImage { height: 410px; height: 25.625rem; overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; } /* line 17, ../scss/_course-search.scss */ body.page-template-course-search .pageImage:after, body.page-template-course-detail .pageImage:after, body.page-template-courses .pageImage:after, body.category-courses .pageImage:after, body.page-template-landing .pageImage:after, body.page-template-landing2 .pageImage:after { content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7)); } /* line 23, ../scss/_course-search.scss */ body.page-template-course-search .pageImage img, body.page-template-course-detail .pageImage img, body.page-template-courses .pageImage img, body.category-courses .pageImage img, body.page-template-landing .pageImage img, body.page-template-landing2 .pageImage img { width: auto; min-height: 100%; min-width: 100%; } /* line 29, ../scss/_course-search.scss */ body.page-template-course-search section#pageHolder h1, body.page-template-course-detail section#pageHolder h1, body.page-template-courses section#pageHolder h1, body.category-courses section#pageHolder h1, body.page-template-landing section#pageHolder h1, body.page-template-landing2 section#pageHolder h1 { margin-bottom: 35px; margin-bottom: 2.1875rem; } /* line 34, ../scss/_course-search.scss */ body.page-template-courses .pageImage { height: 450px; height: 28.125rem; } body.category-courses .pageImage { height: 450px; height: 28.125rem; } /* line 40, ../scss/_course-search.scss */ body.page-template-courses .courseSearchArea { float: left; width: 100%; margin-top: 20px; margin-top: 1.25rem; } /* line 45, ../scss/_course-search.scss */ body.page-template-courses input.courseInput { position: absolute; height: 55px; height: 3.4375rem; padding: 0 20px; padding: 0 1.25rem; line-height: 55px; line-height: 3.4375rem; left: 0; right: 0; right: 0; top: 0; border: none; width: 100%; color: #2b2e30; -webkit-appearance: none; border-radius: 0; outline: none; background-color: #e0e3e8; z-index: 10; text-align: left; } /* line 62, ../scss/_course-search.scss */ body.page-template-courses input.courseInput::-webkit-input-placeholder { color: #2b2e30; opacity: 1; } /* line 66, ../scss/_course-search.scss */ body.page-template-courses input.courseInput:moz-placeholder { color: #2b2e30; opacity: 1; } /* line 70, ../scss/_course-search.scss */ body.page-template-courses input.courseInput::-moz-placeholder { color: #2b2e30; opacity: 1; } /* line 74, ../scss/_course-search.scss */ body.page-template-courses input.courseInput:-ms-input-placeholder { color: #2b2e30; opacity: 1; } /* line 79, ../scss/_course-search.scss */ body.page-template-courses button.searchBTN { position: absolute; right: 0; right: 50%; bottom: 0; height: 40px; width: 180px; margin-right: -80px;border: none; -webkit-appearance: none; padding: 0; z-index: 1; font-size: 15px;font-weight:700;} /* line 88, ../scss/_course-search.scss */ body.page-template-courses button.searchBTN i { height: 55px; height: 3.4375rem; text-align: center; line-height: 55px; line-height: 3.4375rem; display: inline; top: 0; } /* line 40, ../scss/_course-search.scss */ body.category-courses .courseSearchArea { float: left; width: 100%; margin-top: 20px; margin-top: 1.25rem; } /* line 45, ../scss/_course-search.scss */ body.category-courses input.courseInput { position: absolute; height: 55px; height: 3.4375rem; padding: 0 20px; padding: 0 1.25rem; line-height: 55px; line-height: 3.4375rem; left: 0; right: 0; right: 0; top: 0; border: none; width: 100%; color: #2b2e30; -webkit-appearance: none; border-radius: 0; outline: none; background-color: #e0e3e8; z-index: 10; text-align: left; } /* line 62, ../scss/_course-search.scss */ body.category-courses input.courseInput::-webkit-input-placeholder { color: #2b2e30; opacity: 1; } /* line 66, ../scss/_course-search.scss */ body.category-courses input.courseInput:moz-placeholder { color: #2b2e30; opacity: 1; } /* line 70, ../scss/_course-search.scss */ body.category-courses input.courseInput::-moz-placeholder { color: #2b2e30; opacity: 1; } /* line 74, ../scss/_course-search.scss */ body.category-courses input.courseInput:-ms-input-placeholder { color: #2b2e30; opacity: 1; } /* line 79, ../scss/_course-search.scss */ body.category-courses button.searchBTN { position: absolute; right: 0; right: 0; top: 0; height: 55px; width: 55px; border: none; -webkit-appearance: none; padding: 0; z-index: 20; } /* line 88, ../scss/_course-search.scss */ body.category-courses button.searchBTN i { height: 55px; height: 3.4375rem; text-align: center; line-height: 55px; line-height: 3.4375rem; display: block; top: 0; } /* line 97, ../scss/_course-search.scss */ .mainInput { margin-bottom: 20px; margin-bottom: 1.25rem; position: relative; height: 55px; height: 3.4375rem; } /* line 103, ../scss/_course-search.scss */ .mainInput, .dropdownSelections { float: left; width: 100%; } /* line 107, ../scss/_course-search.scss */ .dropdownSelections { margin-bottom: 60px; margin-bottom: 3.75rem; padding-bottom:75px;position:relative;} /* line 110, ../scss/_course-search.scss */ .dropdownSelections .selection { float: left; width: 32.0170%; margin-left: 1.9745%; position: relative; } /* line 115, ../scss/_course-search.scss */ .dropdownSelections .selection.subject { margin-left: 0; } /* line 118, ../scss/_course-search.scss */ .dropdownSelections .selection .selectPanel { float: left; width: 100%; height: 55px; height: 3.4375rem; line-height: 55px; line-height: 3.4375rem; padding-left: 20px; padding-left: 1.25rem; } /* line 124, ../scss/_course-search.scss */ .dropdownSelections .selection .selectPanel i { height: 55px; width: 55px; position: absolute; right: 0; top: 0; text-align: center; line-height: 55px; line-height: 3.4375rem; } /* line 132, ../scss/_course-search.scss */ .dropdownSelections .selection .selectPanel:hover { cursor: pointer; } /* line 137, ../scss/_course-search.scss */ body.page-template-courses section#pageHolder section#pageContent div.courseSearching { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; } /* line 141, ../scss/_course-search.scss */ body.page-template-courses section#pageHolder section#pageContent div.courseSearching .row { float: left; width: 100%; margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 146, ../scss/_course-search.scss */ body.page-template-courses section#pageHolder section#pageContent div.courseSearching div.item { float: left; width: 32.0170%; margin-left: 1.9745%; padding: 0; } /* line 151, ../scss/_course-search.scss */ body.page-template-courses section#pageHolder section#pageContent div.courseSearching div.item:before { display: none; } /* line 154, ../scss/_course-search.scss */ body.page-template-courses section#pageHolder section#pageContent div.courseSearching div.item a { display: block; } /* line 158, ../scss/_course-search.scss */ body.page-template-courses section#pageHolder section#pageContent div.courseSearching .row div.item:first-child { margin-left: 0; } /* line 161, ../scss/_course-search.scss */ body.page-template-courses section#pageHolder section#pageContent div.courseSearching figure { margin: 0; float: left; width: 100%; height: 195px; height: 12.1875rem; overflow: hidden; } /* line 167, ../scss/_course-search.scss */ body.page-template-courses section#pageHolder section#pageContent div.courseSearching figure img { min-width: 100%; } /* line 171, ../scss/_course-search.scss */ body.page-template-courses section#pageHolder section#pageContent div.courseSearching span.courseTitle { float: left; width: 100%; display: block; padding: 30px; padding: 1.875rem; text-align: center; } /* line 137, ../scss/_course-search.scss */ body.category-coursess section#pageHolder section#pageContent div.courseSearching { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; } /* line 141, ../scss/_course-search.scss */ body.category-courses section#pageHolder section#pageContent div.courseSearching .row { float: left; width: 100%; margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 146, ../scss/_course-search.scss */ body.category-courses section#pageHolder section#pageContent div.courseSearching div.item { float: left; width: 32.0170%; margin-left: 1.9745%; padding: 0; } /* line 151, ../scss/_course-search.scss */ body.category-courses section#pageHolder section#pageContent div.courseSearching div.item:before { display: none; } /* line 154, ../scss/_course-search.scss */ body.category-courses section#pageHolder section#pageContent div.courseSearching div.item a { display: block; } /* line 158, ../scss/_course-search.scss */ body.category-courses section#pageHolder section#pageContent div.courseSearching .row div.item:first-child { margin-left: 0; } /* line 161, ../scss/_course-search.scss */ body.category-courses section#pageHolder section#pageContent div.courseSearching figure { margin: 0; float: left; width: 100%; height: 195px; height: 12.1875rem; overflow: hidden; } /* line 167, ../scss/_course-search.scss */ body.category-courses section#pageHolder section#pageContent div.courseSearching figure img { min-width: 100%; } /* line 171, ../scss/_course-search.scss */ body.category-courses section#pageHolder section#pageContent div.courseSearching span.courseTitle { float: left; width: 100%; display: block; padding: 30px; padding: 1.875rem; text-align: center; } /* line 181, ../scss/_course-search.scss */ .courseType { text-align: center; } /* line 184, ../scss/_course-search.scss */ .courseType a { line-height: 40px; line-height: 2.5rem; height: 40px; height: 2.5rem; padding: 0 40px; padding: 0 2.5rem; display: inline-block; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; background-clip: padding-box; behavior: url(PIE.htc); margin: 0 10px; margin: 0 0.625rem; } /* line 195, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li, body.courseSearch section#pageHolder section#pageContent ul li { float: left; width: 100%; margin-top: 45px; margin-top: 2.8125rem; padding: 0; } /* line 200, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li:before, body.courseSearch section#pageHolder section#pageContent ul li:before { display: none; } /* line 203, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li figure, body.courseSearch section#pageHolder section#pageContent ul li figure { float: left; width: 26%; margin: 0; overflow: hidden; position: relative; } /* line 209, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li figure img, body.courseSearch section#pageHolder section#pageContent ul li figure img { min-width: 200%;left:-50%;top:0px;position:absolute; height: 100%; } /* line 214, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro, body.courseSearch section#pageHolder section#pageContent ul li .courseIntro { float: left; width: 100%; padding: 27px 40px; padding: 1.6875rem 2.5rem; } /* line 219, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro span.courseName, section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro span.courseSpecs, body.courseSearch section#pageHolder section#pageContent ul li .courseIntro span.courseName, body.courseSearch section#pageHolder section#pageContent ul li .courseIntro span.courseSpecs { display: block; } /* line 222, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro span.courseName, body.courseSearch section#pageHolder section#pageContent ul li .courseIntro span.courseName { margin-bottom: 30px; margin-bottom: 1.875rem; line-height: 1.3; padding-right: 150px; padding-right: 9.375rem; } /* line 227, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro span.courseSpecs, body.courseSearch section#pageHolder section#pageContent ul li .courseIntro span.courseSpecs { margin-bottom: 28px; margin-bottom: 1.75rem; float: left; width: 100%; } /* line 231, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro span.courseSpecs span, body.courseSearch section#pageHolder section#pageContent ul li .courseIntro span.courseSpecs span { padding: 0 7px; padding: 0 0.4375rem; float: left; } /* line 235, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro span.courseSpecs span.fullPart, body.courseSearch section#pageHolder section#pageContent ul li .courseIntro span.courseSpecs span.fullPart { padding: 0 7px 0 0; padding: 0 0.4375rem 0 0; } /* line 239, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro span.courseSpecs span.fullPart, section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro span.courseSpecs span.category, body.page-template-course-search section#pageHolder section#pageContent ul li .courseIntro span.courseSpecs span.fullPart, body.page-template-course-search section#pageHolder section#pageContent ul li .courseIntro span.courseSpecs span.category { border-right-width: 1px; border-right-style: solid; } /* line 244, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro a.findOutMore, body.page-template-course-search section#pageHolder section#pageContent ul li .courseIntro a.findOutMore { display: block; float: right; height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; padding: 0 33px; padding: 0 2.0625rem; border-width: 1px; border-style: solid; } @media (max-width: 599px) { /* line 264, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li figure, body.page-template-course-search section#pageHolder section#pageContent ul li figure, section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro, body.courseSearch section#pageHolder section#pageContent ul li .courseIntro { width: 100%; height: auto !important; } } @media all and (min-width: 600px) and (max-width: 767px) { /* line 272, ../scss/_course-search.scss */ ssection#pageHolder section#pageContent ul.courseSearchResults li figure, body.page-template-course-search section#pageHolder section#pageContent ul li figure { width: 45%; } /* line 275, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro, body.page-template-course-search section#pageHolder section#pageContent ul li .courseIntro { width: 100%; } } @media (max-width: 767px) { /* line 281, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro, body.page-template-course-search section#pageHolder section#pageContent ul li .courseIntro { padding: 27px 30px; padding: 1.6875rem 1.875rem; } /* line 283, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro span.courseName, body.page-template-course-search section#pageHolder section#pageContent ul li .courseIntro span.courseName { padding-right: 0; } /* line 287, ../scss/_course-search.scss */ body.page-template-course-search .pageImage img { width: auto; max-height: 100%; } /* line 291, ../scss/_course-search.scss */ body.page-template-course-search .pageImage { height: 320px; height: 20rem; } /* line 295, ../scss/_course-search.scss */ body.page-template-courses section#pageHolder section#pageContent div.courseSearching div.item, .dropdownSelections .selection { width: 100%; margin-left: 0; margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 300, ../scss/_course-search.scss */ body.page-template-courses section#pageHolder section#pageContent div.courseSearching figure { height: auto; } /* line 303, ../scss/_course-search.scss */ body.page-template-courses section#pageHolder section#pageContent div.courseSearching .row { margin-bottom: 0; } /* line 306, ../scss/_course-search.scss */ body.page-template-courses .pageImage { height: 500px; height: 31.25rem; } /* line 309, ../scss/_course-search.scss */ /* line 295, ../scss/_course-search.scss */ body.category-courses section#pageHolder section#pageContent div.courseSearching div.item, .dropdownSelections .selection { width: 100%; margin-left: 0; margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 300, ../scss/_course-search.scss */ body.category-courses section#pageHolder section#pageContent div.courseSearching figure { height: auto; } /* line 303, ../scss/_course-search.scss */ body.category-courses section#pageHolder section#pageContent div.courseSearching .row { margin-bottom: 0; } /* line 306, ../scss/_course-search.scss */ body.category-courses .pageImage { height: 500px; height: 31.25rem; } /* line 309, ../scss/_course-search.scss */ .dropdownSelections { margin-bottom: 10px; margin-bottom: 0.625rem; } /* line 313, ../scss/_course-search.scss */ .dropdownSelections .selection .selectPanel, .dropdownSelections .selection .selectPanel i { height: 50px; height: 3.125rem; line-height: 50px; line-height: 3.125rem; } /* line 317, ../scss/_course-search.scss */ .courseType a { padding: 0 30px; padding: 0 1.875rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 324, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li figure img, body.page-template-course-search section#pageHolder section#pageContent ul li figure img { min-height: 0; max-height: 100%; max-width: none; width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); } /* line 337, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro span.courseName, body.page-template-course-search section#pageHolder section#pageContent ul li .courseIntro span.courseName { margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 341, ../scss/_course-search.scss */ section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro span.courseSpecs, body.page-template-course-search section#pageHolder section#pageContent ul li .courseIntro span.courseSpecs { margin-bottom: 23px; margin-bottom: 1.4375rem; } /* line 344, ../scss/_course-search.scss */ body.page-template-course-search .pageImage img { width: 150%; margin-left: -25%; } /* line 348, ../scss/_course-search.scss */ body.page-template-course-search .pageImage { height: 350px; height: 21.875rem; } /* line 351, ../scss/_course-search.scss */ body.page-template-courses section#pageHolder section#pageContent div.courseSearching figure { height: 150px; height: 9.375rem; } body.category-courses section#pageHolder section#pageContent div.courseSearching figure { height: 150px; height: 9.375rem; } } /* line 4, ../scss/_upcoming-events.scss */ body.events-list section#pageHolder section#pageContent .contentInner { padding: 0; } /* line 7, ../scss/_upcoming-events.scss */ body.events-list section#pageHolder h1 { margin-bottom: 70px; margin-bottom: 4.375rem; } /* line 10, ../scss/_upcoming-events.scss */ body.events-list section#pageHolder { padding-top: 0; padding-top: 0; } /* line 15, ../scss/_upcoming-events.scss */ .eventsTopSection { float: left; width: 100%; padding-top: 60px; padding-top: 3.75rem; } /* line 21, ../scss/_upcoming-events.scss */ span.eventDate { display: block; margin-bottom: 60px; margin-bottom: 3.75rem; text-align: center; } /* line 26, ../scss/_upcoming-events.scss */ #pageContent a.eventsBack { height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; text-align: center; display: block; } /* line 32, ../scss/_upcoming-events.scss */ .monthSorter { margin-bottom: 45px; margin-bottom: 2.8125rem; margin-top: -20px; margin-top: -1.25rem; float: left; width: 100%; text-align: center; } /* line 38, ../scss/_upcoming-events.scss */ .monthSorter a { display: inline-block; border-width: 1px; border-style: solid; margin: 0 12px; margin: 0 0.75rem; padding: 0 38px; padding: 0 2.375rem; } /* line 47, ../scss/_upcoming-events.scss */ h2.eventListMonth { text-align: center; margin: 15px 0 40px 0; margin: 0.9375rem 0 2.5rem 0; clear: both; display: block; float: left; width: 100%; } /* line 56, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList { margin: 0; padding: 0; list-style-type: none; float: left; width: 100%; } /* line 60, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList div.item { float: left; display: block; width: 100%; margin: 0 0 35px 0; margin: 0 0 2.1875rem 0; padding: 0; } /* line 66, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList div.item:before { display: none; } /* line 71, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList .eventDate, section#pageHolder div.eventsList .eventInfo { float: left; } /* line 76, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList .eventDate, section#pageHolder div.eventsList .eventInfo, section#pageHolder div.eventsList .vAlign { height: 130px; height: 8.125rem; } /* line 79, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList .eventDate { width: 24%; padding: 0 30px; padding: 0 1.875rem; display: table; } /* line 83, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList .eventDate span { display: block; margin-top: 8px; margin-top: 0.5rem; } /* line 88, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList .vAlign { display: table-cell; vertical-align: middle; } /* line 92, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList .eventInfo { width: 76%; padding: 0 240px 0 60px; padding: 0 15rem 0 3.75rem; position: relative; } /* line 96, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList .eventInfo a.button { position: absolute; top: 50%; right: 40px; right: 2.5rem; height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; margin-top: -20px; margin-top: -1.25rem; border-width: 1px; border-style: solid; } /* line 109, ../scss/_upcoming-events.scss */ .pagination { float: left; width: 100%; margin: 50px 0 0 0; margin: 3.125rem 0 0 0; text-align: center; } /* line 114, ../scss/_upcoming-events.scss */ .pagination a { display: inline-block; height: 40px; width: 40px; line-height: 40px; line-height: 2.5rem; position: relative; } /* line 119, ../scss/_upcoming-events.scss */ .pagination a i { width: 40px; width: 2.5rem; height: 20px; height: 1.25rem; top: 5px; position: absolute; text-align: center; top: 20px; left: 0; } @media (max-width: 767px) { /* line 139, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList .eventDate, section#pageHolder div.eventsList .eventInfo { width: 100%; } /* line 142, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList .eventInfo { padding: 30px; padding: 1.875rem; height: auto; } /* line 145, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList .eventInfo .vAlign { height: auto; } /* line 148, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList .eventInfo a.button { position: relative; top: auto; right: auto; margin-top: 25px; margin-top: 1.5625rem; display: block; float: left; } /* line 157, ../scss/_upcoming-events.scss */ .eventsTopSection { padding-top: 25px; padding-top: 1.5625rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 164, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList .eventDate { padding: 0 20px; padding: 0 1.25rem; width: 30%; } /* line 168, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList .eventInfo { width: 70%; padding: 0 200px 0 30px; padding: 0 12.5rem 0 1.875rem; } /* line 172, ../scss/_upcoming-events.scss */ section#pageHolder div.eventsList .eventInfo a.button { right: 25px; right: 1.5625rem; } } /* line 4, ../scss/_course-detail.scss */ body.page-template-course-detail section#pageHolder { min-height: 570px; } /* line 7, ../scss/_course-detail.scss */ body.page-template-course-detail .pageImage { height: 570px; height: 35.625rem; } /* line 12, ../scss/_course-detail.scss */ .courseTitleIntro { float: left; width: 56%; padding: 0 10% 0 40px; padding: 0 10% 0 2.5rem; height: 295px; height: 18.4375rem; display: table; margin-bottom: 89px; margin-bottom: 5.5625rem; } /* line 19, ../scss/_course-detail.scss */ .courseTitleIntro .vAlign { display: table-cell; vertical-align: middle; height: 295px; height: 18.4375rem; } /* line 24, ../scss/_course-detail.scss */ .courseTitleIntro p { line-height: 1.3; margin: 0; } /* line 30, ../scss/_course-detail.scss */ body.page-template-course-detail section#pageHolder .courseTitleIntro h1 { text-align: left; margin-bottom: 30px; position: relative; } /* line 34, ../scss/_course-detail.scss */ body.page-template-course-detail section#pageHolder .courseTitleIntro h1:after { height: 1px; height: 0.0625rem; width: 160px; width: 10rem; content: ""; position: absolute; bottom: -18px; left: 0; opacity: 0.3; } /* line 46, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs { float: left; width: 100%; margin-bottom: 0; } /* line 51, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs li, section#pageHolder section#pageContent ul.tabs li.applyBTN { float: left; margin: 0; cursor: pointer; padding: 0; padding: 0; height: 70px; height: 4.375rem; line-height: 70px; line-height: 4.375rem; position: relative; text-align: center; } /* line 61, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs li:before { display: none; } /* line 64, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs li:after { content: ""; height: 10px; height: 0.625rem; position: absolute; top: -10px; top: -0.625rem; width: 100%; opacity: 0; left: 0; } /* line 73, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs li.active:after { opacity: 1; } /* line 76, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs li.tab1 { width: 19.1274%; } /* line 79, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs li.tab2 { width: 23.0686%; } /* line 82, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs li.tab3 { width: 16.696%; } /* line 85, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs li.tab4 { width: 11.3039%; } /* line 88, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs li.tab5 { width: 12.7745%; } /* line 91, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs li.applyBTN { width: 13.7745%; float: right; } /* line 94, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs li.applyBTN i { margin-right: 10px; margin-right: 0.625rem; } /* line 99, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .tabContainer { float: left; width: 100%; } /* line 103, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .tabContent { padding: 35px 50px; padding: 2.1875rem 3.125rem; display: none; } /* line 108, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .tabDrawerHeader, section#pageHolder section#pageContent .tabDrawerHeading { display: none; } /* line 111, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats { float: left; width: 100%; margin-bottom: 25px; margin-bottom: 1.5625rem; } /* line 115, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats div.sItem { margin: 0; padding: 0; list-style-type: none; line-height: 40px; line-height: 2.5rem; float: left; width: auto; margin-right: 40px; margin-right: 2.5rem; } /* line 121, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats div.sItem:first-child { margin-left: -8px; margin-left: -0.5rem; } /* line 124, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats div.sItem:last-child { margin-right: 0; } /* line 127, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats div.sItem:before { display: none; } /* line 130, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats div.sItem span.bold { margin-right: 5px; margin-right: 0.3125rem; } /* line 133, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats div.sItem i { float: left; margin-right: 10px; margin-right: 0.625rem; display: block; height: 40px; width: 40px; background-repeat: no-repeat; background-position: center center; } /* line 141, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats div.sItem i.icon-pencil { background-image: url(../images/global/icon-pencil1.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 141, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats div.sItem i.icon-pencil { background-image: url(../images/@2x/icon-pencil@2x1.png); -webkit-background-size: 40px 40px; background-size: 40px 40px; } } /* line 145, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats div.sItem i.icon-time { background-image: url(../images/global/icon-time1.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 145, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats div.sItem i.icon-time { background-image: url(../images/@2x/icon-time@2x1.png); -webkit-background-size: 40px 40px; background-size: 40px 40px; } } /* line 149, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats div.sItem i.icon-calendar { background-image: url(../images/global/icon-calendar1.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 149, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats div.sItem i.icon-calendar { background-image: url(../images/@2x/icon-calendar@2x1.png); -webkit-background-size: 40px 40px; background-size: 40px 40px; } } /* line 153, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats div.sItem i.icon-location { background-image: url(../images/global/icon-location1.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 153, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats div.sItem i.icon-location { background-image: url(../images/@2x/icon-location@2x1.png); -webkit-background-size: 40px 40px; background-size: 40px 40px; } } /* line 159, ../scss/_course-detail.scss */ section#pageHolder section#pageContent a.mobile.applyBTN { display: none; width: 84%; height: 60px; height: 3.75rem; line-height: 60px; line-height: 3.75rem; padding: 0 20px; padding: 0 1.25rem; margin: 10px 0 35px 8%; margin: 0.625rem 0 2.1875rem 8%; } /* line 166, ../scss/_course-detail.scss */ section#pageHolder section#pageContent a.mobile.applyBTN i { float: right; line-height: 60px; line-height: 3.75rem; } /* line 173, ../scss/_course-detail.scss */ #sectionTwo { float: left; width: 100%; margin-top: 30px; margin-top: 1.875rem; } /* line 179, ../scss/_course-detail.scss */ #sectionTwo .nextSteps, #sectionTwo .caseStudy, #sectionTwo .caseStudy figure { height: 260px; height: 16.25rem; } /* line 182, ../scss/_course-detail.scss */ #sectionTwo .nextSteps { width: 31.3725%; float: right; padding: 35px 35px 0 35px; padding: 2.1875rem 2.1875rem 0 2.1875rem; } /* line 186, ../scss/_course-detail.scss */ #sectionTwo .nextSteps span.sectionTitle { margin-bottom: 32px; margin-bottom: 2rem; display: block; } /* line 190, ../scss/_course-detail.scss */ #sectionTwo .nextSteps a { display: block; line-height: 52px; line-height: 3.25rem; padding: 0 15px; padding: 0 0.9375rem; margin-top: 12px; margin-top: 0.75rem; } /* line 195, ../scss/_course-detail.scss */ #sectionTwo .nextSteps a i { margin-right: 17px; margin-right: 1.0625rem; } /* line 200, ../scss/_course-detail.scss */ #sectionTwo .caseStudy { width: 64.7058%; float: left; } /* line 203, ../scss/_course-detail.scss */ #sectionTwo .caseStudy figure { float: left; width: 51.5%; margin: 0; overflow: hidden; } /* line 208, ../scss/_course-detail.scss */ #sectionTwo .caseStudy figure img { max-width: 105%; height: auto; } /* line 213, ../scss/_course-detail.scss */ #sectionTwo .caseStudy .intro { float: left; width: 48.5%; padding: 25px 50px 25px 35px; padding: 1.5625rem 3.125rem 1.5625rem 2.1875rem; } /* line 217, ../scss/_course-detail.scss */ #sectionTwo .caseStudy .intro span { display: block; } /* line 220, ../scss/_course-detail.scss */ #sectionTwo .caseStudy .intro span.csName { margin: -8px 0 18px 0; margin: -0.5rem 0 1.125rem 0; } /* line 224, ../scss/_course-detail.scss */ #sectionTwo .caseStudy span.sectionTitle { display: block; margin-left: 0; } /* line 231, ../scss/_course-detail.scss */ #sectionThree { float: left; width: 100%; margin-top: 100px; margin-top: 6.25rem; } /* line 235, ../scss/_course-detail.scss */ #sectionThree ul.relCourses { margin: 0; padding: 0; list-style-type: none; float: left; } /* line 238, ../scss/_course-detail.scss */ #sectionThree ul.relCourses li { float: left; width: 100%; } /* line 241, ../scss/_course-detail.scss */ #sectionThree ul.relCourses li:before { display: none; } /* line 246, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .courseInfo, #sectionThree ul.relCourses figure { width: 50%; overflow: hidden; max-height: 340px; max-height: 21.25rem; } /* line 251, ../scss/_course-detail.scss */ #sectionThree ul.relCourses figure { margin: 0; float: right; } /* line 254, ../scss/_course-detail.scss */ #sectionThree ul.relCourses figure img { max-height: 100%; width: auto; } /* line 259, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .courseInfo { float: left; padding: 40px 90px 40px 50px; padding: 2.5rem 5.625rem 2.5rem 3.125rem; } /* line 263, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .courseInfo span.courseName, #sectionThree ul.relCourses .courseInfo span.courseSpecs { display: block; } /* line 267, ../scss/_course-detail.scss */ #sectionThree ul.relCourses span.courseSpecs { margin: 30px 0 45px 0; margin: 1.875rem 0 2.8125rem 0; float: left; width: 100%; } /* line 271, ../scss/_course-detail.scss */ #sectionThree ul.relCourses span.courseSpecs span { padding: 0 7px; padding: 0 0.4375rem; float: left; } /* line 275, ../scss/_course-detail.scss */ #sectionThree ul.relCourses span.courseSpecs span.fullPart { padding: 0 7px 0 0; padding: 0 0.4375rem 0 0; } /* line 279, ../scss/_course-detail.scss */ #sectionThree ul.relCourses span.courseSpecs span.fullPart, #sectionThree ul.relCourses span.courseSpecs span.category { border-right-width: 1px; border-right-style: solid; } /* line 284, ../scss/_course-detail.scss */ #sectionThree ul.relCourses span.courseExcerpt { display: block; margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 288, ../scss/_course-detail.scss */ #sectionThree ul.relCourses span#mobile.courseExcerpt { display: none; } /* line 291, ../scss/_course-detail.scss */ #sectionThree ul.relCourses a.findOutMore { display: block; float: left; height: 40px; height: 2.5rem; line-height: 40px; line-height: 2.5rem; padding: 0 33px; padding: 0 2.0625rem; border-width: 1px; border-style: solid; } /* line 300, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .owl-nav { position: absolute; width: 100%; cursor: pointer; z-index: 300; display: block; background-position: center center; background-repeat: no-repeat; top: -80px; top: -5rem; } /* line 311, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .owl-prev, #sectionThree ul.relCourses .owl-next { height: 40px; height: 2.5rem; width: 115px; width: 7.1875rem; position: absolute; line-height: 40px; line-height: 2.5rem; top: 0; } /* line 317, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .owl-prev:before, #sectionThree ul.relCourses .owl-next:before { position: absolute; content: ""; top: 0; background-position: center center; background-repeat: no-repeat; text-align: center; height: 40px; height: 2.5rem; width: 40px; width: 2.5rem; } /* line 327, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .owl-prev:hover, #sectionThree ul.relCourses .owl-next:hover { background-color: #026b50; } /* line 331, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .owl-prev { right: 130px; right: 8.125rem; padding-right: 24px; padding-right: 1.5rem; text-align: right; } /* line 335, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .owl-prev:before { left: 0; margin-left: -1px; margin-left: -0.0625rem; background-image: url(../images/global/news-prev-arrow.png); } /* line 341, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .owl-next { right: 0px; right: 0rem; padding-left: 24px; padding-left: 1.5rem; } /* line 344, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .owl-next:before { right: 0; background-image: url(../images/global/news-next-arrow.png); margin-left: 1px; margin-left: 0.0625rem; } /* line 352, ../scss/_course-detail.scss */ section#pageHolder #sectionThree h1 { text-align: left; } /* line 355, ../scss/_course-detail.scss */ section#pageHolder section#pageContent #sectionThree ul li { padding: 0; } @media (max-width: 499px) { /* line 366, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .courseInfo { padding: 30px 20px; padding: 1.875rem 1.25rem; } } @media (max-width: 767px) { /* line 372, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs { display: none; } /* line 377, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .tabDrawerHeading, section#pageHolder section#pageContent .tabDrawerHeader, section#pageHolder section#pageContent a.mobile.applyBTN { display: block; } /* line 380, ../scss/_course-detail.scss */ body.page-template-course-detail .pageImage img { width: auto; max-height: 100%; } /* line 384, ../scss/_course-detail.scss */ body.page-template-course-detail .pageImage { height: 320px; height: 20rem; position: relative; float: left; } /* line 389, ../scss/_course-detail.scss */ body.page-template-course-detail #pageHolder .inner { background-color: #1D1D1B; float: left; width: 100%; } /* line 394, ../scss/_course-detail.scss */ body.page-template-course-detail section#pageHolder section#pageContent.fullWidth { background-color: white !important; } /* line 397, ../scss/_course-detail.scss */ body.page-template-course-detail section#pageHolder .breadcrumb { padding: 30px 6%; padding: 1.875rem 6%; margin-bottom: 0; } /* line 401, ../scss/_course-detail.scss */ .courseTitleIntro { padding: 0 6% 110px 6%; padding: 0 6% 6.875rem 6%; width: 100%; } /* line 405, ../scss/_course-detail.scss */ body.page-template-course-detail section#pageHolder .courseTitleIntro h1 { padding-top: 0; padding-top: 0; margin-bottom: 56px; margin-bottom: 3.5rem; } /* line 410, ../scss/_course-detail.scss */ .courseTitleIntro, .courseTitleIntro .vAlign { height: auto; } /* line 413, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .tabContent { padding: 20px 8%; padding: 1.25rem 8%; } /* line 416, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .tabContainer #tab1.tabContent { display: block!important; } /* line 419, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats div.sItem { width: 100%; margin-right: 0; margin-left: -8px; margin-left: -0.5rem; } /* line 424, ../scss/_course-detail.scss */ .accordion h2.tabDrawerHeader { width: 200px; width: 12.5rem; padding-left: 8%; margin: 0; height: 65px; height: 4.0625rem; line-height: 65px; line-height: 4.0625rem; margin-top: -65px; margin-top: -4.0625rem; background-color: white; } /* line 433, ../scss/_course-detail.scss */ .accordion.last h3.tabDrawerHeading { border: none; } /* line 436, ../scss/_course-detail.scss */ .accordion h3.tabDrawerHeading { margin: 0; padding: 15px 0; padding: 0.9375rem 0; margin: 0 8%; width: 84%; border-bottom: 1px solid #e0e3e8; } /* line 442, ../scss/_course-detail.scss */ .accordion h3.tabDrawerHeading i { float: right; margin: 8px 12px 0 0; margin: 0.5rem 0.75rem 0 0; } /* line 446, ../scss/_course-detail.scss */ .accordion h3.tabDrawerHeading.active i { transform: rotate(180deg); } /* line 450, ../scss/_course-detail.scss */ #sectionTwo { margin-top: 0; padding-top: 25px; padding-top: 1.5625rem; background-color: #dedfe0; } /* line 455, ../scss/_course-detail.scss */ #sectionTwo .nextSteps { width: 100%; height: auto; padding: 27px 8.5% 24px 8.5%; padding: 1.6875rem 8.5% 1.5rem 8.5%; } /* line 459, ../scss/_course-detail.scss */ #sectionTwo .nextSteps a { margin-top: 0; line-height: 48px; line-height: 3rem; } /* line 463, ../scss/_course-detail.scss */ #sectionTwo .nextSteps a.openDay { width: 100%; float: left; } /* line 467, ../scss/_course-detail.scss */ #sectionTwo .nextSteps a.applyBTN { width: 100%; float: right; } /* line 473, ../scss/_course-detail.scss */ #sectionTwo .caseStudy, #sectionThree { width: 76%; margin-left: 12%; } /* line 477, ../scss/_course-detail.scss */ #sectionTwo .caseStudy { height: auto; } /* line 480, ../scss/_course-detail.scss */ #sectionTwo .caseStudy figure, #sectionTwo .caseStudy .intro { width: 100%; height: auto; } /* line 484, ../scss/_course-detail.scss */ #sectionTwo .caseStudy .intro { position: relative; } /* line 487, ../scss/_course-detail.scss */ #sectionTwo .caseStudy .intro:before, #sectionTwo .caseStudy .intro:after { content: ""; width: 16%; top: 0; height: 100%; position: absolute; background-color: white; } /* line 495, ../scss/_course-detail.scss */ #sectionTwo .caseStudy .intro:before { left: -16%; } /* line 498, ../scss/_course-detail.scss */ #sectionTwo .caseStudy .intro:after { right: -16%; } /* line 503, ../scss/_course-detail.scss */ section#pageHolder #sectionThree h1 { text-align: center; } /* line 506, ../scss/_course-detail.scss */ #sectionThree .relatedCourses { width: 100%; float: left; margin-bottom: 40px; margin-bottom: 2.5rem; } /* line 512, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .courseInfo, #sectionThree ul.relCourses figure { width: 100%; float: left; } /* line 516, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .owl-nav { position: relative; float: left; width: 100%; text-align: center; top: auto; height: 40px; height: 2.5rem; } /* line 523, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .owl-nav div.owl-next { text-align: left; } /* line 527, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .owl-nav .owl-prev, #sectionThree ul.relCourses .owl-nav .owl-next { display: inline-block; position: relative; right: auto; margin: 0 6px; margin: 0 0.375rem; } } @media all and (min-width: 500px) and (max-width: 767px) { /* line 537, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .courseInfo { padding: 40px; padding: 2.5rem; } } @media all and (min-width: 768px) and (max-width: 1023px) { /* line 545, ../scss/_course-detail.scss */ body.page-template-course-detail .pageImage, .courseTitleIntro, .courseTitleIntro .vAlign { height: 390px; height: 24.375rem; } /* line 548, ../scss/_course-detail.scss */ body.page-template-course-detail .pageImage img { width: 160%; margin-left: -30%; } /* line 552, ../scss/_course-detail.scss */ .courseTitleIntro { width: 60%; } /* line 556, ../scss/_course-detail.scss */ body.page-template-course-detail section#pageHolder .breadcrumb { padding: 0 4%; top: 32px; top: 2rem; position: absolute; } /* line 561, ../scss/_course-detail.scss */ body.page-template-course-detail section#pageHolder .courseTitleIntro h1 { padding-top: 40px; padding-top: 2.5rem; margin-bottom: 56px; margin-bottom: 3.5rem; } /* line 565, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs li.tab4 { width: 10.3039%; } /* line 568, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs li.tab5 { width: 11.7745%; } /* line 571, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs li.tab6 { width: 17.7745%; } /* line 574, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .tabContent { padding: 25px 35px; padding: 1.5625rem 2.1875rem; } /* line 577, ../scss/_course-detail.scss */ #sectionTwo .nextSteps { width: 31.5926%; padding: 24px 20px 0 20px; padding: 1.5rem 1.25rem 0 1.25rem; } /* line 580, ../scss/_course-detail.scss */ #sectionTwo .nextSteps a { line-height: 48px; line-height: 3rem; } /* line 584, ../scss/_course-detail.scss */ #sectionTwo .caseStudy { width: 65.6657%; } /* line 588, ../scss/_course-detail.scss */ #sectionTwo .nextSteps, #sectionTwo .caseStudy, #sectionTwo .caseStudy figure { height: 200px; height: 12.5rem; } /* line 591, ../scss/_course-detail.scss */ #sectionTwo .caseStudy .intro { padding: 18px 20px 25px 20px; padding: 1.125rem 1.25rem 1.5625rem 1.25rem; } /* line 595, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .courseInfo, #sectionThree ul.relCourses figure { height: 260px; height: 16.25rem; } /* line 598, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .courseInfo { padding: 30px 50px 0 35px; padding: 1.875rem 3.125rem 0 2.1875rem; } /* line 601, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs li.applyBTN { width: 18.7745%; } /* line 603, ../scss/_course-detail.scss */ section#pageHolder section#pageContent ul.tabs li.applyBTN i { margin-right: 6px; margin-right: 0.375rem; } } @media (max-width: 1023px) { /* line 611, ../scss/_course-detail.scss */ body.page-template-course-detail #pageHolder .container { padding: 0; } /* line 614, ../scss/_course-detail.scss */ body.page-template-course-detail section#pageHolder { padding: 0; } /* line 618, ../scss/_course-detail.scss */ .courseTitleIntro { margin-bottom: 0; } /* line 622, ../scss/_course-detail.scss */ section#pageHolder section#pageContent .courseStats div.sItem i, section#pageHolder section#pageContent .courseStats div.sItem span.bold { margin-right: 0; } /* line 625, ../scss/_course-detail.scss */ #sectionTwo .caseStudy .intro span.csName { margin-bottom: 10px; margin-bottom: 0.625rem; } /* line 628, ../scss/_course-detail.scss */ #sectionTwo .caseStudy figure img { max-width: none;width: 100%; max-height: 100%; } /* line 633, ../scss/_course-detail.scss */ section#pageHolder section#pageContent #sectionTwo .intro p { line-height: 1.4; } /* line 637, ../scss/_course-detail.scss */ #sectionTwo .nextSteps a { padding: 0 10px; padding: 0 0.625rem; } /* line 639, ../scss/_course-detail.scss */ #sectionTwo .nextSteps a i { margin-right: 8px; margin-right: 0.5rem; } /* line 643, ../scss/_course-detail.scss */ #sectionTwo .nextSteps span.sectionTitle { margin-bottom: 20px; margin-bottom: 1.25rem; } /* line 647, ../scss/_course-detail.scss */ #sectionTwo .sectionTitle { margin-left: 0; } /* line 650, ../scss/_course-detail.scss */ #sectionThree { margin-top: 40px; margin-top: 2.5rem; } /* line 653, ../scss/_course-detail.scss */ #sectionThree ul.relCourses span.courseSpecs { margin: 15px 0 20px 0; margin: 0.9375rem 0 1.25rem 0; } /* line 656, ../scss/_course-detail.scss */ #sectionThree ul.relCourses span.courseExcerpt { display: none; } /* line 659, ../scss/_course-detail.scss */ #sectionThree ul.relCourses span#mobile.courseExcerpt { display: block; line-height: 1.4; } } @media all and (min-width: 1024px) and (max-width: 1350px) { /* line 666, ../scss/_course-detail.scss */ #sectionThree ul.relCourses .courseInfo { padding: 35px 70px 40px 40px; padding: 2.1875rem 4.375rem 2.5rem 2.5rem; } /* line 669, ../scss/_course-detail.scss */ #sectionThree ul.relCourses span.courseSpecs { margin: 25px 0 30px 0; margin: 1.5625rem 0 1.875rem 0; } } .gform_body li:before{display:none !important} @media all and (max-width: 768px) { .feed{line-height:1.5rem !important;} } section#pageHolder aside#sidebar ul li.current-menu-item ul.sub-menu{display:block} section#pageHolder aside#sidebar ul li.current-menu-item ul.sub-menu ul.sub-menu{display:none} #sideMenu .current-menu-item ul.sub-menu{display:block} #sideMenu .current-menu-item ul.sub-menu ul.sub-menu{display:none} .tribe-events-list-separator-month{clear:left;} .tribe-events-list-separator-month span{font-size: 1.875rem;} .tribe-events-list-separator-month span {background:none;} .tribe-events-list-separator-month::after{display:none} .ufaq-faq-div {padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ccc} .ufaq-faq-display-style-Contemporary .ufaq-faq-title {background:none} body.page-template-course-search section#pageHolder section#pageContent{background:none;} body.page-template-course-search .courseSearchResults li {background-color:white;} section#pageHolder section#pageContent td{padding-left:0px !important} section#pageHolder .pageBar { background-color:#d3135a; display: block; line-height: 60px; line-height: 3.75rem; position: relative; padding: 0 40px; padding: 0 2.5rem; width: 100%; } .ewd-ufaq-post-margin-symbol span{font-size:18px;margin-top: 10px;} .tabContent h2{color:#d3135a;font-size:21px;} .breadcrumb a{position:relative; } .breadcrumb a:after { content: ""; height: 1px; height: 0.0625rem; width: 0; left: 50%; right: 50%; position: absolute; bottom: -5px; bottom: -0.3125rem;background-color: #d3135a;-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; } .breadcrumb a:hover:after { left: 0; right: 0; width: 100%; } .ufaq-faq-display-style-Contemporary .ufaq-faq-body {padding-left:10px} section#pageHolder section#pageContent ul.tabs li{position:relative; } section#pageHolder section#pageContent ul.tabs li:after { content: ""; height: 1px; height: 0.0625rem; width: 0; left: 50%; right: 50%; position: absolute; bottom: -5px; bottom: -0.3125rem;background-color: #d3135a;-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; } section#pageHolder section#pageContent ul.tabs li:hover:after { left: 0; right: 0; width: 100%; } .searchBox input.searchInput{font-size:15px} .qcopd-list-column li:before{display:none} .qcopd-list-column li{padding:0px !important} .simple .qcopd-single-list ul { border-top: 5px solid #d3135a !important } section#pageHolder section#pageContent .simple .qcopd-single-list ul li a:hover { background: #fafafa; color: #d3135a !important; border-bottom: 1px solid #d3135a !important; } section#pageHolder section#pageContent .simple .qcopd-single-list ul{ margin-bottom:80px} li.current-menu-ancestor > a:first-of-type{color:#d3135a !important} section#pageHolder section#pageContent div.courseSearching div.item:hover{ background-color: #d3135a; -webkit-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear; transition: background-color 400ms linear;} body.page-template-courses section#pageHolder section#pageContent div.courseSearching div.item:hover span.courseTitle{ color: #fff !important; -webkit-transition: color 200ms linear; -ms-transition: color 200ms linear; transition: color 200ms linear;} .breadcrumb *{font-size: 14px !important} a.jobs:hover { color: #3c3c3c !important; -webkit-transition: color 200ms linear; -ms-transition: color 200ms linear; transition: color 200ms linear;} #tribe-events-content .pagination{display:none;} .nice-select .list {max-height: 320px;overflow-y: scroll !important;} .gform_body li{padding-left:0px !important} .courseSearch{font-size:18px} .findCourses p{font-size:18px} .searchCareers p{font-size:18px} .contentInner table { margin-bottom:25px; } .styledTable{width:100%} .styledTable tr th{vertical-align: top; background-color: #d3135a; padding: 20px !important; border: 1px solid white;color:white;font-weight:bold;} .styledTable tr td{padding: 20px !important; border: 1px solid white; background-color: #f5f2f2; vertical-align: top;} .prospectus a.downloadProspectus.button::before{display:none} a.currentPage{font-weight:300 !Important} #sectionThree ul.relCourses .courseInfo span.courseName {line-height: 1.8rem;} .menu-item .menu-item-has-children .holder{display:none} #pageMenu ul ul .current_page_item a:first-of-type{color: #fff !important;} #pageMenu .current_page_item ul.sub-menu a{color: #fff !important;} #pageMenu ul.sub-menu .current_page_item a{color: #fff !important;font-weight:700;} #cookie-notice .cn-button {height:auto !important;background:none !important;background-color:#fff !important;color:#d3135a !important} #cookie-notice .cn-button:hover {height:auto !important;background:none !important;background-color:#d3135a !important;color:#fff !important;} .mm-listview .current_page_item a:first-of-type{color: rgba(255,255,255,0.6) !important;font-weight:700} .mm-listview a:hover{text-decoration:underline !important;font-weight:700} @media all and (max-width: 1023px) { section#pageHolder .pageBar{display:none} } .ui-datepicker-header { color: #000; } body.page-template-courses .searchBox button.searchBTN { position: absolute; right: 8px; right: 0.5rem; top: 1px; border: none; -webkit-appearance: none; background-color: transparent; padding: 0; opacity: 1; height: 44px; width: 44px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/global/search-icon.png); } .page-template-course-detail section#pageHolder section#pageContent ul.tabs li::after{display:none} body.page-template-course-detail #pageHolder .tabContent a{color:#d3135a !important;text-decoration:underline !important} body.page-template-course-detail #pageHolder .tabContent a{color:#d3135a !important;text-decoration:none !important} body{overflow-x: hidden;} a.applyBTN .showDesk{display:inline-block} a.applyBTN .showTablet{display:none} @media all and (min-width: 768px) and (max-width: 1250px) { a.applyBTN .showDesk{display:none} a.applyBTN .showTablet{display:inline-block} } @media all and (max-width: 1025px) { header#masthead nav#pageMenu ul li { float: left; margin: 0 8px; margin: 0 0.2rem; position: relative; } .ht-n-open-toggle{display:none !important} } .fb-customerchat iframe{max-width:100% !important} .mobileMenuBTN .menuName{display:none} header#masthead .socialContact a.inst {width:auto !important} @media (max-width: 1350px) { nav#mainMenu { text-align: right;padding-right:30px;} a.mobileMenuBTN #navIcon { width: 1rem; } a.mobileMenuBTN #navIcon span:nth-child(1) { top: 1px; } a.mobileMenuBTN #navIcon span:nth-child(2),a.mobileMenuBTN #navIcon span:nth-child(3) { top: 8px; top: 0.5rem; opacity: 1; } a.mobileMenuBTN #navIcon span:nth-child(4) { top: 0.95rem; } a.mobileMenuBTN #navIcon.open span:nth-child(1) { top: 18px; width: 0%; left: 50%; } a.mobileMenuBTN #navIcon.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } a.mobileMenuBTN #navIcon.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } a.mobileMenuBTN #navIcon.open span:nth-child(4) { top: 18px; width: 0%; left: 50%; } a.mobileMenuBTN #navIcon span { height: 0.15rem; } } @media (max-width: 767px) { .switcher { width: 143px !important; right: 120px !important; } header#masthead .socialContact a { padding: 0 1px; padding: 0 0.0375rem; } } @media (max-width: 340px) { .switcher { width: 83px !important; }} @media (min-width: 768px) and (max-width: 1023px) { header#masthead .socialContact { right: 170px; }} @media (max-width: 1350px) { a.mobileMenuBTN #navIcon { width: 20px; }} .wp-block-table.is-style-stripes table{margin-bottom:20px !important;} .wp-block-table.is-style-stripes table td{padding:5px !important} @media all and (min-width:1024px) { header#masthead .logoHolder { margin-top: 4.625rem; } header#masthead .logoHolder { margin-top: 50px; } } a:focus-visible{outline:1px solid black} .subSectionNav ul li a:focus-visible, .sub-menu li a:focus-visible, .advertInfo a.findOutMore:focus-visible, #collegeInfo a:focus-visible, .rotatingText a.applyNow:focus-visible { outline: 1px solid white !important; } #brooksRestaurant.footerVideo .advertInfo a.findOutMore:focus-visible { outline: 1px solid black !important; } @media all and (max-width:1023px) { body.single .courseListingSector ul.courseSearchResults li .courseIntro span.courseSpecs {font-size: 14px; font-size: 0.875rem;} body.single .courseListingSector ul.courseSearchResults li .courseIntro a.findOutMore { font-size: 12px; font-size: 0.75rem; } } @media all and (max-width:767px) { section#pageHolder section#pageContent ul.courseSearchResults li .courseIntro a.findOutMore, body.page-template-course-search section#pageHolder section#pageContent ul li .courseIntro a.findOutMore {float:left;} body.single section#pageHolder.courseListingSector section#pageContent ul.courseSearchResults li .courseIntro span.courseSpecs { margin-top: 0px; } body.single #pageHolder.courseListingSector .inner {padding: 3.4375rem 15px 0 15px;} } header#masthead nav#pageMenu ul li ul li a{ line-height: 1.3; } section#pageHolder aside#sidebar ul.newsList li a.button:hover { border: 1px solid background-color: #d3135a; background-color:white; color: #d3135a; }