/* CSS Document */ /*========================================================================== CSS RESET ==========================================================================*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } *::-moz-focus-inner { border: 0; } * { -webkit-text-size-adjust: none; } /*========================================================================== FONT DECLARATIONS ==========================================================================*/ @import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=249658c4-058c-4b9e-80f4-fc17a8ff0228"); @font-face{ font-family: "Open Sans Regular"; src: url('../Fonts/OpenSans-Regular-webfont.eot?#iefix'); src: url('../Fonts/OpenSans-Regular-webfont.eot?#iefix') format("embedded-opentype"), url('../Fonts/OpenSans-Regular-webfont.woff') format("woff"), url('../Fonts/OpenSans-Regular-webfont.ttf') format("truetype"), url('../Fonts/OpenSans-Regular-webfont.svg#webfont') format("svg"); } @font-face{ font-family: "Open Sans Light"; src: url('../Fonts/OpenSans-Light-webfont.eot?#iefix'); src: url('../Fonts/OpenSans-Light-webfont.eot?#iefix') format("embedded-opentype"), url('../Fonts/OpenSans-Light-webfont.woff') format("woff"), url('../Fonts/OpenSans-Light-webfont.ttf') format("truetype"), url('../Fonts/OpenSans-Light-webfont.svg#webfont') format("svg"); } @font-face{ font-family: "Open Sans Semibold"; src: url('../Fonts/OpenSans-Semibold-webfont.eot?#iefix'); src: url('../Fonts/OpenSans-Semibold-webfont.eot?#iefix') format("embedded-opentype"), url('../Fonts/OpenSans-Semibold-webfont.woff') format("woff"), url('../Fonts/OpenSans-Semibold-webfont.ttf') format("truetype"), url('../Fonts/OpenSans-Semibold-webfont.svg#webfont') format("svg"); } @font-face{ font-family: "Open Sans Bold"; src: url('../Fonts/OpenSans-Bold-webfont.eot?#iefix'); src: url('../Fonts/OpenSans-Bold-webfont.eot?#iefix') format("embedded-opentype"), url('../Fonts/OpenSans-Bold-webfont.woff') format("woff"), url('../Fonts/OpenSans-Bold-webfont.ttf') format("truetype"), url('../Fonts/OpenSans-Bold-webfont.svg#webfont') format("svg"); } @font-face{ font-family: "Jenna Sue"; src: url('../Fonts/jennasue_0-webfont.eot?#iefix'); src: url('../Fonts/jennasue_0-webfont.eot?#iefix') format("embedded-opentype"), url('../Fonts/jennasue_0-webfont.woff') format("woff"), url('../Fonts/jennasue_0-webfont.ttf') format("truetype"), url('../Fonts/jennasue_0-webfont.svg#webfont') format("svg"); } @font-face{ font-family:"Museo Slab W01 500"; src:url("../Fonts/2656a5f2-9367-4d1d-af19-8cd9f9028d08.eot?#iefix"); src:url("../Fonts/2656a5f2-9367-4d1d-af19-8cd9f9028d08.eot?#iefix") format("embedded-opentype"), url("../Fonts/3cf54835-9705-474e-9afa-46f2d59589e7.woff") format("woff"), url("../Fonts/1bc72f40-8f25-47dd-874e-a829e7e992f6.ttf") format("truetype"), url("../Fonts/5329032e-48ad-4e1a-9b4c-6b847641304c.svg#5329032e-48ad-4e1a-9b4c-6b847641304c") format("svg"); } @font-face{ font-family:"Museo Slab W01 700"; src:url("../Fonts/59736019-b384-44ba-b36e-3b03dcdc8e6c.eot?#iefix"); src:url("../Fonts/59736019-b384-44ba-b36e-3b03dcdc8e6c.eot?#iefix") format("embedded-opentype"), url("../Fonts/2ac411c9-defd-4f5a-90b0-7179cafd27f4.woff") format("woff"), url("../Fonts/0c52b397-59d0-4df4-aa7c-06ac915a9f66.ttf") format("truetype"), url("../Fonts/dcaa3c19-252a-407d-945c-4b770dd32417.svg#dcaa3c19-252a-407d-945c-4b770dd32417") format("svg"); } @font-face{ font-family:"Museo Slab W01 900"; src:url("../Fonts/4824d682-e9e8-48d6-ac97-cd910b99f8db.eot?#iefix"); src:url("../Fonts/4824d682-e9e8-48d6-ac97-cd910b99f8db.eot?#iefix") format("embedded-opentype"), url("../Fonts/74b16f9a-f072-46c7-bbac-2e0aedcebe5c.woff") format("woff"), url("../Fonts/475a50bf-f749-4afc-a286-574701965b4e.ttf") format("truetype"), url("../Fonts/c0debb99-9a17-4a76-a658-7a62420cb353.svg#c0debb99-9a17-4a76-a658-7a62420cb353") format("svg"); } @font-face{ font-family:"ITC Novarese W01 Book"; src:url("../Fonts/e5315aa7-748b-4c8f-ad4a-143dc8272c40.eot?#iefix"); src:url("../Fonts/e5315aa7-748b-4c8f-ad4a-143dc8272c40.eot?#iefix") format("embedded-opentype"), url("../Fonts/5612d3bd-bfd3-4944-816d-570d08dc14e3.woff") format("woff"), url("../Fonts/eaa1d035-ebc5-4a4d-8630-f4b425a36e6a.ttf") format("truetype"), url("../Fonts/5288eff7-b6e9-47c3-b157-0917c72300f6.svg#5288eff7-b6e9-47c3-b157-0917c72300f6") format("svg"); } @font-face { font-family:"Weather"; src: url('../Fonts/artill_clean_icons-webfont.eot'); src: url('../Fonts/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/artill_clean_icons-webfont.woff') format('woff'), url('../Fonts/artill_clean_icons-webfont.ttf') format('truetype'), url('../Fonts/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg'); } @font-face { font-family: 'academic_m54regular'; src: url('../Fonts/academic_m54-webfont.eot'); src: url('../Fonts/academic_m54-webfont.eot?#iefix') format('embedded-opentype'), url('../Fonts/academic_m54-webfont.woff2') format('woff2'), url('../Fonts/academic_m54-webfont.woff') format('woff'), url('../Fonts/academic_m54-webfont.ttf') format('truetype'), url('../Fonts/academic_m54-webfont.svg#academic_m54regular') format('svg'); } /*======================================================================== BASE STYLES ========================================================================*/ .mainPanel { font-size: 14px; line-height: 1.95em; color: #474747; font-family: "Open Sans Regular", Arial, Helvetica, sans-serif; max-width: 2200px; margin: 0 auto; } .mainPanel, .mainPanel *, .mainPanel *:before, .mainPanel *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .accessibility { display: none !important; } .editmode #video { display: none; } /* FLUENCY WORKAROUNDS --------------------------------------------------------------------------*/ body > img, div#_atssh, .rmSlide iframe { display: none; } #fluencyAdminHeader { position: relative; z-index: 9999; } .ui-widget-content .inline-editor { /*Blog Summary Editor*/ font-size: 14px; line-height: 1.95em; font-family: "Open Sans Regular", Arial, Helvetica, sans-serif; } /* BLOG UPDATES */ body .ui-dialog .ui-dialog-content .sws-inline-content.cke_focus { margin-bottom: 63px; } body .ui-dialog-content .inline-editor .summary.sws-inline-content { max-height: 400px; overflow: auto; } body .add-new-post, body .return-to-blog { margin-bottom: 32px; margin-top: 32px; } /* CLEARFIX --------------------------------------------------------------------------*/ .clear:before, .clear:after { content: ""; display: table; } .clear:after { clear: both; } /*======================================================================== CONTAINER ========================================================================*/ body, .mainPanel { min-width: 320px; } body .mainPanel { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); } body.load .mainPanel { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); } .container { max-width: 1254px; min-width: 320px; margin: 0 auto; padding: 0 3em; } @media all and (max-width: 767px) { .container { padding: 0 2.3em; } } @media all and (max-width: 469px) { .container { padding: 0 1.7em; } } /*======================================================================== LINK COLOURS ========================================================================*/ .mainPanel a { text-decoration: none; outline: none; } /*======================================================================== TRANSITIONS ========================================================================*/ .mainPanel, .mainPanel a, .mainPanel a *, .mainPanel a *:before, .mainPanel a *:after, #mobile-menu-trigger:before, #programmes ul.sws-post-list li, #programmes ul.sws-post-list li *, #programmes ul.sws-post-list li *:before, #programmes ul.sws-post-list li *:after, #highlight-tabs .tab-selection ul li, #highlight-tabs .tab-selection ul li *, #highlight-tabs .tab-selection ul li *:before, #highlight-tabs .tab-selection ul li *:after, button.mfp-close, .section-menu nav ul > li, header #mobile-menu-trigger, #close-profile-panel, #banner-gallery-admin, .jspDrag, .sws-inline-content table.sws-accordion-tabs th, .tabbed-content-bar ul li { -webkit-transition: background 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out; -moz-transition: background 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out; -ms-transition: background 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out; -o-transition: background 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out; transition: background 0.3s ease-out, color 0.3s ease-out, opacity 0.3s ease-out; } nav#root-menu ul li a, nav#root-menu ul li a *, nav#root-menu ul li a *:before, nav#root-menu ul li a *:after { -webkit-transition: height 0.3s ease-in-out, background-color 0.3s ease-out, opacity 0.3s ease-out; -moz-transition: height 0.3s ease-in-out, background-color 0.3s ease-out, opacity 0.3s ease-out; -ms-transition: height 0.3s ease-in-out, background-color 0.3s ease-out, opacity 0.3s ease-out; -o-transition: height 0.3s ease-in-out, background-color 0.3s ease-out, opacity 0.3s ease-out; transition: height 0.3s ease-in-out, background-color 0.3s ease-out, opacity 0.3s ease-out; } body.load #apply-now { -webkit-transition: opacity 0.4s ease-in-out, width 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out, width 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out, width 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out, width 0.4s ease-in-out; transition: opacity 0.4s ease-in-out, width 0.4s ease-in-out; } #school-entry-points div.school-summary:before, .featured-link-mask, div.staff-profile-img:before { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } /*============================================================================================== ALL TEMPLATES ******************************************************************************** ==============================================================================================*/ /*======================================================================== ROOT MENU ========================================================================*/ nav#root-menu { padding-bottom: 25px; font-size: 14px; } nav#root-menu ul, nav#root-menu ul li { float: left; width: 100%; font-family: "Open Sans Semibold"; text-transform: uppercase; display: block; letter-spacing: 1px; } nav#root-menu ul li:first-child { width: 5%; } nav#root-menu ul li { width: 19%; font-size: 0.68em; line-height: 25px; } nav#root-menu ul li a { display: block; text-align: center; color: #fff; } nav#root-menu ul li a span { display: inline-block; } nav#root-menu ul li.rmFirst a { background-color: #2c4857; text-indent: -9999em; } nav#root-menu ul li.rmFirst a span { background: url("../images/shared/shared-sprite.png") no-repeat scroll -178px -576px transparent; display: block; margin: 0 auto; width: 12px; } nav#root-menu ul li.rmFirst a:hover { background-color: #1c2d39; } nav#root-menu ul li + li a { background-color: #a1c37e; } nav#root-menu ul li + li a:hover { background-color: #81ae52; } nav#root-menu ul li + li + li a { background-color: #f7d470; } nav#root-menu ul li + li + li a:hover { background-color: #f4c53f; } nav#root-menu ul li + li + li + li a { background-color: #93bad9; } nav#root-menu ul li + li + li + li a:hover { background-color: #6ea2cc; } nav#root-menu ul li + li + li + li + li a { background-color: #db5e4e; } nav#root-menu ul li + li + li + li + li a:hover { background-color: #cf2711; } nav#root-menu ul li + li + li + li + li + li a { background-color: #2c4857; } nav#root-menu ul li + li + li + li + li + li a:hover { background-color: #1c2d39; } /* MEGA MENU --------------------------------------------------------------------------*/ @media all and (max-width: 1250px) { nav#root-menu ul li a { display: none; } nav#root-menu ul li { background-color: #2c4857; height: 7px; width: 20%; } nav#root-menu ul li.rmFirst { display: none; } nav#root-menu ul li + li { background-color: #a1c37e; } nav#root-menu ul li + li + li { background-color: #f7d470; } nav#root-menu ul li + li + li + li { background-color: #93bad9; } nav#root-menu ul li + li + li + li + li { background-color: #db5e4e; } nav#root-menu ul li + li + li + li + li + li { background-color: #2c4857; } } /*======================================================================== HEADER ========================================================================*/ header { position: relative; min-width: 320px; } header .container { height: 120px; max-width: none !important; padding: 15px 4.2em 40px; } header .container h2 { float: left; padding: 7px 0 0; } header .container h2 a { text-indent: -9999em; display: block; } header .container h2 a span { display: none; } header .container h2 a img { display: block; height: auto; width: 100%; } #website-utilities { float: right; } #website-utilities ul, #website-utilities ul li, #website-utilities p#apply-now, #website-utilities #search-container { float: left; } #website-utilities ul { padding-top: 7px; } #website-utilities a, #website-utilities a strong, #website-utilities a > span { display: block; } #website-utilities ul li a { position: relative; display: block; padding-left: 59px; } #website-utilities ul li + li { padding-left: 54px; } #website-utilities ul li a strong:before { background: #fff url(../images/shared/shared-sprite.png) no-repeat 14px 13px; content: ""; display: block; height: 47px; left: 0; padding-left: 20px; position: absolute; top: 2px; width: 47px; border-radius: 25px; border: 1px solid #d5d5d5; } #website-utilities ul li a:hover strong:before { background-color: #d5d5d5; background-position: 14px -64px; } #website-utilities ul li.acs-alumni a strong:before { background-position: -68px 13px; } #website-utilities ul li.acs-alumni a:hover strong:before { background-position: -68px -64px; } #website-utilities ul li.acs-intranet a strong:before { background-position: -150px 13px; } #website-utilities ul li.acs-intranet a:hover strong:before { background-position: -150px -64px; } #website-utilities ul li a strong { color: #2c4857; font-family: "Open Sans Light"; font-size: 1.2em; } #website-utilities ul li a > span { text-transform: uppercase; line-height: 2em; font-size: 0.82em; } #website-utilities ul li a span.mob-hidden { color: inherit !important; } p#apply-now { background-color: #f3f3f3; margin-left: 54px; } p#apply-now a { padding: 10px 18px 15px 72px; display: block; position: relative; } p#apply-now a strong { font-family: "Museo Slab W01 500","Palatino Linotype", "Book Antiqua", Palatino, serif; text-transform: uppercase; color: #2c4857; font-weight: normal; } p#apply-now a strong span { display: none; } p#apply-now a strong:before { background: url("../images/shared/shared-sprite.png") no-repeat scroll -351px -315px #fff; border-radius: 23px; content: ""; display: block; height: 41px; left: 16px; padding-left: 20px; position: absolute; top: 12px; width: 41px; } p#apply-now a > span { color: #b9b9b9; font-size: 0.82em; line-height: 1.1em; text-transform: uppercase; } p#apply-now a:hover strong:before { background-position: -351px -395px; background-color: #2c4857; } #search-container { height: 65px; margin-left: 30px; position: relative; width: 60px; } #search_area { background: url("../images/shared/shared-sprite.png") no-repeat scroll -223px 22px #fff; border: 1px solid #dbdbdb; background height: 65px; position: absolute; right: 0; top: 0; overflow: hidden; width: 60px; height: 65px; z-index: 3; } #search_area input.searchInput { background-color: #fff; border: medium none; color: #2c4857; float: left; font-family: "Open Sans Light"; font-size: 1.15em; height: 65px; letter-spacing: 0; padding: 19px 20px 21px; width: 100%; display: none; } #search_area input.searchInput + input { background: #fff url(../images/shared/shared-sprite.png) no-repeat -223px 22px; text-indent: -9999em; height: 65px !important; width: 58px !important; display: block; position: absolute; top: 0; right: 0; display: none; } #website-utilities.search-active #search_area { background-image: none; } #website-utilities.search-active-input #search_area input.searchInput, #website-utilities.search-active-input #search_area input.searchInput + input { display: block; } #website-utilities.search-active #apply-now { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); } @media all and (max-width: 1543px) { p#apply-now { margin-left: 30px; } #website-utilities ul li + li { padding-left: 30px; } } @media all and (max-width: 1470px) { header .container { padding: 15px 3em 40px; } #website-utilities ul { padding-top: 19px; } #website-utilities ul li a { padding-left: 32px; } #website-utilities ul li.acs-alumni a { padding-left: 30px; } #website-utilities ul li.acs-intranet a { padding-left: 31px; } #website-utilities ul li a strong { font-size: 1.05em; } #website-utilities ul li a:hover strong { color: #59911e; } #website-utilities ul li a strong:before, #website-utilities ul li a:hover strong:before { background: transparent url("../images/shared/shared-sprite.png") no-repeat scroll 1px 3px; border: none; border-radius: 0; content: ""; display: block; height: 27px; left: 0; padding-left: 0; position: absolute; top: 0; width: 30px; z-index: 3; } #website-utilities ul li.acs-alumni a strong:before, #website-utilities ul li.acs-alumni a:hover strong:before { background-position: -82px 3px; background-color: transparent; } #website-utilities ul li.acs-intranet a strong:before, #website-utilities ul li.acs-intranet a:hover strong:before { background-position: -161px 3px; background-color: transparent; } #website-utilities ul li a > span { display: none; } } @media all and (max-width: 1350px) { header .container { padding-bottom: 30px; } header .container { height: 110px; } #website-utilities ul { padding-top: 32px; } #website-utilities ul li a, #website-utilities ul li.acs-alumni a, #website-utilities ul li.acs-intranet a { padding-left: 0; } #website-utilities ul li a strong:before, #website-utilities ul li a:hover strong:before { margin-left: -10px; left: 50%; top: -25px; } } @media all and (max-width: 972px) { header .container h2 { padding: 11px 0 0; } header .container h2 a { display: block; max-width: 100%; text-indent: -9999em; width: 360px; } } @media all and (max-width: 900px) { #website-utilities ul { padding-top: 0; } #website-utilities ul li { float: none; } #website-utilities ul li + li { padding-left: 0; padding-top: 7px; } #website-utilities ul li.working-at-acs a, #website-utilities ul li.acs-alumni a, #website-utilities ul li.acs-intranet a { padding-left: 34px; } #website-utilities ul li strong:before, #website-utilities ul li a:hover strong:before { left: 0; margin-left: 0; top: 0; } #website-utilities ul li.working-at-acs a strong:before, #website-utilities ul li.working-at-acs a:hover strong:before { margin-left: 0; left: 0; top: 0; } #website-utilities ul li.acs-alumni a strong:before, #website-utilities ul li.acs-alumni a:hover strong:before { background-position: -81px 3px; left: 0; margin-left: 0; top: 0; } #website-utilities ul li.acs-intranet a strong:before, #website-utilities ul li.acs-intranet a:hover strong:before { background-position: -161px 3px; margin-left: 0; left: 0; top: 0; } header .container { padding: 0 3em 25px; } header .container h2 { padding: 27px 0 0; } } @media all and (max-width: 767px) { header .container { padding: 0 2.3em 25px; } } @media all and (max-width: 620px) { #website-utilities ul { background-color: #f3f3f3; left: 0; position: absolute; top: 7px; width: 100%; } #website-utilities ul li { float: left; width: 33.333%; border-left: 1px solid #fff; border-right: 1px solid #fff; } body nav#root-menu { padding-bottom: 52px; } #website-utilities ul li + li { padding-top: 0; } #website-utilities ul li + li + li { border-right: none; } #website-utilities ul li:first-child { border-left: none; } #website-utilities ul li.working-at-acs a, #website-utilities ul li.acs-alumni a, #website-utilities ul li.acs-intranet a, #website-utilities ul li + li a { padding: 7px 0; text-align: center; } #website-utilities ul li a span.mob-hidden, #website-utilities ul li a strong:before, #website-utilities ul li a:hover strong:before { display: none; } header .container h2 { float: none; } header .container h2 a { margin: 0 auto; } } @media all and (max-width: 469px) { header .container { height: auto; padding-bottom: 33px; } } /*============================================================================= SCHOOL MENU =============================================================================*/ header nav#school-menu { padding: 0 4.2em; } #entry-template header nav#school-menu { min-height: 0; } header #mobile-menu-trigger { display: none; } header nav#school-menu div { float: left; height: auto !important; width: 100% !important; } header #mobile-menu-trigger, header nav#school-menu ul, header nav#school-menu ul li { float: left; text-transform: uppercase; font-family:"Museo Slab W01 500"; font-size: 1em; color: #fff; } header nav#school-menu ul li a { color: #fff; height: 64px; line-height: 64px; padding: 0 20px; display: block; width: auto !important; } header nav#school-menu ul li.selectedPagePath a:before { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #f00; } header nav#school-menu ul li a { position: relative; } header nav#school-menu ul li.selectedPage a span:before, header nav#school-menu ul li.selectedPagePath a span:before { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #fff; position: absolute; top: 0; left: 50%; margin-left: -4px; } @media all and (max-width: 1470px) { header nav#school-menu { padding: 0 3em; } } @media all and (max-width: 1360px) { header nav#school-menu ul li a { padding: 0 14px; } header nav#school-menu ul, header nav#school-menu ul li { font-size: 0.99em; } } @media all and (max-width: 1250px) { nav#root-menu { padding-bottom: 15px; } header nav#school-menu { padding: 0; } #school-menu .globalmenu { display: none; } header #mobile-menu-trigger { background: url("../images/shared/shared-sprite.png") no-repeat scroll 18px -566px transparent; height: 45px; line-height: 45px; cursor: pointer; display: block; padding: 0 20px 0 48px; } p#apply-now { bottom: 0; margin: 0; position: absolute; right: 47px; width: auto; } p#apply-now a { height: 45px; line-height: 46px; padding: 0 22px 0 48px; width: auto; } p#apply-now a strong:before, p#apply-now a:hover strong:before { background: transparent url(../images/shared/shared-sprite.png) no-repeat -364px -406px; border-radius: 0; display: block; height: 20px; left: 20px; padding-left: 0; position: absolute; top: 12px; width: 18px; } p#apply-now a strong { color: #fff; } p#apply-now a span { display: none; } #website-utilities.search-active #apply-now { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); } #search-container { bottom: 0; height: 45px; width: 45px; right: 0; position: absolute; right: 0; } #search_area { border: none; height: 45px; overflow: hidden; position: absolute; right: 0; top: 0; width: 45px; z-index: 3; background: url("../images/shared/shared-sprite.png") no-repeat scroll -293px -67px transparent; } #search_area input.searchInput { height: 45px; padding: 0 20px; font-size: 1em; letter-spacing: 0; color: #fff; float: left; display: none; } #search_area input.searchInput + input { background-position: -293px -67px; width: 45px !important; height: 45px !important; display: none; } #website-utilities.search-active #search-container, #website-utilities.search-active #search_area { width: 296px; } #website-utilities.search-active-input input.searchInput, #website-utilities.search-active-input input.searchInput + input { display: block; } #website-utilities.search-active #apply-now { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); } } @media all and (max-width: 469px) { header #mobile-menu-trigger { width: 49px; padding: 0; text-indent: -9999em; background-position: 16px -566px; } #website-utilities.search-active #search-container, #website-utilities.search-active #search_area { width: 100%; } } /*======================================================================== FIXED HEADER ========================================================================*/ /* DEFAULT HEADER */ body.header-static header { display: block !important; -moz-opacity: 1 !important; -khtml-opacity: 1 !important; opacity: 1 !important; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100) !important; } body.header-fixed .mainPanel { padding-top: 216px; } body#entry-template.header-fixed .mainPanel { padding-top: 152px; } @media all and (max-width: 1350px) { body#entry-template.header-fixed .mainPanel, body.header-fixed .mainPanel { padding-top: 197px; } } body.header-fixed header { position: fixed; top: 0; left: 0; width: 100%; z-index: 4422; display: none; background-color: #fff; border-bottom: 1px solid #d5d5d5; display: none; } body.header-fixed header .container { height: auto; max-width: none; padding: 0 4.2em 7px; position: relative; } body#entry-template.header-fixed header .container { padding-bottom: 14px; } /* ROOT MENU */ body.header-fixed header nav#root-menu { padding-bottom: 12px; } /* LOGO */ body.header-fixed header .container h2 { float: left; padding: 0; position: absolute; top: 0; left: 4.3em } body#entry-template.header-fixed header .container h2 { position: static; } body.header-fixed header .container h2 a { background: url(../images/shared/shared-sprite.png) no-repeat -223px -1006px; height: 40px; width: 37px; } body.header-fixed header .container h2 a img { display: none; } /* SEARCH */ body.header-fixed header #search-container { height: 43px; margin-left: 14px; position: absolute; right: 4.2em; top: 0; width: 45px; } body.header-fixed header #search_area { height: 41px; width: 45px; border: 1px solid #dbdbdb; background-position: -293px 9px; background-color: #fff; } body.header-fixed header #search_area input.searchInput { height: 40px; font-size: 1em; letter-spacing: 0; padding: 0 20px; background-color: #fff; color: #2c4857; } body.header-fixed header #search_area input.searchInput + input { background-position: -293px 9px; background-color: #fff; display: block; height: 40px !important; position: absolute; right: 0; text-indent: -9999em; top: 0; width: 44px !important; } body.header-fixed header #website-utilities.search-active #search_area input.searchInput, body.header-fixed header #website-utilities.search-active #search_area input.searchInput + input { background-color: #fff; } /* WEBSITE UTILITIES */ body.header-fixed header #website-utilities ul { display: none; } body#entry-template.header-fixed header #website-utilities { float: left; padding-left: 24px; padding-top: 7px; } body#entry-template.header-fixed header #website-utilities { float: left; padding-left: 24px; padding-top: 7px; display: block; } body#entry-template.header-fixed header #website-utilities ul { padding-top: 2px; display: block; } body#entry-template.header-fixed header #website-utilities ul li + li { padding-left: 30px; } body#entry-template.header-fixed header #website-utilities ul li a { padding-left: 32px; } body#entry-template.header-fixed header #website-utilities ul li.acs-intranet a { padding-left: 33px; } body#entry-template.header-fixed header #website-utilities ul li.acs-alumni a { padding-left: 30px; } body#entry-template.header-fixed #website-utilities ul li a strong { font-size: 1.05em; } body#entry-template.header-fixed header #website-utilities ul li a span { display: none; } body#entry-template.header-fixed header #website-utilities ul li a strong:before, body#entry-template.header-fixed header #website-utilities ul li a:hover strong:before { background: url("../images/shared/shared-sprite.png") no-repeat scroll 1px 3px transparent; border: none; border-radius: 0; content: ""; display: block; height: 27px; left: 0; padding-left: 0; position: absolute; top: 0; width: 30px; z-index: 3; } body#entry-template.header-fixed header #website-utilities ul li.acs-alumni a strong:before, body#entry-template.header-fixed header #website-utilities ul li.acs-alumni a:hover strong:before { background-position: -82px 3px; } body#entry-template.header-fixed header #website-utilities ul li.acs-intranet a strong:before, body#entry-template.header-fixed header #website-utilities ul li.acs-intranet a:hover strong:before { background-position: -161px 3px; } /* APPLY NOW */ body.header-fixed header p#apply-now { background-color: #fff; position: absolute; height: 41px; right: 116px; top: 0; } body.header-fixed header p#apply-now a { border: 1px solid #dbdbdb; height: 41px; line-height: 40px; padding: 0 22px 0 45px; width: auto; color: #2c4857; background-color: #fff; } body.header-fixed header p#apply-now a strong { color: #2c4857; } body.header-fixed header p#apply-now a:hover { background-color: #2c4857; border-color: #2c4857 } body.header-fixed header p#apply-now a:hover strong { color: #fff; } body.header-fixed header p#apply-now a strong:before { width: 20px; height: 39px; top: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-color: transparent; background-position: -364px -316px; background-color: transparent; } body.header-fixed header p#apply-now a:hover strong:before { background-position: -364px -396px; background-color: transparent; } body.header-fixed header p#apply-now a > span { display: none; } /* SCHOOL MENU */ body#entry-template.header-fixed .mainPanel header nav#school-menu { display: none; } body.header-fixed .mainPanel header nav#school-menu { background-color: transparent; padding-bottom: 18px; } body.header-fixed .mainPanel header nav#school-menu ul li { text-transform: none; font-size: 1.05em; color: #2c4857; font-family: "Open Sans Light"; } body.header-fixed .mainPanel header nav#school-menu ul li a { color: #2b4552; display: block; height: auto; line-height: inherit; padding: 0 14px; } body.header-fixed .mainPanel header nav#school-menu ul li.selectedPage a, body.header-fixed .mainPanel header nav#school-menu ul li.selectedPageParent a, body.header-fixed .mainPanel header nav#school-menu ul li.selectedPagePath a { font-weight: bold; } body.header-fixed .mainPanel header nav#school-menu ul li a { font-size: 1.05em; text-transform: none; } body.header-fixed .mainPanel header nav#school-menu ul li a:hover, body.header-fixed .mainPanel header nav#school-menu ul li.selectedPage a, body.header-fixed .mainPanel header nav#school-menu ul li.selectedPagePath a { background-color: transparent; } body.header-fixed .mainPanel header nav#school-menu div.globalmenu { padding: 0 250px 0 48px; width: 100%; } @media all and (max-width: 1470px) { body.header-fixed header .container { padding-left: 3em; padding-right: 3em; } body.header-fixed header .container h2 { left: 3em; } body.header-fixed header #search-container { right: 3em; } body.header-fixed header p#apply-now { right: 100px; } } @media all and (max-width: 1380px) { body.header-fixed .mainPanel header nav#school-menu div.globalmenu { display: none; } body.header-fixed .mainPanel header #mobile-menu-trigger { background: none repeat scroll 0 0 transparent; border: 1px solid #dbdbdb; color: #2c4857; display: block; font-family: "Museo Slab W01 500","Palatino Linotype","Book Antiqua",Palatino,serif; font-size: 1em; height: 41px; line-height: 40px; margin-left: 54px; padding: 0 22px 0 41px; text-transform: uppercase; position: relative; cursor: pointer; } body.header-fixed .mainPanel header #mobile-menu-trigger:hover { background-color: #2c4857; border-color: #2c4857; color: #fff; } body.header-fixed .mainPanel header #mobile-menu-trigger:before { background: url("../images/shared/shared-sprite.png") no-repeat scroll 0 -492px transparent; content: ""; display: block; height: 39px; left: 13px; position: absolute; top: 0; width: 19px; } body.header-fixed .mainPanel header #mobile-menu-trigger:hover:before { background-position: 0 -568px; } body.header-fixed header .container { padding-bottom: 0; } body.header-fixed .mainPanel header nav#school-menu { padding-bottom: 12px; } body#entry-template.header-fixed .mainPanel header #mobile-menu-trigger { display: none; } } @media all and (max-width: 1350px) { body#entry-template.header-fixed header nav#school-menu { display: none; } body.header-fixed .mainPanel header #mobile-menu-trigger { margin-left: 96px; } } @media all and (max-width: 900px) { body.header-fixed header #website-utilities ul li { float: left; } body.header-fixed header #website-utilities ul li + li { padding-top: 0; } } @media all and (max-width: 800px) { body#entry-template.header-fixed header #website-utilities ul { display: none; } } @media all and (max-width: 767px) { body.header-fixed header .container { padding-left: 2.3em; padding-right: 2.3em; } body.header-fixed .mainPanel header #mobile-menu-trigger { margin-left: 86px; } body.header-fixed header .container h2 { left: 2.3em; } body.header-fixed header #search-container { right: 2.3em; } body.header-fixed header p#apply-now { right: 90px; } } @media all and (max-width: 469px) { body.header-fixed header .container { padding-left: 1.7em; padding-right: 1.7em } body.header-fixed header .container h2 { left: 1.7em; } body.header-fixed header #search-container { right: 1.7em; } body.header-fixed .mainPanel header #mobile-menu-trigger { margin-left: 76px; padding: 0; width: 44px; } body.header-fixed header p#apply-now { right: 82px; } #website-utilities.search-active #search-container { width: 87%; } } @media all and (max-width: 374px) { body.header-fixed header p#apply-now a { padding: 0; width: 45px; } body.header-fixed header p#apply-now a strong { text-indent: -9999em; } body.header-fixed header p#apply-now a strong:before, body.header-fixed header p#apply-now a:hover strong:before { left: 14px; } body#entry-template.header-fixed header p#apply-now { display: block; } body#entry-template.header-fixed header p#apply-now a { width: auto; padding: 0 22px 0 45px; } body#entry-template.header-fixed header p#apply-now a strong { text-indent: 0; } body#entry-template.header-fixed header p#apply-now a strong:before, body#entry-template.header-fixed headerp#apply-now a:hover strong:before { left: 20px; } } /*======================================================================== FOOTER - CONNECTIVITY ========================================================================*/ #social-hub { float: left; padding: 40px 0; } #social-hub h2, #social-hub ul, #social-hub ul li { float: left; } #social-hub h2 { background: url("../images/shared/arrows.png") no-repeat scroll right -183px transparent; color: #fff; font-family: "Museo Slab W01 500"; font-size: 1.55em; font-weight: normal; height: 48px; line-height: 48px; padding-right: 32px; } #social-hub ul li { padding-left: 15px; } #social-hub ul li a { display: block; width: 48px; height: 48px; background-color: #fff; text-indent: -9999em; border-radius: 24px; } #social-hub ul li a { background-image: url(../images/shared/shared-sprite.png); background-repeat: no-repeat; } #social-hub ul li a:hover, #social-hub ul li a:active { background-color: #37505c; } #social-hub ul li#social-facebook a { background-position: 19px -143px; } #social-hub ul li#social-facebook a:hover { background-position: 19px -222px; } #social-hub ul li#social-twitter a { background-position: -44px -143px; } #social-hub ul li#social-twitter a:hover { background-position: -44px -222px; } #social-hub ul li#social-youtube a { background-position: -107px -143px; } #social-hub ul li#social-youtube a:hover { background-position: -107px -222px; } #social-hub ul li#social-wordpress a { background-position: -170px -143px; } #social-hub ul li#social-wordpress a:hover { background-position: -170px -222px; } #social-hub ul li#social-linkedin a { background-position: -233px -143px; } #social-hub ul li#social-linkedin a:hover { background-position: -233px -222px; } #share { float: right; font-family: "Museo Slab W01 500"; padding: 42px 0 40px; } #share a { background: transparent url(../images/shared/shared-icons.png) no-repeat 20px -387px; color: #fff; display: block; padding: 9px 20px 9px 48px; } #share a:hover, #share a:active { background-color: transparent; } @media all and (min-width: 1850px) { #connectivity { background-size: cover; } } @media all and (max-width: 900px) { #share a span { display: none; } } @media all and (max-width: 767px) { #social-hub h2 { display: none; } #social-hub ul li:first-child { padding-left: 0; } } @media all and (max-width: 620px) { #share a { font-size: 0; padding-right: 6px; } } @media all and (max-width: 469px) { #social-hub { float: none; text-align: center; padding-bottom: 20px; } #social-hub ul { float: none; display: inline-block; } #share { float: none; padding-top: 0; } #share a { font-size: 1em; } #share a span { display: inline; } } @media all and (max-width: 358px) { #social-hub ul li a { width: 46px; height: 46px; } #social-hub ul li#social-facebook a { background-position: 18px -143px; } #social-hub ul li#social-facebook a:hover { background-position: 18px -223px; } #social-hub ul li#social-twitter a { background-position: -45px -143px; } #social-hub ul li#social-twitter a:hover { background-position: -45px -223px; } #social-hub ul li#social-youtube a { background-position: -108px -143px; } #social-hub ul li#social-youtube a:hover { background-position: -108px -223px; } #social-hub ul li#social-wordpress a { background-position: -171px -143px; } #social-hub ul li#social-wordpress a:hover { background-position: -171px -223px; } #social-hub ul li#social-linkedin a { background-position: -234px -143px; } #social-hub ul li#social-linkedin a:hover { background-position: -234px -223px; } #social-hub ul li { padding-left: 10px; } } /*======================================================================== CONTENT SECTIONS ========================================================================*/ .content-section { padding: 84px 0 101px; } @media all and (max-width: 1078px) { .content-section { padding: 66px 0 82px; } } @media all and (max-width: 767px) { .content-section { padding: 53px 0 66px; } } @media all and (max-width: 469px) { .content-section { padding: 40px 0 50px; } } /* SECTION TITLE */ #entry-template .section-title h2, #homepage-template .section-title h2 { text-align: center; text-transform: uppercase; color: #2a4451; font-size: 4.2em; line-height: 1.3em; padding: 0; font-family: "Open Sans Semibold"; margin-top: 0; margin-bottom: 7px; } #entry-template .section-title p, #homepage-template .section-title p { color: #8cb1c4; font-family: "Museo Slab W01 500"; font-size: 1.6em; line-height: 1.5em; text-align: center; margin: 0; } #entry-template .section-title p strong, #entry-template .section-title p b, #homepage-template .section-title p strong, #homepage-template .section-title p b { font-family: "Museo Slab W01 900"; font-weight: normal; } #entry-template .section-content, #homepage-template .section-content { padding-top: 55px; } @media all and (max-width: 1078px) { #entry-template .section-title h2, #homepage-template .section-title h2 { font-size: 3.5em; } #entry-template .section-title p, #homepage-template .section-title p { font-size: 1.4em; line-height: 1.6em; } #entry-template .section-content, #homepage-template .section-content { padding-top: 50px; } } @media all and (max-width: 767px) { #entry-template .section-title h2, #homepage-template .section-title h2 { font-size: 3em; letter-spacing: -1px; } #entry-template .section-title p, #homepage-template .section-title p { font-size: 1.3em; line-height: 1.7em; } #entry-template .section-content, #homepage-template .section-content { padding-top: 40px; } } @media all and (max-width: 469px) { #entry-template .section-title h2, #homepage-template .section-title h2 { font-size: 2.5em; line-height: 1.35em; letter-spacing: -1px; } #entry-template .section-title p, #homepage-template .section-title p { font-size: 1.2em; line-height: 1.8em; } #entry-template .section-content, #homepage-template .section-content { padding-top: 40px; } } /* FEATURED LINK */ #school-featured-link, #school-featured-link-two { background-color: #ddd; position: relative; overflow: hidden; min-height: 415px; } .featured-link .featured-link-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #637883; -moz-opacity: 0.1; -khtml-opacity: 0.1; opacity: 0.1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=10); z-index: 2; } .featured-link:hover .featured-link-mask { -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); } .featured-link .sws-inline-content { text-align: center; } .featured-link .sws-inline-content br, .featured-link .sws-inline-content p:empty { display: none; } .featured-link .sws-inline-content p { margin: 0; } .featured-link .sws-inline-content img { margin: 0; display: block; max-width: 100%; width: 100%; height: auto; max-width: none; z-index: 1; } .featured-link .sws-inline-content a, .featured-link .sws-inline-content a.sws-document-link, .featured-link .sws-inline-content a.sws-webpage-link, .featured-link .sws-inline-content a.sws-video-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; padding: 0 5em; margin: 0; z-index: 3; font-family: "Museo Slab W01 500"; font-size: 1.05em; background-image: none; text-align: center; } .featured-link .sws-inline-content a:after { display: none; } .featured-link .sws-inline-content h1, .featured-link .sws-inline-content h2, .featured-link .sws-inline-content h3 { font-family: "Open Sans Bold"; font-size: 4.35em; font-weight: normal; line-height: 1.33em; margin-bottom: 35px; margin-top: 0; text-transform: uppercase; text-shadow: 0 1px 6px #222; color: #fff; } .featured-link .sws-inline-content .featured-link-foreground { display: table; width: 100%; height: 100%; overflow: hidden; } .featured-link .sws-inline-content .featured-link-content { display: table-cell; vertical-align: middle; } .featured-link .sws-inline-content a span.anchor-visual, .multiple-featured-links .sws-inline-content a { background: transparent url(../images/shared/shared-sprite.png) no-repeat -346px -488px; display: inline-block; text-align: left; margin: 0; padding: 9px 20px 9px 50px; color: #fff; } .featured-link .sws-inline-content a span.anchor-visual strong, .featured-link .sws-inline-content a span.anchor-visual b, .multiple-featured-links .sws-inline-content a strong, .multiple-featured-links .sws-inline-content a b { font-family: "Museo Slab W01 900"; font-weight: normal; } .featured-link .sws-inline-content a.sws-document-link span.anchor-visual { background-position: -345px 13px; } .featured-link .sws-inline-content a.sws-webpage-link span.anchor-visual { background-position: -345px -713px; } .featured-link .sws-inline-content a.sws-video-link span.anchor-visual { background-position: -346px -1182px; } @media all and (max-width: 1380px) { .editmode #school-featured-link, .editmode #school-featured-link-two { height: 415px; } .featured-link .sws-inline-content h1, .featured-link .sws-inline-content h2, .featured-link .sws-inline-content h3 { font-size: 4em; } .featured-link { position: relative; } .featured-link .sws-inline-content img { width: auto; height: 100%; max-width: none; margin: 0; position: absolute; top: 0; left: 0; z-index: 1; } .featured-link .sws-inline-content img:empty { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media all and (max-width: 1078px) { .featured-link .sws-inline-content a, .featured-link .sws-inline-content a.sws-document-link, .featured-link .sws-inline-content a.sws-webpage-link, .featured-link .sws-inline-content a.sws-video-link { padding: 0 3.7em; } .featured-link .sws-inline-content h1, .featured-link .sws-inline-content h2, .featured-link .sws-inline-content h3 { font-size: 3.5em; } } @media all and (max-width: 767px) { #school-featured-link, #school-featured-link-two { min-height: 382px; } .featured-link .sws-inline-content a, .featured-link .sws-inline-content a.sws-document-link, .featured-link .sws-inline-content a.sws-webpage-link, .featured-link .sws-inline-content a.sws-video-link { padding: 0 2.3em; } .featured-link .sws-inline-content h1, .featured-link .sws-inline-content h2, .featured-link .sws-inline-content h3 { font-size: 3em; } } @media all and (max-width: 469px) { #school-featured-link, #school-featured-link-two { min-height: 350px; } .featured-link .sws-inline-content a, .featured-link .sws-inline-content a.sws-document-link, .featured-link .sws-inline-content a.sws-webpage-link, .featured-link .sws-inline-content a.sws-video-link { padding: 0 1.7em; } .featured-link .sws-inline-content h1, .featured-link .sws-inline-content h2, .featured-link .sws-inline-content h3 { font-size: 2.5em; letter-spacing: -1px; line-height: 1.35em; } } /* MULTIPLE FEATURED LINKS */ .multiple-featured-links-content { height: 100%; left: 0; margin: 0; padding: 0 5em; position: absolute; text-align: center; top: 0; width: 100%; z-index: 3; } .multiple-featured-links .sws-inline-content p { display: inline; } .multiple-featured-links .sws-inline-content a, .multiple-featured-links .sws-inline-content a.sws-webpage-link, .multiple-featured-links .sws-inline-content a.sws-document-link, .multiple-featured-links .sws-inline-content a.sws-video-link { background-color: transparent; cursor: pointer; display: block; font-family: "Museo Slab W01 500"; font-size: 1.05em; font-weight: normal; height: auto; margin-bottom: 0; margin-top: 0; display: inline-block; width: auto; padding: 9px 20px 9px 50px; position: relative; text-decoration: none; } .multiple-featured-links .sws-inline-content a + a { margin-left: 32px !important; } .multiple-featured-links .sws-inline-content a + a + a + a + a { display: none; } @media all and (max-width: 1078px) { .multiple-featured-links-content { padding: 0 3.7em; } } @media all and (max-width: 767px) { .multiple-featured-links-content { padding: 0 2.3em; } #school-featured-link.multiple-featured-links, #school-featured-link-two.multiple-featured-links { min-height: 415px; } #school-featured-link.multiple-featured-links.three-featured-links, #school-featured-link-two.multiple-featured-links.three-featured-links { min-height: 486px; } #school-featured-link.multiple-featured-links.four-featured-links, #school-featured-link-two.multiple-featured-links.four-featured-links { min-height: 556px; } .multiple-featured-links .sws-inline-content a, .multiple-featured-links .sws-inline-content a.sws-webpage-link, .multiple-featured-links .sws-inline-content a.sws-document-link, .multiple-featured-links .sws-inline-content a.sws-video-link { display: block; margin: 0 auto !important; max-width: 270px; } .multiple-featured-links .sws-inline-content a + a, .multiple-featured-links .sws-inline-content a + a.sws-webpage-link, .multiple-featured-links .sws-inline-content a + a.sws-document-link, .multiple-featured-links .sws-inline-content a + a.sws-video-link { margin-top: 1.6em !important; margin-left: auto !important; } .multiple-featured-links .sws-inline-content a + a + a { display: none; } } @media all and (max-width: 469px) { multiple-featured-links-content { padding: 0 1.7em; } } .editmode .featured-link .sws-inline-content a, .editmode .featured-link .sws-inline-content a.sws-document-link, .editmode .featured-link .sws-inline-content a.sws-webpage-link { display: block; } .editmode .featured-link .sws-inline-content a { background: url("../images/shared/shared-sprite.png") no-repeat scroll -345px -487px #2c4857; border: medium none; cursor: pointer; display: block; font-family: "Museo Slab W01 500"; font-size: 1.05em; font-weight: normal; margin-bottom: 32px; margin-top: 32px; padding: 9px 20px 9px 50px; position: relative; text-decoration: none; text-align: left; } .editmode .featured-link .sws-inline-content a.sws-document-link { background-position: -345px 13px; } .editmode .featured-link .sws-inline-content a.sws-webpage-link { background-position: -345px -713px; } .editmode .featured-link .sws-inline-content a.sws-video-link { background-position: -346px -1182px; } .editmode #school-featured-link, .editmode #school-featured-link-two { min-height: 500px; padding: 30px 3em; } .editmode .featured-link .sws-inline-content p { margin: 0 0 27px; } .editmode .featured-link .sws-inline-content p:last-child { margin-bottom: 0; } .editmode .featured-link-mask { display: none; } .editmode .featured-link .sws-inline-content h1, .editmode .featured-link .sws-inline-content h2, .editmode .featured-link .sws-inline-content h3 { color: #2a4451; padding: 0; position: static; font-size: 3.4em; margin-bottom: 20px; text-shadow: none; } /* FEATURED VIDEO LINK */ .sws-inline-content .sws-float-left.featured-video-link { position: relative; margin: 7px 35px 14px 0; padding: 0; } .sws-inline-content .sws-float-right.featured-video-link { position: relative; margin: 7px 0 14px 35px; padding: 0; } .sws-inline-content .featured-video-link p { margin: 0; } .sws-edit-mode .sws-inline-content .featured-video-link a.sws-video-link { color: #000; } .sws-inline-content .featured-video-link a.sws-video-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; padding: 0 !important; margin: 0; z-index: 3; font-family: "Museo Slab W01 500"; font-size: 1.05em; background-image: none; text-align: center; } .sws-edit-mode .sws-inline-content .featured-video-link a.sws-video-link { position: relative; } .sws-inline-content .featured-video-link a.sws-video-link:hover { background-color: transparent !important; } .sws-inline-content .featured-video-link .featured-link-foreground { display: table; width: 100%; height: 100%; overflow: hidden; } .sws-inline-content .featured-video-link .featured-link-content { vertical-align: bottom; padding-bottom: 0; display: table-cell; } .sws-inline-content .featured-video-link a span.anchor-visual { background: transparent url(../images/shared/shared-sprite.png) no-repeat -346px -488px; display: inline-block; text-align: left; margin: 0; padding: 9px 20px 9px 50px; color: #fff; width: 100%; } .sws-inline-content .featured-video-link a.sws-video-link span.anchor-visual { background-position: -346px -1182px; } .sws-inline-content .featured-video-link.featured-video-link-cobham a:hover span.anchor-visual { background-color: #a1c37e; } .sws-inline-content .featured-video-link.featured-video-link-egham a:hover span.anchor-visual { background-color: #f7d470; } .sws-inline-content .featured-video-link.featured-video-link-hillingdon a:hover span.anchor-visual { background-color: #93bad9; } .sws-inline-content .featured-video-link.featured-video-link-doha a:hover span.anchor-visual { background-color: #db5e4e; } .sws-inline-content .featured-video-link.featured-video-link-org a:hover span.anchor-visual { background-color: #2c4857; } /*============================================================================================== ENTRY TEMPLATE ******************************************************************************* ==============================================================================================*/ /*======================================================================== ENTRY BANNER ========================================================================*/ #entry-banner { position: relative; background-color: #333; min-height: 355px; overflow: hidden; position: relative; padding: 0; } .editmode #entry-banner { position: relative; background-color: #ddd; } #entry-banner #banner-welcome { height: 100%; width: 100%; position: absolute; left: 0; top: 0; } .editmode #entry-banner #banner-welcome { padding: 30px 3em; } #entry-banner #banner-welcome .featured-link-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #856a36; -moz-opacity: 0.10; -khtml-opacity: 0.10; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=10); z-index: 2; } #entry-banner #banner-welcome:hover .featured-link-mask { background-color: #637883; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); } #entry-banner #banner-welcome .sws-inline-content p { margin: 0; } #entry-banner #banner-welcome .sws-inline-content a, #entry-banner #banner-welcome .sws-inline-content a.sws-document-link, #entry-banner #banner-welcome .sws-inline-content a.sws-webpage-link, #entry-banner #banner-welcome .sws-inline-content a.sws-video-link { background-color: transparent; background-image: none; height: 100%; left: 0; margin: 0; padding: 0 2em; position: absolute; text-align: center; top: 0; width: 100%; z-index: 3; } #entry-banner #banner-welcome .sws-inline-content a:after { display: none; } .editmode #entry-banner #banner-welcome .sws-inline-content p { margin-bottom: 27px; } #entry-banner #video { height: 100%; margin: 0; opacity: 0; overflow: hidden; padding: 0; width: 100%; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); } .editmode #entry-banner #video { display: none; } #entry-banner #video video { min-height: 100%; min-width: 1024px; width: 100%; height: auto; position: absolute; left: 0; top: 0; } #entry-banner #banner-welcome .sws-inline-content a .banner-welcome-foreground { display: table; height: 100%; width: 100%; } #entry-banner #banner-welcome .sws-inline-content a .banner-welcome-content { display: table-cell; vertical-align: middle; } #entry-banner #banner-welcome .sws-inline-content img { display: none; } .editmode #entry-banner #banner-welcome .sws-inline-content img { display: block; } #entry-banner #banner-welcome .sws-inline-content h1, #entry-banner #banner-welcome .sws-inline-content h2, #entry-banner #banner-welcome .sws-inline-content h3 { color: #fff; font-family: "Open Sans Bold"; font-size: 5.7em; font-weight: normal; line-height: 1.15em; margin: 0 auto 29px; text-shadow: 0 1px 6px #222; text-transform: uppercase; } #entry-banner #banner-welcome.short-banner .sws-inline-content h1, #entry-banner #banner-welcome.short-banner .sws-inline-content h2, #entry-banner #banner-welcome.short-banner .sws-inline-content h3 { font-size: 4.4em; } #entry-banner #banner-welcome .sws-inline-content strong { display: block; font-weight: normal; font-family:"Museo Slab W01 500"; color: #fff; text-align: center; font-size: 1.45em; line-height: 1.7em; margin: 0 auto 48px; max-width: 590px; text-shadow: none; } #entry-banner #banner-welcome.short-banner .sws-inline-content strong { margin: 0 auto 38px; } #entry-banner #banner-welcome .sws-inline-content a span.anchor-visual { background: url("../images/shared/shared-home-sprite.png") no-repeat scroll -76px -325px transparent; color: #fff; display: inline-block; font-family: "Museo Slab W01 500"; font-size: 1.05em; line-height: 1.8em; margin: 0; padding: 16px 20px 38px 63px; position: relative; } #entry-banner #banner-welcome .sws-inline-content a:active span.anchor-visual, #entry-banner #banner-welcome .sws-inline-content a:hover span.anchor-visual, #entry-banner #banner-welcome .sws-inline-content a:focus span.anchor-visual { background-color: transparent; } #entry-banner #banner-welcome .sws-inline-content a span.anchor-visual:after { background-color: #2c4857; bottom: 0; color: #abc5d4; content: "Play Video"; display: block; font-family: "Open Sans Semibold"; font-size: 0.68em; left: 0; letter-spacing: 1px; line-height: 2.4em; position: absolute; text-transform: uppercase; width: 100%; } #entry-banner #banner-welcome .sws-inline-content a:focus span.anchor-visual:after, #entry-banner #banner-welcome .sws-inline-content a:hover span.anchor-visual:after, #entry-banner #banner-welcome .sws-inline-content a:active span.anchor-visual:after { background-color: #213039; } .editmode #entry-banner #banner-welcome .sws-inline-content h1, .editmode #entry-banner #banner-welcome .sws-inline-content h2, .editmode #entry-banner #banner-welcome .sws-inline-content h3 { color: #2a4451; font-size: 3.4em; text-shadow: none; } .editmode #entry-banner #banner-welcome .sws-inline-content strong { color: #2a4451; font-size: 1.2em; margin: 0 auto 32px; } .editmode #entry-banner #banner-welcome .sws-inline-content a { background: url("../images/shared/shared-sprite.png") no-repeat scroll -345px -487px #2c4857; border: medium none; cursor: pointer; display: block; text-align: left; font-family: "Museo Slab W01 500"; font-size: 1.05em; font-weight: normal; margin-bottom: 32px; margin-top: 32px; padding: 9px 20px 9px 50px; position: relative; text-decoration: none; color: #fff; } .editmode #entry-banner #banner-welcome .sws-inline-content a:hover { background-color: #88a5b5; } .editmode #entry-banner #banner-welcome .sws-inline-content a.sws-document-link { background-position: -349px -824px; } .editmode #entry-banner #banner-welcome .sws-inline-content a.sws-webpage-link { background-position: -345px -713px; } .editmode #entry-banner #banner-welcome .sws-inline-content a.sws-video-link { background-position: -346px -1182px } .editmode #entry-banner #banner-welcome .sws-inline-content a:after { display: none; } @media all and (max-width: 676px) { #entry-banner { height: auto !important; min-height: 0; } #entry-banner #banner-welcome { height: auto; position: relative !important; } #banner-welcome #video { position: absolute; top: 0; left: 0; width: 100%; z-index: 0; } #entry-banner #banner-welcome .sws-inline-content a, #entry-banner #banner-welcome .sws-inline-content a.sws-document-link, #entry-banner #banner-welcome .sws-inline-content a.sws-webpage-link, #entry-banner #banner-welcome .sws-inline-content a.sws-video-link { position: relative; z-index: 3; padding: 37px 2.3em 52px; } .editmode #entry-banner #banner-welcome .sws-inline-content a, .editmode #entry-banner #banner-welcome .sws-inline-content a.sws-document-link, .editmode #entry-banner #banner-welcome .sws-inline-content a.sws-webpage-link, .editmode #entry-banner #banner-welcome .sws-inline-content a.sws-video-link { padding: 9px 20px 9px 50px; } #entry-banner #banner-welcome .sws-inline-content a span.anchor-visual:after { display: none; } #entry-banner #banner-welcome .sws-inline-content h1, #entry-banner #banner-welcome .sws-inline-content h2, #entry-banner #banner-welcome .sws-inline-content h3 { font-size: 4em; letter-spacing: -1px; line-height: 1.35em; margin-bottom: 27px; text-shadow: 0 1px 3px #222; } #entry-banner #banner-welcome.short-banner .sws-inline-content h1, #entry-banner #banner-welcome.short-banner .sws-inline-content h2, #entry-banner #banner-welcome.short-banner .sws-inline-content h3 { font-size: 4em; } #entry-banner #banner-welcome.short-banner .sws-inline-content strong, #entry-banner #banner-welcome .sws-inline-content strong { margin-bottom: 33px; } #entry-banner #banner-welcome .sws-inline-content a span.anchor-visual { background-image: url("../images/shared/shared-sprite.png"); background-position: -346px -488px; padding: 9px 20px 9px 50px; text-align: left; } #entry-banner #banner-welcome .sws-inline-content a.sws-webpage-link span.anchor-visual { background-position: -345px -713px; } #entry-banner #banner-welcome .sws-inline-content a.sws-document-link span.anchor-visual { background-position: -345px 13px; } #entry-banner #banner-welcome .sws-inline-content a.sws-video-link span.anchor-visual { background-position: -346px -1182px; } #entry-banner #banner-welcome .featured-link-mask { z-index: 1; background-color: #637883; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); } #entry-banner #banner-welcome:hover .featured-link-mask { -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); } } @media all and (max-width: 469px) { #entry-banner #banner-welcome .sws-inline-content h1, #entry-banner #banner-welcome .sws-inline-content h2, #entry-banner #banner-welcome .sws-inline-content h3 { font-size: 3.3em; line-height: 1.35em; } #entry-banner #banner-welcome.short-banner .sws-inline-content h1, #entry-banner #banner-welcome.short-banner .sws-inline-content h2, #entry-banner #banner-welcome.short-banner .sws-inline-content h3 { font-size: 3.3em; } .editmode #entry-banner #banner-welcome .sws-inline-content a, .editmode #entry-banner #banner-welcome .sws-inline-content a.sws-document-link, .editmode #entry-banner #banner-welcome .sws-inline-content a.sws-webpage-link, .editmode #entry-banner #banner-welcome .sws-inline-content a.sws-video-link { padding: 9px 20px 9px 50px; } } @media all and (max-width: 420px) { #entry-banner #banner-welcome .sws-inline-content h1, #entry-banner #banner-welcome .sws-inline-content h2, #entry-banner #banner-welcome .sws-inline-content h3 { font-size: 3.2em; line-height: 1.25em; } #entry-banner #banner-welcome.short-banner .sws-inline-content h1, #entry-banner #banner-welcome.short-banner .sws-inline-content h2, #entry-banner #banner-welcome.short-banner .sws-inline-content h3 { font-size: 3.2em; } } @media all and (max-width: 390px) { #entry-banner #banner-welcome .sws-inline-content h1, #entry-banner #banner-welcome .sws-inline-content h2, #entry-banner #banner-welcome .sws-inline-content h3, #entry-banner #banner-welcome.short-banner .sws-inline-content h1, #entry-banner #banner-welcome.short-banner .sws-inline-content h2, #entry-banner #banner-welcome.short-banner .sws-inline-content h3 { font-size: 2.8em; } } @media all and (max-width: 358px) { #entry-banner #banner-welcome .sws-inline-content h1, #entry-banner #banner-welcome .sws-inline-content h2, #entry-banner #banner-welcome .sws-inline-content h3 { font-size: 2.5em; letter-spacing: -1px; line-height: 1.35em; } #entry-banner #banner-welcome.short-banner .sws-inline-content h1, #entry-banner #banner-welcome.short-banner .sws-inline-content h2, #entry-banner #banner-welcome.short-banner .sws-inline-content h3 { font-size: 2.5em; } } /*======================================================================== SCHOOL ENTRY POINTS ========================================================================*/ #school-entry-points div.school-summary { width: 25%; float: left; padding: 0 0 32px } #school-entry-points div.school-summary:first-child { border-left: none; } #school-entry-points div.school-summary { border-top: 7px solid transparent; font-family: "Museo Slab W01 500"; position:relative; } #school-entry-points div.school-summary:before { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 0 solid #f00; content: ""; position: absolute; top: 0; left: 50%; margin-left: -5px; } #school-entry-points div.school-summary:hover:before { border-top: 12px solid #f00; } #school-entry-points .school-summary > h2, #school-entry-points .school-highlights, #school-entry-points .school-contact-details { border-left: 1px solid #d5d5d5; } #school-entry-points .school-summary:first-child > h2, #school-entry-points .school-summary:first-child .school-highlights, #school-entry-points .school-summary:first-child .school-contact-details { border-left: none; } #school-entry-points div.school-summary > h2 { text-transform: uppercase; font-size: 1.7em; text-align: center; } #school-entry-points div.school-summary > h2 a { color: #2a4451; display: block; padding: 34px 0 26px; } #school-entry-points div.school-summary > h2 a:before { background-color: #fff; content: ""; display: block; height: 48px; left: -2px; position: absolute; top: 0; width: 4px; } #school-entry-points div.school-summary > h2 span { color: #ff0000; display: block; font-family: "Open Sans Regular"; font-size: 2em; line-height: 1em; padding-bottom: 3px; } #school-entry-points .school-highlights { font-size: 1.1em; line-height: 1.9em; padding-bottom: 32px; padding-left: 3em; padding-right: 3em; } #school-entry-points .school-highlights .sws-inline-content { text-align: center; } #school-entry-points .school-highlights .sws-inline-content ul { padding: 0; margin: 0; } #school-entry-points .school-highlights .sws-inline-content ul li { padding: 9px 0; background-image: none; background-color: transparent; } #school-entry-points .school-highlights .sws-inline-content ul li strong, #school-entry-points .school-highlights .sws-inline-content ul li b { font-family: "Museo Slab W01 900"; font-weight: normal; } #school-entry-points .school-highlights .sws-inline-content ul li + li:before { background-color: #d5d5d5; content: ""; display: block; height: 1px; margin: 0 auto; position: relative; top: -7px; left: 0; width: 22px; } .school-highlights .sws-inline-content ul li:first-child:before { display: none; } .school-contact-details { text-align: center; } .school-contact-details ul { height: 45px; } .school-contact-details ul li { background: transparent url(../images/shared/shared-sprite.png) no-repeat -160px -489px; border-radius: 23px; display: inline-block; height: 45px; position: relative; margin-left: 5px; margin-right: 5px; width: 45px; } .school-contact-details ul li.address { background-position: -92px -489px; } .school-contact-details ul li.email { background-position: -228px -489px; } .school-contact-details ul li .tooltip { background-color: #2c4857; color: #fff; height: auto; width: auto; font-family: "Open Sans Regular"; line-height: 1.9em; font-size: 1em; padding: 14px 19px; text-align: center; text-transform: none; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); position: absolute; left: 50%; bottom: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: auto; display: block; white-space: nowrap; } .school-contact-details ul li .tooltip:after { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #2c4857; bottom: -8px; content: ""; height: 0; left: 50%; margin-left: -7px; position: absolute; width: 0; } body#entry-template .school-contact-details ul li .tooltip a { color: #fff; } /* COBHAM TOOLTIP */ #acs-cobham-entry .school-contact-details ul li.phone .tooltip { margin-left:0 !important; left: 0; } #acs-cobham-entry .school-contact-details ul li.phone .tooltip:after { left: 16px; margin-left: 0; } #acs-cobham-entry .school-contact-details ul li.address .tooltip { margin-left:0 !important; left: -60px; } #acs-cobham-entry .school-contact-details ul li.address .tooltip:after { left: 75px; margin-left: 0; } /* DOHA TOOLTIP */ #acs-doha-entry .school-contact-details ul li.address .tooltip { margin-left: 0 !important; left: auto; right: -60px; } #acs-doha-entry .school-contact-details ul li.address .tooltip:after { left: auto; right: 75px; margin-left: 0; } #acs-doha-entry .school-contact-details ul li.email .tooltip { margin-left:0 !important; left: auto; right: 0; } #acs-doha-entry .school-contact-details ul li.email .tooltip:after { left: auto; right: 15px; margin-left: 0; } /* COLOURS - ACS COBHAM */ #school-entry-points #acs-cobham-entry:before, #school-entry-points #acs-cobham-entry { border-top-color: #a1c37e; } #school-entry-points #acs-cobham-entry > h2 span, #school-entry-points #acs-cobham-entry .school-highlights ul li { color: #679b32; } #school-entry-points #acs-cobham-entry > h2 a:focus span, #school-entry-points #acs-cobham-entry > h2 a:hover span, #school-entry-points #acs-cobham-entry > h2 a:active span { color: #2a4451; } #school-entry-points #acs-cobham-entry .school-contact-details ul li { background-color: #71a33a; } /* COLOURS - ACS EGHAM */ #school-entry-points #acs-egham-entry:before, #school-entry-points #acs-egham-entry { border-top-color: #f7d470; } #school-entry-points #acs-egham-entry > h2 span, #school-entry-points #acs-egham-entry .school-highlights ul li { color: #e4a621; } #school-entry-points #acs-egham-entry > h2 a:focus span, #school-entry-points #acs-egham-entry > h2 a:hover span, #school-entry-points #acs-egham-entry > h2 a:active span { color: #2a4451; } #school-entry-points #acs-egham-entry .school-contact-details ul li { background-color: #e9b545; } /* COLOURS - ACS HILLINGDON */ #school-entry-points #acs-hillingdon-entry:before, #school-entry-points #acs-hillingdon-entry { border-top-color: #93bad9; } #school-entry-points #acs-hillingdon-entry > h2 span, #school-entry-points #acs-hillingdon-entry .school-highlights ul li { color: #5a8fb9; } #school-entry-points #acs-hillingdon-entry > h2 a:focus span, #school-entry-points #acs-hillingdon-entry > h2 a:hover span, #school-entry-points #acs-hillingdon-entry > h2 a:active span { color: #2a4451; } #school-entry-points #acs-hillingdon-entry .school-contact-details ul li { background-color: #7fabcd; } /* COLOURS - ACS DOHA */ #school-entry-points #acs-doha-entry:before, #school-entry-points #acs-doha-entry { border-top-color: #db5e4e; } #school-entry-points #acs-doha-entry > h2 span, #school-entry-points #acs-doha-entry .school-highlights ul li { color: #c03422; } #school-entry-points #acs-doha-entry > h2 a:focus span, #school-entry-points #acs-doha-entry > h2 a:hover span, #school-entry-points #acs-doha-entry > h2 a:active span { color: #2a4451; } #school-entry-points #acs-doha-entry .school-contact-details ul li { background-color: #c03422; } /* SCHOOL LOCATIONS */ #school-locations-one { display: none; } #school-locations-two { display: block; } .school-locations { clear: both; width: 100%; text-align: center; padding-bottom: 35px; } .school-locations .london { float: left; width: 75%; background: transparent url(../images/entry/school-location-bg-right.png) no-repeat right 8px; } .school-locations .doha { float: right; width: 25%; background: transparent url(../images/entry/school-location-bg-right.png) no-repeat right 8px; } .school-locations .location-content { background: transparent url(../images/entry/school-location-bg-left.png) no-repeat left 8px; } .school-locations .london span, .school-locations .doha span { background-color: #fff; color: #ccc; display: inline-block; font-size: 0.9em; font-style: italic; font-weight: bold; margin: 0 auto; padding: 0 14px; text-transform: uppercase; } #school-entry-points .school-summary > h2, #school-entry-points .school-highlights, #school-entry-points .school-contact-details { border-left: 1px solid #d5d5d5; } @media all and (max-width: 1290px) { #school-entry-points .school-highlights { padding-left: 1em; padding-right: 1em; } } @media all and (max-width: 1140px) { #school-entry-points .school-summary > h2, #school-entry-points .school-highlights, #school-entry-points .school-contact-details { border-left: none; } } @media all and (max-width: 972px) { #school-entry-points div.school-summary { padding: 0; } #school-entry-points div.school-summary > h2 a:before { height: 36px; } #school-entry-points div.school-summary > h2 a:after { background-color: #fff; content: ""; display: block; height: 25px; left: -2px; position: absolute; bottom: 0; width: 4px; } #school-entry-points div.school-summary > h2 { border-left: 1px solid #d5d5d5; padding-bottom: 0; } #school-entry-points div.school-summary > h2 { font-size: 1.25em; } #school-entry-points div.school-summary > h2 a { padding: 36px 0 25px; } #school-entry-points .school-highlights, #school-entry-points .school-contact-details { display: none; } #school-entry-points .school-locations .location-content span { font-size: 0.8em; } .school-locations { padding-bottom: 23px; } } @media all and (max-width: 767px) { #school-entry-points div.school-summary { width: 50%; } #school-locations-one { display: block; } #school-locations-one .doha { display: none; } #school-locations-one .london { width: 100%; } #school-locations-two .london, #school-locations-two .doha { width: 50%; } } @media all and (max-width: 469px) { #school-entry-points div.school-summary { width: 100%; } #school-entry-points div.school-summary > h2 a { padding: 23px 0 0; } #school-entry-points .school-locations .location-content span { font-size: 0.9em; } #school-locations-one, #school-locations-two { display: none; } .school-summary h2:after { content: "London, England"; font-family: "Open Sans Regular",Arial,Helvetica,sans-serif; display: block; color: #ccc; font-size: 0.6em; font-style: italic; font-weight: bold; text-transform: uppercase; padding: 2px 0 18px; } #acs-egham-entry h2:after { content: "London, England"; } #acs-hillingdon-entry h2:after { content: "London, England"; } #acs-doha-entry h2:after { content: "Doha, Qatar"; } } /*======================================================================== OVERVIEW ========================================================================*/ #overview.content-section { padding-top: 74px; } #overview #school-crest { background: transparent url(../images/entry/overview-crest.png) no-repeat 50% 0; height: 61px; margin: 0 auto; max-width: 100%; width: 344px; } #overview-content { float: left; padding-right: 5em; width: 58.5%; } #overview-infographic { width: 41.5%; float: left; max-width: 432px; position: relative; } #overview-infographic .blogentries ul li h2.blogTitle, #overview-infographic .blogentries ul li .blogDate, .editmode #overview-infographic .blogentries ul li h2.blogTitle, .editmode #overview-infographic .blogentries ul li .blogDate { display: none; } #overview-infographic .blogentries { margin: 0; } #overview-infographic .blogentries ul li .blogSummary { padding: 0; } #overview-content .sws-inline-content p:last-child { margin-bottom: 0; } #overview-infographic .bx-controls { text-align: center; bottom: 0; left: 0; position: absolute; width: 100%; z-index: 999; } .editmode #overview-infographic .bx-controls { position: static; } #overview-infographic .bx-controls .bx-pager-item { display: inline-block; } #overview-infographic .bx-controls .bx-pager-item a { background: url("../images/shared/shared-sprite.png") no-repeat scroll -363px -76px transparent; display: block; height: 23px; text-indent: -9999em; transition: none 0s ease 0s; width: 23px; } #overview-infographic .bx-controls .bx-pager-item a.active { background-position: -305px -155px; } #overview-infographic .sws-inline-content p, #overview-infographic .sws-inline-content img { margin: 0 auto; } #overview-infographic #infographic-visual { float: left; width: 57%; padding-right: 34px; display: table; table-layout: fixed; } #overview-infographic #infographic-label { float: left; width: 43%; text-align: center; font-size: 1.3em; display: table; } #overview-infographic .infographic-content { width: auto; max-width: 100%; display: table-cell; vertical-align: middle; } #overview-infographic .sws-inline-content #infographic-label h2, #overview-infographic .sws-inline-content #infographic-label h3, #overview-infographic .sws-inline-content #infographic-label h4 { font-family: "Open Sans Semibold"; font-size: 1.9em; line-height: 1.25em; margin: 0 0 10px; text-transform: uppercase; } #overview-infographic .sws-inline-content #infographic-label strong { color: #2a4451; } .editmode #overview-infographic .sws-inline-content p { text-align: center; } @media all and (max-width: 1078px) { #overview.content-section { padding-top: 60px; } #overview-infographic .sws-inline-content #infographic-label h2, #overview-infographic .sws-inline-content #infographic-label h3, #overview-infographic .sws-inline-content #infographic-label h4 { font-size: 1.7em; } } @media all and (max-width: 767px) { #overview.content-section { padding-top: 47px; } #overview-content, #overview-infographic { float: none; width: 100%; padding-right: 0; } #overview-infographic .bx-controls { position: static; padding-top: 20px; } #overview-infographic .infographic-content { height: 212px !important; } #overview-infographic { margin: 27px auto 0; } #overview-infographic .sws-inline-content .infographic-content img { margin-left: 0; } #overview #school-crest { background: url("../images/shared/hr.png") no-repeat scroll 50% 0 transparent; height: 44px; width: 214px; } #overview-infographic .sws-inline-content #infographic-label h2, #overview-infographic .sws-inline-content #infographic-label h3, #overview-infographic .sws-inline-content #infographic-label h4 { font-size: 1.9em; } } @media all and (max-width: 469px) { #overview #overview.content-section { padding-top: 40px; } #overview #overview-infographic #infographic-visual, #overview #overview-infographic #infographic-label { float: none; padding-right: 0; width: 100%; } #overview .infographic-content { height: auto !important; } #overview #overview-infographic #infographic-label { margin-top: 20px; } #overview #overview-infographic { margin-top: 27px; } #overview-infographic .sws-inline-content .infographic-content img { max-width: 170px; margin: 0 auto; } #overview-infographic .sws-inline-content #infographic-label h2, #overview-infographic .sws-inline-content #infographic-label h3, #overview-infographic .sws-inline-content #infographic-label h4 { font-size: 1.7em; } } /*======================================================================== FIND OUT MORE ========================================================================*/ #find-out-more { background: #3d5968 url(../../Templates/images/entry/find-out-more-bg.jpg) no-repeat 50% 0; background-size: cover; } #find-out-more .section-title p { color: #c9dfea; } #entry-template #find-out-more .section-title h2 { color: #fff; } #find-out-more .section-content .blogentries, #find-out-more .section-content .blogentries ul li .blogBody, #find-out-more .section-content .blogentries ul li .blogBody .ng-binding { padding: 0; margin: 0; } #find-out-more .blogentries ul li { padding: 0; margin: 0; float: left; width: 30%; border: none; } #find-out-more .blogentries ul li + li, #find-out-more .blogentries ul li + li + li { margin-left: 5%; } #find-out-more .blogentries ul li + li + li + li, .editmode #find-out-more.usa-or-canada .blogentries ul li + li + li + li { margin-left: 0; margin-top: 29px; } #find-out-more.usa-or-canada .blogentries ul li + li + li + li { margin-left: 5%; margin-top: 0; } #find-out-more .blogentries ul li.post4, #find-out-more.usa-or-canada .blogentries ul li.post3, #find-out-more .section-content .blogentries ul li h2.blogTitle, #find-out-more .blogentries ul li .blogDate { display: none; } #find-out-more.usa-or-canada .blogentries ul li.post4, .editmode #find-out-more.uk .blogentries ul li.post3, .editmode #find-out-more.uk .blogentries ul li.post4, .editmode #find-out-more.usa-or-canada .blogentries ul li.post3, .editmode #find-out-more.usa-or-canada .blogentries ul li.post4, .editmode #find-out-more .section-content .blogentries ul li h2.blogTitle, .editmode #find-out-more .section-content .blogentries ul li .blogDate { display: block; } #entry-template #find-out-more .section-content .blogentries ul li .blogDate { margin-bottom: 2em; color: #c9dfea; } #entry-template #find-out-more .section-content .blogentries ul li h2.blogTitle a { color: #fff; } #entry-template #find-out-more .section-content .blogentries ul li .blogDate { color: #c9dfea; } #find-out-more .blogentries ul li h2.blogTitle { padding-right: 0; } #find-out-more .sws-inline-content p, #find-out-more .sws-inline-content img { padding: 0; margin: 0; } #find-out-more .sws-inline-content a { margin: 0; padding: 9px 25px 9px 50px; } #find-out-more .sws-inline-content br { display: none; } #find-out-more .sws-inline-content .sws-image-link { margin: 0; max-width: none; } #find-out-more .sws-inline-content img { background: #f3f3f3 url(/Templates/images/placeholders/image-label.png) no-repeat 50% 50%; display: block; height: auto; width: 100%; } @media all and (max-width: 767px) { #find-out-more .blogentries ul li { float: none; width: auto; } #find-out-more .blogentries ul li + li { margin-top: 1.6em; margin-left: 0; } #find-out-more .blogentries ul li + li + li { margin-left: 0; } #find-out-more.usa-or-canada .blogentries ul li + li + li + li { margin-left: 0; margin-top: 1.6em; } #find-out-more .blogentries ul li .sws-image-link img { display: none; } } /*#find-out-more .sws-inline-content div.image-link { position: relative; padding-bottom: 45px; } #find-out-more .sws-inline-content div.image-link a { position: absolute; top: 0; left: 0; width: 100%; display: block; height: 100%; background-image: none; background-color: transparent; padding: 0; } #find-out-more .sws-inline-content div.image-link a span.link-text { display: block; background: url("../images/shared/shared-sprite.png") no-repeat scroll -345px 13px #2c4857; padding: 9px 20px 9px 50px; position: absolute; left: 0; bottom: 0; width: 100%; } #find-out-more .sws-inline-content div.image-link a.sws-webpage-link span.link-text { background-position: -345px -713px; } #find-out-more .sws-inline-content a.sws-document-link:hover span.link-text, #find-out-more .sws-inline-content a.sws-webpage-link:hover span.link-text { background-color: #81b051; } @media all and (max-width: 1135px) { #find-out-more .blogentries ul li { width: 31%; } #find-out-more .blogentries ul li + li, #find-out-more .blogentries ul li + li + li { margin-left: 3.5%; } } @media all and (max-width: 900px) { .content-module { padding: 70px 0 82px; } .section-content { padding-top: 54px; } #entry-template .section-title h2 { font-size: 3.7em; line-height: 1.35em; margin-bottom: 12px; } #entry-template .section-title p { font-size: 1.48em; line-height: inherit; } #find-out-more .blogentries { margin: 0 auto; } #find-out-more .blogentries ul li { width: 100%; } #find-out-more .blogentries ul li + li, #find-out-more .blogentries ul li + li + li { margin-left: 0; } #find-out-more .blogentries, #find-out-more .sws-inline-content div.image-link { padding: 0; } #find-out-more .blogentries ul li + li { margin-top: 2.3em; } #find-out-more .sws-inline-content div.image-link a, #find-out-more .sws-inline-content div.image-link a span.link-text { position: static; } #find-out-more .sws-inline-content img { display: none; } } @media all and (max-width: 767px) { .content-module { padding: 55px 0 64px; } .section-content { padding-top: 47px; } #entry-template .section-title h2 { font-size: 3.3em; line-height: 1.25em; margin-bottom: 6px; } #entry-template .section-title p { font-size: 1.35em; line-height: inherit; } } @media all and (max-width: 469px) { .content-module { padding: 40px 0 45px; } .section-content { padding-top: 40px; } #entry-template .section-title h2 { font-size: 2.8em; line-height: 1.35em; margin-bottom: 6px; } #entry-template .section-title p { font-size: 1.2em; line-height: inherit; } #find-out-more .blogentries, #find-out-more .sws-inline-content div.image-link { padding: 0; } #find-out-more .blogentries ul li + li { margin-top: 1.9em; } }*/ /*======================================================================== LOCATION ========================================================================*/ #entry-template #map-canvas { height: 455px; } #entry-template #map-canvas, #entry-template #map-canvas *, #homepage-template.working-at-acs-nt #map-canvas, #homepage-template.working-at-acs-nt #map-canvas * { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } @media all and (max-width: 767px) { #entry-template #map-canvas { height: 377px; } } @media all and (max-width: 469px) { #entry-template #map-canvas { height: 350px; } } /*============================================================================================== SCHOOL HOMEPAGE TEMPLATE ********************************************************************* ==============================================================================================*/ /*======================================================================== HOME BANNER ========================================================================*/ #home-banner { background-color: #ddd; overflow: hidden; position: relative; min-height: 526px; } #home-banner .sws-inline-content { text-align: center; } #home-banner .sws-inline-content p { margin: 0; } #home-banner .sws-inline-content img { margin: 0; display: block; z-index: 1; } #home-banner #banner-welcome { float: left; width: 74%; height: 100%; position: relative; } .editmode #home-banner #banner-welcome { padding: 30px 3em; } #home-banner #banner-welcome .featured-link-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #637883; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); z-index: 2; } #home-banner #banner-welcome:hover .featured-link-mask { -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); } #home-banner #banner-welcome .sws-inline-content a, #home-banner #banner-welcome .sws-inline-content a.sws-document-link, #home-banner #banner-welcome .sws-inline-content a.sws-webpage-link, #home-banner #banner-welcome .sws-inline-content a.sws-video-link { background-color: transparent; background-image: none; height: 100%; left: 0; margin: 0; padding: 0 2em; position: absolute; text-align: center; top: 0; width: 100%; z-index: 3; } #home-banner #banner-welcome .sws-inline-content a:after { display: none; } #home-banner #banner-welcome .sws-inline-content a .banner-welcome-foreground { display: table; height: 100%; width: 100%; } #home-banner #banner-welcome .sws-inline-content a .banner-welcome-content { display: table-cell; vertical-align: middle; } #home-banner #banner-welcome .sws-inline-content img { display: none; } .editmode #home-banner #banner-welcome .sws-inline-content img { display: block; } #home-banner #banner-welcome .sws-inline-content h1, #home-banner #banner-welcome .sws-inline-content h2, #home-banner #banner-welcome .sws-inline-content h3 { color: #fff; font-family: "Open Sans Bold"; font-size: 5.7em; font-weight: normal; line-height: 1.15em; margin: -12px auto 29px; text-shadow: 0 1px 6px #222; text-transform: uppercase; } body.acs-org #home-banner #banner-welcome .sws-inline-content h1, body.acs-org #home-banner #banner-welcome .sws-inline-content h2, body.acs-org #home-banner #banner-welcome .sws-inline-content h3 { font-size: 5.4em; } .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h1, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h2, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h3 { max-width: 720px; } #home-banner #banner-welcome .sws-inline-content strong { display: block; font-weight: normal; font-family:"Museo Slab W01 500"; color: #fff; text-align: center; font-size: 1.45em; line-height: 1.8em; margin: 0 auto 48px; text-shadow: 0 1px 6px #222; max-width: 730px; } .acs-hillingdon #home-banner #banner-welcome .sws-inline-content strong { max-width: 690px } #home-banner #banner-welcome .sws-inline-content a span.anchor-visual { background: url("../images/shared/shared-home-sprite.png") no-repeat scroll -76px -325px #81b051; color: #fff; display: inline-block; font-family: "Museo Slab W01 500"; font-size: 1.05em; line-height: 1.8em; margin: 0; padding: 16px 20px 39px 63px; position: relative; } #home-banner #banner-welcome .sws-inline-content a span.anchor-visual:after { background-color: #2c4857; bottom: 0; color: #abc5d4; content: "Play Video"; display: block; font-family: "Open Sans Semibold"; font-size: 0.68em; left: 0; letter-spacing: 1px; line-height: 27px; position: absolute; text-transform: uppercase; width: 100%; } #home-banner #banner-welcome .sws-inline-content a:hover span.anchor-visual:after { background-color: #213039; } #home-banner #banner-welcome .sws-inline-content a:hover span.anchor-visual { background-color: #88a5b5; } .editmode #home-banner #banner-welcome .sws-inline-content h1, .editmode #home-banner #banner-welcome .sws-inline-content h2, .editmode #home-banner #banner-welcome .sws-inline-content h3 { color: #2a4451; font-size: 3.4em !important; text-shadow: none; } .editmode #home-banner #banner-welcome .sws-inline-content strong { color: #2a4451; font-size: 1.2em; margin: 0 auto 32px; text-shadow: none; } .editmode #home-banner #banner-welcome .sws-inline-content a { background: url("../images/shared/shared-sprite.png") no-repeat scroll -345px -487px transparent; border: medium none; cursor: pointer; display: block; text-align: left; font-family: "Museo Slab W01 500"; font-size: 1.05em; font-weight: normal; margin-bottom: 32px; margin-top: 32px; padding: 9px 20px 9px 50px; position: relative; text-decoration: none; color: #fff; } .editmode #home-banner #banner-welcome .sws-inline-content a.sws-document-link { background-position: -345px 13px; } .editmode #home-banner #banner-welcome .sws-inline-content a.sws-webpage-link { background-position: -345px -713px; } .editmode #home-banner #banner-welcome .sws-inline-content a.sws-video-link { background-position: -346px -1182px } .editmode #home-banner #banner-welcome .sws-inline-content a:focus, .editmode #home-banner #banner-welcome .sws-inline-content a:hover, .editmode #home-banner #banner-welcome .sws-inline-content a:active { background-color: transparent; } .editmode #home-banner #banner-welcome .sws-inline-content a:after { display: none; } #home-banner aside.banner-promotions, #home-banner aside.banner-job-promo { width: 26%; height: 100%; padding: 0; float: right; position: relative; } #home-banner aside.banner-promotions div.featured-link, #home-banner aside.banner-job-promo div.featured-link { background-color: #eee; height: 50%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } #home-banner aside.banner-job-promo .featured-link .sws-inline-content .sws-image-link { position: relative; margin: 0 auto; } #home-banner aside.banner-job-promo .featured-link .sws-inline-content .sws-image-link.active { padding-bottom: 0; } #home-banner aside.banner-promotions > div#banner-promotion-two, #home-banner aside.banner-job-promo > div#banner-job-promo-two { background-color: #ccc; top: auto; bottom: 0; } #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-video-link { padding: 0; } #home-banner aside.banner-promotions .featured-link .sws-inline-content .featured-link-content, #home-banner aside.banner-job-promo .featured-link .sws-inline-content .featured-link-content { vertical-align: bottom; padding-bottom: 0; display: table-cell; } #home-banner aside.banner-promotions .featured-link .sws-inline-content .featured-link-content span.anchor-visual, #home-banner aside.banner-job-promo .featured-link .sws-inline-content .featured-link-content span.anchor-visual { width: 100%; } #home-banner aside.banner-promotions .featured-link .sws-inline-content img, #home-banner aside.banner-job-promo .featured-link .sws-inline-content img{ display: none; } #home-banner aside.banner-promotions #banner-promotion-one span.anchor-visual { background-image: none; padding-bottom: 35px; padding-left: 20px; position: relative; text-align: center; } #home-banner aside.banner-job-promo #banner-job-promo-one span.anchor-visual { padding-bottom: 9px; position: relative; } #home-banner aside.banner-promotions #banner-promotion-one span.anchor-visual:before, #home-banner aside.banner-job-promo #banner-job-promo-one span.anchor-visual:before { content: ""; background: url("../images/shared/shared-sprite.png") no-repeat scroll -362px -727px transparent; display: inline-block; height: 14px; width: 19px; padding-right: 32px; } #home-banner aside.banner-promotions #banner-promotion-one a.sws-video-link span.anchor-visual:before, #home-banner aside.banner-job-promo #banner-job-promo-one a.sws-video-link span.anchor-visual:before { background: url("../images/shared/shared-sprite.png") no-repeat scroll -363px -1197px transparent; } #home-banner aside.banner-promotions #banner-promotion-one span.anchor-visual:after { background-color: #2c4857; color: #abc5d4; content: "Head of School"; display: block; font-family: "Open Sans Semibold"; font-size: 0.68em; letter-spacing: 1px; line-height: 27px; text-transform: uppercase; position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; } .acs-org #home-banner aside.banner-promotions #banner-promotion-one span.anchor-visual:after { content: ""; background-color: #2c4857; height:30px; } #home-banner aside.banner-promotions #banner-promotion-one a:hover span.anchor-visual:after { background-color: #213039; } #home-banner aside.banner-promotions #banner-promotion-two span.anchor-visual, #home-banner aside.banner-job-promo #banner-job-promo-one span.anchor-visual, #home-banner aside.banner-job-promo #banner-job-promo-two span.anchor-visual { padding-left: 20px; background-image: none; text-align: center; } #home-banner aside.banner-promotions #banner-promotion-two a.sws-webpage-link span.anchor-visual:before, #home-banner aside.banner-job-promo #banner-job-promo-two a.sws-webpage-link span.anchor-visual:before { background: url("../images/shared/shared-sprite.png") no-repeat scroll -362px -731px transparent; content: ""; display: inline-block; height: 10px; padding-right: 32px; width: 19px; } .countdown-timer { height: 100%; left: 0; position: absolute; top: 0; width: 100%; padding-bottom: 46px; display: block; text-align: center; } .countdown-timer-content { height: 100%; width: 100%; display: table; } .countdown-timer-number { display: table-cell; vertical-align: middle; color: #fff; } .countdown-timer-number h2 { color: #fff; font-weight: normal; text-transform: uppercase; padding-bottom: 10px; } .countdown-timer-number h2 span.time { display: inline-block; } .countdown-timer-number h2 span.time:first-child:before { display: none; } .countdown-timer-number h2 span.time span.number { display: block; font-family: "Open Sans Bold"; font-size: 60px; letter-spacing: -5px; line-height: 65px; padding: 0 9px; position: relative; } .countdown-timer-number h2 span.time span.number:before { bottom: 0; content: ":"; display: block; font-size: 21px; left: -3px; position: absolute; } .countdown-timer-number h2 span.time:first-child span.number:before { display: none; } .countdown-timer-number h2 span.cd-label { display: block; font-family: "Open Sans Semibold"; font-size: 0.69em; letter-spacing: 1px; text-indent: 2px; } .countdown-timer-number p { color: #fff; display: block; font-family: "Museo Slab W01 500"; font-size: 1.45em; font-weight: normal; line-height: 1.8em; text-align: center; } .editmode .countdown-timer { display: none; } @media all and (max-width: 1580px) { .countdown-timer-number h2 span.time span.number { font-size: 56px; line-height: 56px; } } @media all and (max-width: 1490px) { .countdown-timer-number h2 span.time span.number { font-size: 48px; line-height: 48px; } } @media all and (max-width: 1110px) { .countdown-timer-number h2 span.time span.number { font-size: 43px; line-height: 43px; } } @media all and (max-width: 1023px) { .countdown-timer-number h2 span.time span.number { font-size: 69px; line-height: 69px; } } @media all and (max-width: 960px) { .countdown-timer-number h2 span.time span.number { font-size: 65px; line-height: 65px; } } @media all and (max-width: 924px) { .countdown-timer-number h2 span.time span.number { font-size: 60px; line-height: 60px; } } @media all and (max-width: 874px) { .countdown-timer-number h2 span.time span.number { font-size: 56px; line-height: 56px; } } @media all and (max-width: 784px) { .countdown-timer-number h2 span.time span.number { font-size: 48px; line-height: 48px; } } @media all and (max-width: 676px) { .countdown-timer-number h2 span.time span.number { font-size: 69px; line-height: 69px; } } @media all and (max-width: 613px) { .countdown-timer-number h2 span.time span.number { font-size: 65px; line-height: 65px; } } @media all and (max-width: 578px) { .countdown-timer-number h2 span.time span.number { font-size: 60px; line-height: 60px; } } @media all and (max-width: 448px) { .countdown-timer-number h2 span.time span.number { font-size: 48px; line-height: 48px; } } @media all and (max-width: 340px) { .countdown-timer-number h2 span.time span.number { font-size: 43px; line-height: 43px; } } .editmode #home-banner aside.banner-promotions .featured-link .sws-inline-content img, .editmode #home-banner aside.banner-promotions .featured-link .sws-inline-content img:empty { position: static; transform: none; } .editmode #home-banner aside.banner-promotions .featured-link .sws-inline-content a, .editmode #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, .editmode #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, .editmode #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link { padding: 9px 20px 9px 50px; position: static; text-align: left; height: auto; } .editmode #banner-promotion-one, .editmode #banner-promotion-two, .editmode #banner-job-promo-one, .editmode #banner-job-promo-two { padding: 30px 3em; } .editmode #home-banner aside.banner-promotions .featured-link .sws-inline-content img { display: block; height: auto; width: 100%; } @media all and (max-width: 1480px) { #home-banner #banner-welcome { width: 72%; } #home-banner aside.banner-promotions { width: 28%; } } @media all and (max-width: 1380px) { #home-banner #banner-welcome { width: 69%; } #home-banner aside.banner-promotions { width: 31%; } } @media all and (max-width: 1280px) { #home-banner #banner-welcome { width: 69%; } #home-banner aside.banner-promotions, #home-banner aside.banner-job-promo { width: 31%; } #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content img, { padding: 0; } #home-banner #banner-welcome .sws-inline-content h1, #home-banner #banner-welcome .sws-inline-content h2, #home-banner #banner-welcome .sws-inline-content h3 { color: #fff; font-family: "Open Sans Bold"; font-size: 5.2em; } body.acs-org #home-banner #banner-welcome .sws-inline-content h1, body.acs-org #home-banner #banner-welcome .sws-inline-content h2, body.acs-org #home-banner #banner-welcome .sws-inline-content h3 { font-size: 4.4em; } .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h1, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h2, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h3 { max-width: 566px; font-size: 4.5em; } #home-banner #banner-welcome .sws-inline-content strong { font-size: 1.3em; line-height: 1.7em; } } @media all and (max-width: 1140px) { #home-banner #banner-welcome { width: 67%; } #home-banner aside.banner-promotions, #home-banner aside.banner-job-promo { width: 33%; } } @media all and (max-width: 1023px) { #home-banner aside.banner-promotions, #home-banner aside.banner-job-promo { width: 100%; float: none; height: auto; } #home-banner { float: none; height: auto !important; width: 100%; } #home-banner #banner-welcome { float: none; width: 100%; height: 540px; } #home-banner aside.banner-promotions, #home-banner aside.banner-job-promo { width: 100%; float: none; height: auto; } #home-banner aside.banner-promotions .featured-link .sws-inline-content .featured-link-content, #home-banner aside.banner-job-promo .featured-link .sws-inline-content .featured-link-content { padding: 0; } #home-banner div.featured-link { position: static; width: 100%; } #home-banner aside.banner-promotions div.featured-link, #home-banner aside.banner-job-promo div.featured-link { height: auto; position: relative !important; float: left; width: 50%; } #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-video-link { position: relative; height: 440px; padding: 0; } } @media all and (max-width: 900px) { #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-video-link { height: 385px; } } @media all and (max-width: 800px) { #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-video-link { height: 330px; } } @media all and (max-width: 676px) { #home-banner #banner-welcome { height: auto; } #home-banner aside.banner-promotions div.featured-link, #home-banner aside.banner-job-promo div.featured-link { width: 100%; float: none; } #home-banner #banner-welcome .sws-inline-content a, #home-banner #banner-welcome .sws-inline-content a.sws-document-link, #home-banner #banner-welcome .sws-inline-content a.sws-webpage-link, #home-banner #banner-welcome .sws-inline-content a.sws-video-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-video-link , .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a.sws-document-link, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a.sws-webpage-link, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a.sws-video-link { padding: 37px 2.3em 52px; position: relative; z-index: 3; } #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-video-link { padding: 0; } #home-banner #banner-welcome .sws-inline-content h1, #home-banner #banner-welcome .sws-inline-content h2, #home-banner #banner-welcome .sws-inline-content h3 { font-size: 4em; letter-spacing: -1px; line-height: 1.35em; margin-bottom: 27px; text-shadow: 0 1px 3px #222; } body.acs-org #home-banner #banner-welcome .sws-inline-content h1, body.acs-org #home-banner #banner-welcome .sws-inline-content h2, body.acs-org #home-banner #banner-welcome .sws-inline-content h3, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h1, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h2, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h3 { font-size: 3.3em; } #home-banner #banner-welcome .sws-inline-content strong { font-size: 1.25em; line-height: 1.75em; } #home-banner #banner-welcome .sws-inline-content strong { margin: 0 auto 27px; } #home-banner #banner-welcome .sws-inline-content a span.anchor-visual { padding: 9px 20px 9px 50px; text-align: center; background-image: url("../images/shared/shared-sprite.png"); background-position: -346px -488px; } #home-banner #banner-welcome .sws-inline-content a.sws-webpage-link span.anchor-visual { background-position: -345px -713px; } #home-banner #banner-welcome .sws-inline-content a.sws-document-link span.anchor-visual { background-position: -345px 13px; } #home-banner #banner-welcome .sws-inline-content a.sws-video-link span.anchor-visual { background-position: -346px -1182px } #home-banner #banner-welcome .sws-inline-content a span.anchor-visual:after { display: none; } #home-banner #banner-welcome .featured-link-mask { -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); z-index: 1; } #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-video-link { height: 412px; } } @media all and (max-width: 469px) { #home-banner #banner-welcome .sws-inline-content a, #home-banner #banner-welcome .sws-inline-content a.sws-document-link, #home-banner #banner-welcome .sws-inline-content a.sws-webpage-link, #home-banner #banner-welcome .sws-inline-content a.sws-video-link, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a.sws-document-link, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a.sws-webpage-link, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a.sws-video-link { padding: 27px 1.7em 40px; } #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-video-link { padding: 0; } #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-video-link { height: 370px; } #home-banner aside.banner-promotions div.featured-link, #home-banner aside.banner-job-promo div.featured-link { width: 100%; float: none; } #home-banner #banner-welcome .sws-inline-content h1, #home-banner #banner-welcome .sws-inline-content h2, #home-banner #banner-welcome .sws-inline-content h3 { font-size: 3.3em; } body.acs-org #home-banner #banner-welcome .sws-inline-content h1, body.acs-org #home-banner #banner-welcome .sws-inline-content h2, body.acs-org #home-banner #banner-welcome .sws-inline-content h3, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h1, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h2, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h3 { font-size: 3em; } #home-banner #banner-welcome .sws-inline-content strong { font-size: 1.2em; line-height: 1.8em; } } @media all and (max-width: 420px) { #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-video-link { height: 340px; } #home-banner #banner-welcome .sws-inline-content h1, #home-banner #banner-welcome .sws-inline-content h2, #home-banner #banner-welcome .sws-inline-content h3 { font-size: 3.1em; } body.acs-org #home-banner #banner-welcome .sws-inline-content h1, body.acs-org #home-banner #banner-welcome .sws-inline-content h2, body.acs-org #home-banner #banner-welcome .sws-inline-content h3, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h1, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h2, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h3 { font-size: 2.8em; } #home-banner #banner-welcome .sws-inline-content strong { font-size: 1.1em; line-height: inherit; } #home-banner #banner-welcome .sws-inline-content a, #home-banner #banner-welcome .sws-inline-content a.sws-document-link, #home-banner #banner-welcome .sws-inline-content a.sws-webpage-link, #home-banner #banner-welcome .sws-inline-content a.sws-video-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-video-link, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a.sws-document-link, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a.sws-webpage-link, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a.sws-video-link { padding-bottom: 37px; } #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-video-link { padding-bottom: 0; } } @media all and (max-width: 390px) { #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-video-link { height: 310px; } #home-banner #banner-welcome .sws-inline-content h1, #home-banner #banner-welcome .sws-inline-content h2, #home-banner #banner-welcome .sws-inline-content h3 { font-size: 2.8em; } body.acs-org #home-banner #banner-welcome .sws-inline-content h1, body.acs-org #home-banner #banner-welcome .sws-inline-content h2, body.acs-org #home-banner #banner-welcome .sws-inline-content h3, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h1, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h2, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h3 { font-size: 2.5em; } #home-banner #banner-welcome .sws-inline-content a, #home-banner #banner-welcome .sws-inline-content a.sws-document-link, #home-banner #banner-welcome .sws-inline-content a.sws-webpage-link, #home-banner #banner-welcome .sws-inline-content a.sws-video-link, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a.sws-document-link, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a.sws-webpage-link, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a.sws-video-link { padding-bottom: 35px; } #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-video-link { padding: 0; } } @media all and (max-width: 358px) { #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-video-link { height: 280px; } #home-banner #banner-welcome .sws-inline-content h1, #home-banner #banner-welcome .sws-inline-content h2, #home-banner #banner-welcome .sws-inline-content h3 { font-size: 2.5em; } body.acs-org #home-banner #banner-welcome .sws-inline-content h1, body.acs-org #home-banner #banner-welcome .sws-inline-content h2, body.acs-org #home-banner #banner-welcome .sws-inline-content h3, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h1, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h2, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content h3 { font-size: 2.2em; } #home-banner #banner-welcome .sws-inline-content strong { font-size: inherit; line-height: inherit; } #home-banner #banner-welcome .sws-inline-content a, #home-banner #banner-welcome .sws-inline-content a.sws-document-link, #home-banner #banner-welcome .sws-inline-content a.sws-webpage-link, #home-banner #banner-welcome .sws-inline-content a.sws-video-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-document-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-webpage-link, #home-banner aside.banner-job-promo .featured-link .sws-inline-content a.sws-video-link, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a.sws-document-link, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a.sws-webpage-link, .acs-hillingdon #home-banner #banner-welcome .sws-inline-content a.sws-video-link { padding-bottom: 32px; } } /*======================================================================== CORE VALUES ========================================================================*/ #core-values > li { float: left; width: 23.5%; border-left: 1px solid #d5d5d5; padding: 0 2.5em; } #core-values > li:first-child { border-left: none; padding-left: 0; } #core-values > li + li { background-color: #fff; width: 26.5%; } #core-values > li + li + li + li { padding-right: 0; width: 23.5%; } #core-values > li { position: relative; } #core-values > li p { margin: 0; padding: 0; } #core-values > li img { max-width: 100%; display: block; margin-top: 0; margin-left: auto; padding: 0; margin-right: auto; } #core-values > li .sws-inline-content { text-align: center; } #core-values > li .sws-inline-content h1, #core-values > li .sws-inline-content h2, #core-values > li .sws-inline-content h3 { color: #59911e; font-family: "Open Sans Light"; font-size: 1.4em; font-weight: normal; letter-spacing: 0; line-height: 1.6em; margin-top: 0; margin-bottom: 25px; } #core-values > li .sws-inline-content h1 br, #core-values > li .sws-inline-content h2 br, #core-values > li .sws-inline-content h3 br { display: block; } #core-values > li .sws-inline-content ul { padding: 0; margin: 0 0 27px; } #core-values > li .sws-inline-content ul > li:before { display: none; } #core-values > li .sws-inline-content ul > li + li:before { background-color: #d5d5d5; background-image: none; content: ""; display: block; height: 1px; left: 0; margin: 0 auto; position: relative; top: -7px; width: 22px; } #core-values > li .sws-inline-content ul > li { margin: 0; padding: 9px 0; } #core-values > li .sws-inline-content ul > li:first-child { border-top: none; padding-top: 0; margin-top: 0; } #core-values > li .sws-inline-content ul > li:last-child { padding-bottom: 0; } #core-values > li .sws-inline-content a { background: url("../images/shared/shared-sprite.png") no-repeat scroll -345px -487px #2c4857; border: none; color: #fff; cursor: pointer; display: inline-block; font-family: "Museo Slab W01 500"; font-size: 1.05em; font-weight: normal; margin-bottom: 0; margin-top: 0; padding: 9px 20px 9px 50px; position: relative; text-decoration: none; } #core-values > li .sws-inline-content a:focus, #core-values > li .sws-inline-content a:hover, #core-values > li .sws-inline-content a:active { background-color: #81b051; } #core-values-read-more { text-align: center; } #core-values-read-more a.sws-webpage-link { display: inline-block; padding: 9px 20px 9px 50px; margin-bottom: 0; margin-top: 44px; width: auto; } #core-values-read-more a.sws-webpage-link:after { display: none; } @media all and (max-width: 1140px) { #core-values > li { border: none; } #core-values > li { padding: 0 1.5em; } } @media all and (max-width: 1023px) { #core-values > li:first-child, #core-values > li + li, #core-values > li + li + li + li { width: 50%; padding: 0 2.5em; border-left: 1px solid #d5d5d5; min-height: 0; } #core-values > li:first-child, #core-values > li + li + li { border-left: none; } #core-values > li:first-child, #core-values > li + li { padding-bottom: 40px; } #core-values > li + li + li, #core-values > li + li + li + li { clear: left; padding-top: 40px; padding-bottom: 0; border-top: 1px solid #d5d5d5; } #core-values > li + li + li + li { border-left: 1px solid #d5d5d5; clear: none; } #core-values > li div.value-description { margin: 0 auto; max-width: 240px; } } @media all and (max-width: 620px) { #core-values > li:first-child, #core-values > li + li, #core-values > li + li + li + li { border-left: none; padding: 0 12px; } #core-values > li + li + li, #core-values > li + li + li + li { padding-top: 0; border-top: none; margin-top: 40px; } #core-values > li div.value-infographic img { max-width: 160px; } } @media all and (max-width: 469px) { #core-values > li:first-child, #core-values > li + li, #core-values > li + li + li + li { float: none; width: 100%; padding: 0; min-height: 0; margin-top: 40px; } #core-values > li:first-child { margin-top: 0; } #core-values > li div.value-infographic img { max-width: 170px; } #core-values > li div.value-description .sws-inline-content h1, #core-values > li div.value-description .sws-inline-content h2, #core-values > li div.value-description .sws-inline-content h3 { margin-bottom: 14px; } #core-values > li div.value-description .sws-inline-content p { height: auto; margin-bottom: 20px; } #core-values > li div.value-description { padding-top: 21px; } } /*======================================================================== PROGRAMMES ========================================================================*/ #programmes { background: #f5f5f5 url(../images/acs-org/programmes-bg.jpg) no-repeat 50% 0; background-size: cover; } #programmes .section-content .blogentries { margin-bottom: 0; } #programmes .section-content .BlogFeatureList > ul > li h2.blogTitle, #programmes .section-content .BlogFeatureList > ul > li .blogDate { display: none; } .editmode #programmes .section-content .BlogFeatureList > ul > li h2.blogTitle, .editmode #programmes .section-content .BlogFeatureList > ul > li .blogDate { display: block; } .editmode #programmes .section-content .BlogFeatureList > ul > li div.blogSummary { margin-top: 1.6em; } #programmes .section-content .BlogFeatureList > ul > li { float: left; width: 23.2%; margin: 0; padding: 0; border: none; margin-left: 2.4%; margin-bottom: 2.4%; } #programmes .section-content .BlogFeatureList > ul > li.post1, #programmes .section-content .BlogFeatureList > ul > li.post5 { margin-left: 0; } #programmes .section-content .BlogFeatureList > ul > li div.blogSummary { background-color: #fff; min-height: 260px; margin-top: 0; padding-top: 0; position: relative; text-align: center; color: #2c4857; font-family: "Open Sans Light"; font-size: 1.3em; font-weight: normal; letter-spacing: 0; line-height: 1.6em; } #programmes .section-content .BlogFeatureList > ul > li div.blogSummary a { display: block; height: 100%; left: 0; padding: 36px 32px 32px; position: relative; top: 0; width: 100%; } #programmes .section-content .BlogFeatureList > ul > li div.blogSummary p { margin: 0; } #programmes .section-content .BlogFeatureList > ul > li div.blogSummary a { display: block; } #programmes .section-content .BlogFeatureList > ul > li div.blogSummary a em { color: #333; content: "document"; display: block; font-family: "Open Sans Semibold"; font-size: 0.7em; font-style: normal; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); padding-top: 7px; text-transform: uppercase; } #programmes .section-content .BlogFeatureList > ul > li div.blogSummary a:before { background: url("../images/shared/programme-logos.png") no-repeat scroll -425px -13px #fff; content: ""; display: block; height: 79px; margin: 0 auto 20px; width: 120px; } #programmes .section-content .BlogFeatureList > ul > li div.blogSummary a:focus:before, #programmes .section-content .BlogFeatureList > ul > li div.blogSummary a:hover:before, #programmes .section-content .BlogFeatureList > ul > li div.blogSummary a:active:before { background-position: -425px -197px; } #programmes .section-content .BlogFeatureList > ul > li.post2 div.blogSummary a:before { background-position: -566px -13px; } #programmes .section-content .BlogFeatureList > ul > li.post2 div.blogSummary a:focus:before, #programmes .section-content .BlogFeatureList > ul > li.post2 div.blogSummary a:hover:before, #programmes .section-content .BlogFeatureList > ul > li.post2 div.blogSummary a:active:before { background-position: -566px -197px; } #programmes .section-content .BlogFeatureList > ul > li.post3 div.blogSummary a:before { background-position: -707px -13px; } #programmes .section-content .BlogFeatureList > ul > li.post3 div.blogSummary a:focus:before, #programmes .section-content .BlogFeatureList > ul > li.post3 div.blogSummary a:hover:before, #programmes .section-content .BlogFeatureList > ul > li.post3 div.blogSummary a:active:before { background-position: -707px -197px; } #programmes .section-content .BlogFeatureList > ul > li.post4 div.blogSummary a:before { background-position: -2px -13px; } #programmes .section-content .BlogFeatureList > ul > li.post4 div.blogSummary a:focus:before, #programmes .section-content .BlogFeatureList > ul > li.post4 div.blogSummary a:hover:before, #programmes .section-content .BlogFeatureList > ul > li.post4 div.blogSummary a:active:before { background-position: -2px -197px; } #programmes .section-content .BlogFeatureList > ul > li.post5 div.blogSummary a:before { background-position: -859px -13px; } #programmes .section-content .BlogFeatureList > ul > li.post5 div.blogSummary a:focus:before, #programmes .section-content .BlogFeatureList > ul > li.post5 div.blogSummary a:hover:before, #programmes .section-content .BlogFeatureList > ul > li.post5 div.blogSummary a:active:before { background-position: -859px -197px; } #programmes .section-content .BlogFeatureList > ul > li.post6 div.blogSummary a:before { background-position: -146px -15px; } #programmes .section-content .BlogFeatureList > ul > li.post6 div.blogSummary a:focus:before, #programmes .section-content .BlogFeatureList > ul > li.post6 div.blogSummary a:hover:before, #programmes .section-content .BlogFeatureList > ul > li.post6 div.blogSummary a:active:before { background-position: -146px -199px; } #programmes .section-content .BlogFeatureList > ul > li.post7 div.blogSummary a:before { background-position: -286px -15px; } #programmes .section-content .BlogFeatureList > ul > li.post7 div.blogSummary a:focus:before, #programmes .section-content .BlogFeatureList > ul > li.post7 div.blogSummary a:hover:before, #programmes .section-content .BlogFeatureList > ul > li.post7 div.blogSummary a:active:before { background-position: -286px -199px; } #programmes .section-content .BlogFeatureList > ul > li.post8 div.blogSummary a:before { background-position: -1019px -13px; } #programmes .section-content .BlogFeatureList > ul > li.post8 div.blogSummary a:focus:before, #programmes .section-content .BlogFeatureList > ul > li.post8 div.blogSummary a:hover:before, #programmes .section-content .BlogFeatureList > ul > li.post8 div.blogSummary a:active:before { background-position: -1019px -197px; } @media all and (max-width: 1128px) { #programmes .section-content .BlogFeatureList > ul > li div.blogSummary { font-size: 1.2em; } #programmes .section-content .BlogFeatureList > ul > li div.blogSummary a em { font-size: 0.8em; } } @media all and (max-width: 1050px) { #programmes .section-content .BlogFeatureList > ul > li div.blogSummary { font-size: 1.3em; } #programmes .section-content .BlogFeatureList > ul > li div.blogSummary a em { font-size: 0.7em; } #programmes .section-content .BlogFeatureList > ul > li { margin: 0; width: 31%; } #programmes .section-content .BlogFeatureList > ul > li.post1, #programmes .section-content .BlogFeatureList > ul > li.post4, #programmes .section-content .BlogFeatureList > ul > li.post7 { margin-left: 0; margin-bottom: 3%; clear: left; } #programmes .section-content .BlogFeatureList > ul > li.post2, #programmes .section-content .BlogFeatureList > ul > li.post3, #programmes .section-content .BlogFeatureList > ul > li.post5, #programmes .section-content .BlogFeatureList > ul > li.post6, #programmes .section-content .BlogFeatureList > ul > li.post8 { margin-bottom: 3.5%; margin-left: 3.5%; clear: none; } #programmes .section-content .BlogFeatureList > ul > li.post7, #programmes .section-content .BlogFeatureList > ul > li.post8 { margin-bottom: 0; } #programmes .section-content .BlogFeatureList > ul > li .sws-inline-content a { padding: 36px 16px 25px; } #programmes .section-content .BlogFeatureList > ul > li .sws-inline-content { font-size: 1.2em; } #homepage-template #programmes .section-content { padding-bottom: 7px; } } @media all and (max-width: 850px) { #programmes .section-content .BlogFeatureList > ul > li div.blogSummary { font-size: 1.2em; } #programmes .section-content .BlogFeatureList > ul > li div.blogSummary a em { font-size: 0.8em; } } @media all and (max-width: 800px) { #programmes .section-content .BlogFeatureList > ul > li div.blogSummary { font-size: 1.3em; } #programmes .section-content .BlogFeatureList > ul > li div.blogSummary a em { font-size: 0.7em; } #homepage-template #programmes .section-content { padding-bottom: 7px; } #programmes .section-content .BlogFeatureList > ul > li { margin: 0; width: 47%; } #programmes .section-content .BlogFeatureList > ul > li.post1, #programmes .section-content .BlogFeatureList > ul > li.post3, #programmes .section-content .BlogFeatureList > ul > li.post5, #programmes .section-content .BlogFeatureList > ul > li.post7 { margin-left: 0; margin-bottom: 6%; clear: left; } #programmes .section-content .BlogFeatureList > ul > li.post2, #programmes .section-content .BlogFeatureList > ul > li.post4, #programmes .section-content .BlogFeatureList > ul > li.post6, #programmes .section-content .BlogFeatureList > ul > li.post8 { margin-left: 6%; margin-bottom: 6%; clear: none; } #programmes .section-content .BlogFeatureList > ul > li.post7, #programmes .section-content .BlogFeatureList > ul > li.post8 { margin-bottom: 0; } } @media all and (max-width: 570px) { #programmes .section-content .BlogFeatureList > ul > li div.blogSummary { font-size: 1.2em; } #programmes .section-content .BlogFeatureList > ul > li div.blogSummary a em { font-size: 0.8em; } } @media all and (max-width: 540px) { #programmes .section-content .BlogFeatureList > ul > li div.blogSummary { font-size: 1.3em; } #programmes .section-content .BlogFeatureList > ul > li div.blogSummary a em { font-size: 0.7em; } #programmes .section-content .BlogFeatureList > ul > li.post1, #programmes .section-content .BlogFeatureList > ul > li.post2, #programmes .section-content .BlogFeatureList > ul > li.post3, #programmes .section-content .BlogFeatureList > ul > li.post4, #programmes .section-content .BlogFeatureList > ul > li.post5, #programmes .section-content .BlogFeatureList > ul > li.post6, #programmes .section-content .BlogFeatureList > ul > li.post7, #programmes .section-content .BlogFeatureList > ul > li.post8 { float: none; width: 100%; margin: 0 0 20px; } #programmes .section-content .BlogFeatureList > ul > li.post8 { margin-bottom: 0; } } /*======================================================================== SCHOOL AGE RANGES ========================================================================*/ #schools-age-ranges > ul, #schools-age-ranges > ul > li { display: block; } #schools-age-ranges > ul > li.age-range { width: 25%; float: left; background-color: #ddd; height: 500px; position: relative; overflow: hidden; z-index: 4; } #schools-age-ranges.three-age-ranges > ul > li.age-range { width: 33.33333%; } #schools-age-ranges ul > li#lower-school, #schools-age-ranges ul > li#high-school { background-color: #eee; } #schools-age-ranges.three-age-ranges ul > li#lower-school, #schools-age-ranges.three-age-ranges ul > li#high-school { background-color: #ddd; } #schools-age-ranges.three-age-ranges ul > li#middle-school { background-color: #eee; } #schools-age-ranges > ul > li.age-range .sws-inline-content { text-align: center; } #schools-age-ranges > ul > li.age-range .sws-inline-content a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; z-index: 3; } .editmode #schools-age-ranges > ul > li.age-range .sws-inline-content a { position: static; width: auto; height: auto; } #schools-age-ranges > ul > li.age-range .sws-inline-content a .age-range-foreground { display: table; height: 100%; width: 100%; } #schools-age-ranges > ul > li.age-range .sws-inline-content a .age-range-content { display: table-cell; vertical-align: middle; } #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary { background-color: #fff; height: 163px; width: 163px; margin: 0 auto; } #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h1:before, #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h2:before, #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h3:before { color: #59911e; content: "Ages"; display: block; font-family: "Museo Slab W01 500"; font-size: 18px; letter-spacing: 0; line-height: 28px; padding-bottom: 7px; padding-top: 24px; text-indent: 0; text-transform: uppercase; } #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h1, #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h2, #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h3 { font-size: 45px; font-family: "Open Sans Semibold"; font-weight: normal; letter-spacing: -5px; line-height: 45px; color: #2a4451; padding-top: 0; text-indent: -7px; margin: 0; } #schools-age-ranges > ul > li.age-range .sws-inline-content a .age-range-content div.age-range-summary p { color: #333; content: "document"; font-family: "Open Sans Semibold"; font-size: 0.9em; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); text-transform: uppercase; padding-top: 11px; line-height: 1.4em; } #schools-age-ranges > ul > li.age-range .sws-inline-content a .age-range-content div.age-range-summary p strong { font-weight: normal; } #schools-age-ranges > ul > li.age-range .sws-inline-content a .age-range-content span.anchor-visual { background: url("../images/shared/shared-sprite.png") no-repeat scroll -345px -487px #81b051; border: medium none; cursor: pointer; color: #fff; display: inline-block; font-family: "Museo Slab W01 500"; font-size: 1.05em; font-weight: normal; margin-bottom: 0; margin-top: 62px; padding: 9px 20px 9px 50px; position: relative; text-decoration: none; } #schools-age-ranges > ul > li.age-range .sws-inline-content a .age-range-content span.anchor-visual i, #schools-age-ranges > ul > li.age-range .sws-inline-content a .age-range-content span.anchor-visual em { font-style: normal; } #schools-age-ranges > ul > li.age-range .sws-inline-content a:hover .age-range-content span.anchor-visual { background-color: #2c4857; } #schools-age-ranges > ul > li.age-range .sws-inline-content p { margin: 0; } #schools-age-ranges > ul > li.age-range .sws-inline-content img { display: block; height: 100%; margin: 0; max-width: none; height: 100%; padding: 0; position: absolute; top: 0; left: 0; z-index: 1; } #schools-age-ranges > ul > li.age-range .sws-inline-content img:empty { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .editmode #schools-age-ranges > ul > li.age-range .sws-inline-content img { display: block; position: static; } .editmode #schools-age-ranges > ul > li.age-range .sws-inline-content img:empty { left: 0; top: 0; transform: none; } #schools-age-ranges > ul > li.age-range .featured-link-mask { background-color: #637883; height: 100%; left: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); position: absolute; top: 0; width: 100%; z-index: 2; } #schools-age-ranges > ul > li.age-range:hover .featured-link-mask { -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); } .editmode #schools-age-ranges > ul > li.age-range { padding: 30px 3em; height: auto; } .editmode #schools-age-ranges > ul > li.age-range .sws-inline-content p { margin-bottom: 27px; } .editmode #schools-age-ranges > ul > li.age-range .featured-link-mask { display: none; } .editmode #schools-age-ranges > ul > li.age-range .sws-inline-content h1, .editmode #schools-age-ranges > ul > li.age-range .sws-inline-content h2, .editmode #schools-age-ranges > ul > li.age-range .sws-inline-content h3 { color: #2a4451; font-family: "Open Sans Bold"; font-size: 3em !important; letter-spacing: -3px; line-height: 1.15em; margin-top: 0; margin-bottom: 23px; } .editmode #schools-age-ranges > ul > li.age-range .sws-inline-content a { background: url("../images/shared/shared-sprite.png") no-repeat scroll -345px -487px transparent; border: medium none; cursor: pointer; display: block; font-family: "Museo Slab W01 500"; font-size: 1.05em; font-weight: normal; margin-bottom: 32px; margin-top: 32px; padding: 9px 20px 9px 50px; position: relative; text-align: left; text-decoration: none; color: #fff; } .editmode #schools-age-ranges > ul > li.age-range .sws-inline-content img { width: 100%; height: auto; } @media all and (max-width: 1500px) { #schools-age-ranges > ul > li.age-range { height: 460px; } } @media all and (max-width: 1400px) { #schools-age-ranges .age-range a span.anchor-visual i, #schools-age-ranges .age-range a span.anchor-visual em { display: none; } #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary { height: 153px; width: 153px; } #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h1, #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h2, #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h3 { font-size: 34px; letter-spacing: -4px; line-height: 34px; } #schools-age-ranges > ul > li.age-range .sws-inline-content a .age-range-content div.age-range-summary h1:before, #schools-age-ranges > ul > li.age-range .sws-inline-content a .age-range-content div.age-range-summary h2:before, #schools-age-ranges > ul > li.age-range .sws-inline-content a .age-range-content div.age-range-summary h3:before { font-size: 14px; padding-top: 22px; } #schools-age-ranges > ul > li.age-range { height: 430px; } } @media all and (max-width: 1150px) { #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary { height: 143px; width: 143px; } #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h1, #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h2, #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h3 { font-size: 32px; line-height: 32px; } #schools-age-ranges > ul > li.age-range .sws-inline-content a .age-range-content div.age-range-summary h1:before, #schools-age-ranges > ul > li.age-range .sws-inline-content a .age-range-content div.age-range-summary h2:before, #schools-age-ranges > ul > li.age-range .sws-inline-content a .age-range-content div.age-range-summary h3:before { padding-top: 18px; } #schools-age-ranges > ul > li.age-range { height: 350px; } } @media all and (max-width: 1023px) { #schools-age-ranges > ul > li.age-range { height: 466px; width: 50%; height: 320px; } #schools-age-ranges > ul > li.age-range .sws-inline-content a .age-range-content span.anchor-visual { margin-top: 32px; } #schools-age-ranges > ul > li.age-range .sws-inline-content img { height: auto; width: 101%; } #schools-age-ranges.three-age-ranges > ul > li.age-range .sws-inline-content img { height: 101%; width: auto; } } @media all and (max-width: 712px) { #schools-age-ranges > ul > li.age-range .sws-inline-content img, #schools-age-ranges.three-age-ranges > ul > li.age-range .sws-inline-content img { height: 101%; width: auto; } } @media all and (max-width: 700px) { #schools-age-ranges.three-age-ranges > ul > li.age-range { width: 100%; } #schools-age-ranges.three-age-ranges > ul > li.age-range .sws-inline-content img { height: auto; width: 101%; } } @media all and (max-width: 620px) { #schools-age-ranges > ul > li.age-range { width: 100%; float: none; } #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary { height: 143px; width: 143px; } #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h1, #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h2, #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h3 { font-size: 32px; line-height: 32px; } #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h1:before, #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h2:before, #schools-age-ranges > ul > li.age-range .sws-inline-content a div.age-range-summary h3:before { padding-top: 18px; } #schools-age-ranges > ul > li.age-range { height: 320px; } #schools-age-ranges > ul > li.age-range .sws-inline-content img, #schools-age-ranges.three-age-ranges > ul > li.age-range .sws-inline-content img { height: auto; width: 101%; } } @media all and (max-width: 350px) { #schools-age-ranges > ul > li.age-range .sws-inline-content img, #schools-age-ranges.three-age-ranges > ul > li.age-range .sws-inline-content img { height: 101%; width: auto; } } /*======================================================================== HIGHLIGHTS ========================================================================*/ #highlight-tabs { background: #31444f url(../images/acs-cobham/highlights-bg.jpg) no-repeat 50% 0; background-size: cover; padding-top: 96px; } #homepage-template #highlight-tabs .section-title h2 { color: #fff; } #homepage-template #highlight-tabs .section-title p { color: #c9dfea; } #highlight-tabs .tab-selection { padding-top: 94px; } #highlight-tabs .tab-selection ul { display: block; } #highlight-tabs .tab-selection ul li { display: block; float: left; width: 25%; padding: 0 3px; } .acs-egham #highlight-tabs .tab-selection ul li { width: 20%; } #highlight-tabs .tab-selection ul li span { display: block; height: 64px; text-align: center; line-height: 64px; text-transform: uppercase; color: #fff; font-family: "Museo Slab W01 500"; cursor: pointer; background-color: #a1c37e; } #highlight-tabs .tab-selection ul li:hover span, #highlight-tabs .tab-selection ul li.active-tab span { background-color: #fff; color: #31444f; } #highlight-tabs .tab-selection ul li span:before { background: url("../images/shared/shared-home-sprite.png") no-repeat scroll -1px -527px transparent; content: ""; display: inline-block; height: 16px; margin-right: 10px; position: relative; top: 2px; width: 25px; } #highlight-tabs .tab-selection ul li#news-tab:hover span:before, #highlight-tabs .tab-selection ul li#news-tab.active-tab span:before { background-position: 0 -596px; } #highlight-tabs .tab-selection ul li#twitter-tab span:before { background-position: -63px -527px; width: 17px; } #highlight-tabs .tab-selection ul li#twitter-tab:hover span:before, #highlight-tabs .tab-selection ul li#twitter-tab.active-tab span:before { background-position: -63px -596px; } #highlight-tabs .tab-selection ul li#facebook-tab span:before { background-position: -116px -526px; width: 9px; } #highlight-tabs .tab-selection ul li#facebook-tab:hover span:before, #highlight-tabs .tab-selection ul li#facebook-tab.active-tab span:before { background-position: -116px -596px; } #highlight-tabs .tab-selection ul li#youtube-tab span:before { background-position: -160px -526px; height: 18px; width: 17px; } #highlight-tabs .tab-selection ul li#youtube-tab:hover span:before, #highlight-tabs .tab-selection ul li#youtube-tab.active-tab span:before { background-position: -160px -596px; } #highlight-tabs .tab-selection ul li#headsblog-tab span:before { background-position: -213px -527px; width: 19px; } #highlight-tabs .tab-selection ul li#headsblog-tab:hover span:before, #highlight-tabs .tab-selection ul li#headsblog-tab.active-tab span:before { background-position: -213px -596px } #homepage-template #highlights-tab-content .section-content { padding: 110px 0 101px; position: relative; } #highlights-tab-content .tab-content > div { position: relative; display: none; } #highlights-tab-content .tab-content > div.active-tab-content { display: block; } #highlights-tab-content .tab-content-articles { min-height: 237px; } #highlights-tab-content .tab-content .BlogFeatureList ul li, #highlights-tab-content .tab-content .BlogFeatureList ul li .blogSummary, #highlights-tab-content .tab-content .BlogFeatureList ul li .blogSummary p, #highlights-tab-content .tab-content .BlogFeatureList ul li .blogSummary img { margin: 0; padding: 0; border: none; } #highlights-tab-content .tab-content .BlogFeatureList ul li .blogSummary { padding-bottom: 28px; position: relative; } #highlights-tab-content .tab-content .BlogFeatureList ul li .blogSummary a.addthis_button_compact { position: absolute; top: 0; right: 0; text-indent:-9999em; background: url("../images/shared/shared-sprite.png") no-repeat scroll 17px -1010px #81b051; width: 50px; height: 45px; display: block; cursor: pointer; } #highlights-tab-content .tab-content .BlogFeatureList ul li .blogSummary a.addthis_button_compact:focus, #highlights-tab-content .tab-content .BlogFeatureList ul li .blogSummary a.addthis_button_compact:hover, #highlights-tab-content .tab-content .BlogFeatureList ul li .blogSummary a.addthis_button_compact:active { background-color: #2c4857; } #highlights-tab-content .tab-content .BlogFeatureList ul li .blogSummary a.addthis_button_compact span { background-image: none; } #highlights-tab-content .blogentries ul li h2.blogTitle { padding-right: 0; } #highlights-tab-content .tab-content .BlogFeatureList ul li .blogSummary br { display: none; } #highlights-tab-content .tab-content .BlogFeatureList ul { float: left; width: 100%; padding-bottom: 36px; } #highlights-tab-content .tab-content .BlogFeatureList ul li { width: 30%; float: left; } #highlights-tab-content .tab-content .BlogFeatureList ul li + li { margin-left: 5%; } #highlights-tab-content #facebook-content .blogentries ul li h2.blogTitle, #highlights-tab-content #twitter-content .blogentries ul li h2.blogTitle { display: block; font-size: 1em; font-weight: normal; line-height: inherit; padding-bottom: 0.6em; padding-right: 0; padding-top: 0; } #highlights-tab-content #facebook-content .blogentries ul li h2.facebook-name, #highlights-tab-content #twitter-content .blogentries ul li h2.twitter-name { display: block; font-size: 1.2em; font-weight: normal; line-height: inherit; padding-bottom: 0.6em; padding-right: 0; padding-top: 0; margin-left: 74px; color: #2b4552; } #highlights-tab-content #facebook-content .BlogFeatureList ul li .blogDate, #highlights-tab-content #twitter-content .BlogFeatureList ul li .blogDate { margin-left: 74px; margin-top: 1px; padding-bottom: 23px; } #highlights-tab-content #facebook-content .BlogFeatureList ul li .blogSummary, #highlights-tab-content #twitter-content .BlogFeatureList ul li .blogSummary { display: none; } #highlights-tab-content #facebook-content .blogentries ul li:before, #highlights-tab-content #twitter-content .blogentries ul li:before { background: url("../images/shared/shared-home-sprite.png") no-repeat scroll -42px -505px #5dc0f0; border-radius: 29px; content: ""; display: block; height: 58px; left: 0; position: absolute; top: 0; width: 58px; } #highlights-tab-content #facebook-content .BlogFeatureList ul li:before { background: url("../images/shared/shared-home-sprite.png") no-repeat scroll -92px -505px #486eaf; } #highlights-tab-content .tab-content-footer { border-top: 1px solid #d0d0d0; display: block; } #highlights-tab-content ul.tab-content-more { padding-top: 40px; } #highlights-tab-content ul.tab-content-more, #highlights-tab-content ul.tab-content-more li { float: left; display: block; } #highlights-tab-content ul.tab-content-more li { padding-right: 26px; } #highlights-tab-content ul.tab-content-more li.rss-feed a { background-position: 19px -838px; padding-left: 0; padding-right: 0; text-indent: -9999em; width: 50px; } #highlights-tab-content ul.tab-content-more li a { background: url("../images/shared/shared-sprite.png") no-repeat scroll -345px -487px #81b051; border: none; cursor: pointer; display: block; color: #fff; font-family: "Museo Slab W01 500"; font-size: 1.05em; font-weight: normal; padding: 9px 20px 9px 50px; position: relative; text-decoration: none; } #highlights-tab-content ul.tab-content-more li a:focus, #highlights-tab-content ul.tab-content-more li a:hover, #highlights-tab-content ul.tab-content-more li a:active { background-color: #2c4857; } #highlights-tab-content #headsblog-content .blogentries ul li:before { background: url("../images/shared/shared-home-sprite.png") no-repeat scroll 14px -417px #7a97a6; border-radius: 29px; content: ""; display: block; height: 58px; left: 0; position: absolute; top: 6px; width: 58px; } #highlights-tab-content #headsblog-content .blogentries ul li h2.blogTitle, #highlights-tab-content #headsblog-content .blogentries ul li .blogDate { margin-left: 74px; } #highlights-tab-content #headsblog-content .blogentries ul li .blogSummary { padding-top: 28px; padding-bottom: 0; } ul#social-platforms { position: absolute; right: 0; bottom: 0; display: block; bottom: 101px; } ul#social-platforms li { float: left; padding-left: 23px; } ul#social-platforms li a { display: block; height: 46px; width: 46px; border-radius: 23px; text-indent: -9999em; background: #486eaf url(../images/shared/shared-sprite.png) no-repeat 18px -224px; } ul#social-platforms li#twitter a { background-color: #5dc0f0; background-position: -45px -224px; } ul#social-platforms li#youtube a { background-color: #e34847; background-position: -108px -224px; } ul#social-platforms li a:focus, ul#social-platforms li a:hover, ul#social-platforms li a:active, ul#social-platforms li#twitter a:focus, ul#social-platforms li#twitter a:hover, ul#social-platforms li#twitter a:active, ul#social-platforms li#youtube a:focus, ul#social-platforms li#youtube a:hover, ul#social-platforms li#youtube a:active { background-color: #2c4857; } @media all and (max-width: 900px) { #highlight-tabs { padding-top: 66px; } ul#social-platforms { bottom: 79px; } #highlight-tabs .tab-selection { padding-top: 66px; } #homepage-template #highlights-tab-content .section-content { padding: 66px 0 80px; } #highlight-tabs .tab-selection ul li { position: relative; height: 54px; } #highlight-tabs .tab-selection ul li span { height: 54px; line-height: 54px; text-indent: -9999em; } #highlight-tabs .tab-selection ul li span:before { display: block; left: 50%; margin-left: -12px; margin-top: -8px; position: absolute; top: 50%; } #highlight-tabs .tab-selection ul li#twitter-tab span:before, #highlight-tabs .tab-selection ul li#youtube-tab span:before { margin-left: -8px; } #highlight-tabs .tab-selection ul li#facebook-tab span:before { margin-left: -4px; } #highlight-tabs .tab-selection ul li#headsblog-tab span:before { margin-left: -10px; } } @media all and (max-width: 767px) { #highlight-tabs { padding-top: 53px; } #highlight-tabs .tab-selection { padding-top: 54px; } #homepage-template #highlights-tab-content .section-content { padding: 54px 0; } #highlights-tab-content .tab-content .BlogFeatureList ul li { float: left; width: 47%; } #highlights-tab-content .tab-content .BlogFeatureList ul li + li { margin-left: 6%; } #highlights-tab-content .tab-content .BlogFeatureList ul li + li + li { clear: left; margin-left: 0; margin-top: 32px; } #highlights-tab-content ul.tab-content-more, #highlights-tab-content ul.tab-content-more li { display: block; float: none; padding-right: 0; } ul#social-platforms, #highlights-tab-content ul.tab-content-more li.rss-feed { display: none; } #highlights-tab-content .tab-content .BlogFeatureList ul { padding-bottom: 0; } #highlights-tab-content #facebook-content .blogentries ul li:before, #highlights-tab-content #twitter-content .blogentries ul li:before { display: none; } #highlights-tab-content #facebook-content .blogentries ul li h2.facebook-name, #highlights-tab-content #twitter-content .blogentries ul li h2.twitter-name, #highlights-tab-content #facebook-content .BlogFeatureList ul li .blogDate, #highlights-tab-content #twitter-content .BlogFeatureList ul li .blogDate { margin-left: 0; } } @media all and (max-width: 469px) { #highlight-tabs { padding-top: 40px; } #highlight-tabs .container { padding: 0; } #highlight-tabs .section-title { padding: 0 1.3em; } #highlight-tabs .tab-selection { padding-top: 37px; } #highlight-tabs .tab-selection ul li { padding: 0; } #highlights-tab-content .tab-content .BlogFeatureList ul { margin: 0 auto; max-width: 351px; } #homepage-template #highlights-tab-content .section-content { padding: 40px 0; } #highlights-tab-content .tab-content .BlogFeatureList ul { float: none; padding-bottom: 0; } #highlights-tab-content .tab-content .BlogFeatureList ul li { float: none; width: 100%; } #highlights-tab-content .tab-content .BlogFeatureList ul li + li { margin-left: 0; border-top: 1px solid #ccc; margin-top: 2.3em; padding-top: 2.3em; } #highlights-tab-content .tab-content .BlogFeatureList ul li .blogSummary { padding-bottom: 20px; } #highlights-tab-content .tab-content #news-content .BlogFeatureList ul li + li, #highlights-tab-content .tab-content #youtube-content .BlogFeatureList ul li + li { border-top: none; padding-top: 0; } #highlights-tab-content .tab-content #twitter-content .BlogFeatureList ul li .blogSummary, #highlights-tab-content .tab-content #facebook-content .BlogFeatureList ul li .blogSummary { display: none; } #highlights-tab-content #headsblog-content .blogentries ul li + li:before { top: 36px; } } /*======================================================================== ADMISSIONS ========================================================================*/ #admissions .blogentries ul li { float: left; } #admissions .blogentries ul li { width: 30%; } #admissions .blogentries ul li + li, #admissions .blogentries ul li + li + li { margin-left: 5%; } #admissions .blogentries, #admissions .blogentries ul li, #admissions .blogentries ul li .blogBody, #admissions .blogentries ul li .blogBody .ng-binding { padding: 0; margin: 0; border: none; } #admissions .blogentries ul li .blogBody { text-align: center; } #admissions .blogentries ul li h2.blogTitle, #admissions .blogentries ul li .blogDate { display: none; } .editmode #admissions .blogentries ul li h2.blogTitle, .editmode #admissions .blogentries ul li .blogDate { display: block; padding-right: 0; } .editmode #admissions .blogentries span.blogDate { padding-bottom: 32px; } #admissions .section-content .sws-inline-content img { background: #f3f3f3 url(/Templates/images/placeholders/image-label.png) no-repeat 50% 50%; display: block; height: auto; width: 100%; margin: 0; } #admissions .section-content .sws-inline-content br { display: none; } #admissions .section-content .sws-inline-content h2 br, #admissions .section-content .sws-inline-content h3 br { display: block; } #admissions .section-content .sws-inline-content p { margin: 0; } #admissions .section-content .sws-inline-content h2, #admissions .section-content .sws-inline-content h3 { font-family: "Open Sans Light"; margin: 0 1em; padding: 0.5em 1em; } #admissions .section-content .sws-inline-content h3 { font-size: 1.55em; line-height: 1.5em; margin: -51px 1.6em 0; padding: 1.3em 1.5em; position: relative; } #admissions .section-content .sws-inline-content a.sws-document-link, #admissions .section-content .sws-inline-content a.sws-webpage-link { display: inline-block; margin: 0; padding-right: 20px; } #admissions .section-content .sws-inline-content a.sws-document-link:after, #admissions .section-content .sws-inline-content a.sws-webpage-link:after { display: none; } #admissions .section-content .sws-inline-content h3 { background-color: #fff; color: #679b32; text-align: center; } @media all and (max-width: 1250px) { #admissions .section-content .sws-inline-content h3 { padding: 1.3em 1em; } } @media all and (max-width: 1165px) { #admissions .section-content .sws-inline-content h3 { margin-left: 0; margin-top: 0; margin-right: 0; padding-right: 0; padding-left: 0; } } @media all and (max-width: 900px) { #admissions .section-content .sws-inline-content h3 { font-size: 1.4em; } } @media all and (max-width: 767px) { #admissions .blogentries ul li, #admissions .blogentries ul li + li, #admissions .blogentries ul li + li + li { width: 100%; float: none; margin: 0 auto; } #admissions .blogentries ul li + li, #admissions .blogentries ul li + li + li { margin-top: 30px; } #admissions .section-content .sws-inline-content h3 { font-size: 1.55em; } #admissions .blogentries ul li { height: 247px; overflow: hidden; padding-left: 210px; max-width: 550px; position: relative; } #admissions .blogentries ul li .blogBody { margin-left: 30px; } #admissions .section-content .sws-inline-content img { height: auto; left: 0; position: absolute; top: 0; width: 210px; } } @media all and (max-width: 560px) { #admissions .blogentries ul li, #admissions .blogentries ul li + li, #admissions .blogentries ul li + li + li { padding-left: 190px; } #admissions .section-content .sws-inline-content img { width: 190px; } } @media all and (max-width: 469px) { #admissions .blogentries ul li { height: auto; overflow: auto; padding-left: 0; max-width: 280px; } #admissions .blogentries ul li + li, #admissions .blogentries ul li + li + li { margin-top: 40px; padding-left: 0; } #admissions .section-content .sws-inline-content h3 { padding: 20px 1em; } #admissions .section-content .sws-inline-content h3 { font-size: 1.4em; } #admissions .blogentries ul li .blogBody { margin-left: 0; } #admissions .section-content .sws-inline-content img { position: static; width: 100%; } } /*======================================================================== LOCATION ========================================================================*/ #map-canvas { background-color: #f3efe6; height: 427px; } .acs-cobham .busing-services #map-canvas { background: #f3efe6 url(/MainFolder/acs-cobham/6.Admissions/Busing-Services/acs-cobham-map-large.png) no-repeat 50% 50%; background-size: cover; } .acs-egham .busing-services #map-canvas { background: #f3efe6 url(/MainFolder/acs-egham/5-admissions/Busing-Services/acs-egham.png) no-repeat 50% 50%; background-size: cover; } .acs-hillingdon .busing-services #map-canvas { background: #f3efe6 url(/MainFolder/acs-hillingdon/admissions/Busing-Services/acs-hillingdon-map-large.png) no-repeat 50% 50%; background-size: cover; } @media all and (max-width: 767px) { #map-canvas { height: 367px; } } @media all and (max-width: 469px) { #map-canvas { height: 335px; } } /*======================================================================== CONTACT HIGHLIGHTS ========================================================================*/ #contact-highlights { background-color: #ddd; } #contact-highlights-featured-link { float: left; width: 65%; min-height: 557px; width: 56.8%; position: relative; overflow: hidden; } #contact-highlights-featured-link .sws-inline-content { text-align: center; } #contact-highlights-featured-link .sws-inline-content br { display: none; } #contact-highlights-featured-link .sws-inline-content p { margin: 0; } #contact-highlights-featured-link .sws-inline-content img { margin: 0; display: inline-block; position: absolute; top: 0; left: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; max-width: none; z-index: 1; } #contact-highlights-featured-link .sws-inline-content img:empty { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #contact-highlights-featured-link .sws-inline-content a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: transparent; padding: 0 5em; margin: 0; z-index: 3; background-image: none; text-align: center; } #contact-highlights-featured-link .sws-inline-content a:after { display: none; } #contact-highlights-featured-link .sws-inline-content a span { background-color: #81b051; background-image: none; display: inline-block; position: relative; top: 50%; margin-top: 26px; padding: 9px 20px; } #contact-highlights-featured-link .sws-inline-content a:hover span { background-color: #2b4552; } #contact-highlights-featured-link .sws-inline-content a span:before { content: ""; width: 77px; height: 77px; background: #fff url(../images/shared/shared-home-sprite.png) no-repeat 21px -121px; border-radius: 39px; display: block; position: absolute; left: 50%; top: -107px; margin-left: -39px; } #contact-highlights-featured-link .sws-inline-content a:hover span:before { background-position: 21px -219px; } #contact-highlights-featured-link .featured-link-mask { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); display: none; } .editmode #contact-highlights-featured-link .featured-link-mask { display: none; } .editmode #contact-highlights-featured-link { padding: 30px 3em; } .editmode #contact-highlights-featured-link .sws-inline-content a, .editmode #contact-highlights-featured-link .sws-inline-content img { position: static; } .editmode #contact-highlights-featured-link .sws-inline-content a { padding: 0; background-image: url("../images/shared/shared-sprite.png"); background-color: #2c4857; padding: 9px 50px 9px 50px; text-align: left; margin-bottom: 32px; } .editmode #contact-highlights-featured-link .sws-inline-content a:focus, .editmode #contact-highlights-featured-link .sws-inline-content a:hover, .editmode #contact-highlights-featured-link .sws-inline-content a:active { background-color: #81b051; } .editmode #contact-highlights-featured-link .sws-inline-content img { display: block; height: auto; max-width: 100%; min-width: 0; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; width: auto; } #contact-highlights-overview { float: right; width: 43.2%; background-color: #2c4856; min-height: 557px; padding-left: 245px; position: relative; } #live-statistics-container { background: #9dc96f url(../images/acs-cobham/home-uk-watermark.jpg) no-repeat 50% 50%; float: left; height: 100%; position: absolute; width: 245px; left: 0; top: 0; } #live-statistics { width: 148px; height: 148px; border-radius: 74px; background-color: #fff; position: absolute; top: 50%; left: 50%; margin-left: -74px; margin-top: -74px; } #weather { left: 50%; margin-left: -35px; position: absolute; top: 5px; width: 70px; } #weather span { color: #9dc86f; display: block; font-family: "Weather"; font-size: 64px; font-style: normal; font-weight: normal; line-height: 64px; margin: 0 auto; padding-top: 0; text-align: center; position: relative; } #weather span.icon-28, #weather span.icon-29, #weather span.icon-30, #weather span.icon-31, #weather span.icon-32, #weather span.icon-33, #weather span.icon-34 { top: 7px; } #time { margin: 0 auto; text-align: center; padding-top: 73px; } #time span.hr, #time span.minute { color: #2c4756; font-family: "Museo Slab W01 500"; font-size: 38px; letter-spacing: -1px; } #time span.period { display: block; font-family: "Open Sans Regular"; font-size: 13px; line-height: 14px; padding-top: 3px; } .icon-0:before { content: ":"; } .icon-1:before { content: "p"; } .icon-2:before { content: "S"; } .icon-3:before { content: "Q"; } .icon-4:before { content: "S"; } .icon-5:before { content: "W"; } .icon-6:before { content: "W"; } .icon-7:before { content: "W"; } .icon-8:before { content: "W"; } .icon-9:before { content: "I"; } .icon-10:before { content: "W"; } .icon-11:before { content: "I"; } .icon-12:before { content: "I"; } .icon-13:before { content: "I"; } .icon-14:before { content: "I"; } .icon-15:before { content: "W"; } .icon-16:before { content: "I"; } .icon-17:before { content: "W"; } .icon-18:before { content: "U"; } .icon-19:before { content: "Z"; } .icon-20:before { content: "Z"; } .icon-21:before { content: "Z"; } .icon-22:before { content: "Z"; } .icon-23:before { content: "Z"; } .icon-24:before { content: "E"; } .icon-25:before { content: "E"; } .icon-26:before { content: "3"; } .icon-27:before { content: "a"; } .icon-28:before { content: "A"; } .icon-29:before { content: "a"; } .icon-30:before { content: "A"; } .icon-31:before { content: "6"; } .icon-32:before { content: "1"; } .icon-33:before { content: "6"; } .icon-34:before { content: "1"; } .icon-35:before { content: "W"; } .icon-36:before { content: "1"; } .icon-37:before { content: "S"; } .icon-38:before { content: "S"; } .icon-39:before { content: "S"; } .icon-40:before { content: "M"; } .icon-41:before { content: "W"; } .icon-42:before { content: "I"; } .icon-43:before { content: "W"; } .icon-44:before { content: "a"; } .icon-45:before { content: "S"; } .icon-46:before { content: "U"; } .icon-47:before { content: "S"; } .icon-3200:before { content: "3"; } /* Not Available */ /* CONTACT INFORMATION */ #contact-information { float: right; width: 100%; color: #fff; padding: 64px 4em; } #contact-information.contact-details .sws-inline-content a, #contact-tab-content .contact-details .sws-inline-content a { color: #fff; } #contact-information.contact-details .sws-inline-content a:focus, #contact-information.contact-details .sws-inline-content a:hover, #contact-information.contact-details .sws-inline-content a:active, #contact-tab-content .contact-details .sws-inline-content a:focus, #contact-tab-content .contact-details .sws-inline-content a:hover, #contact-tab-content .contact-details .sws-inline-content a:active { color: #addf7a; } .contact-details .sws-inline-content > h2 { background: url("../images/acs-cobham/cobham-home-sprite.png") no-repeat scroll -200px 11px transparent; color: #fff; font-family: "Open Sans Semibold"; font-size: 3.4em; font-weight: normal; line-height: 1.35em; padding-left: 41px; text-align: left; text-transform: uppercase; margin-bottom: 27px; margin-top: 0; } .contact-details .sws-inline-content ul, .contact-details .sws-inline-content ul li { background-color: transparent; padding: 0; margin: 0; } .contact-details .sws-inline-content ul { border-top: 1px solid #475d6a; padding: 11px 0; background: transparent url(../images/shared/shared-home-sprite.png) no-repeat -253px -443px; } .contact-details .sws-inline-content ul#contact-address { background-position: -253px 6px; padding-top: 0; border-top: none; } .contact-details .sws-inline-content ul#contact-telephone { background-position: -253px -212px; } .contact-details .sws-inline-content ul li { padding-left: 47px; } .contact-details .sws-inline-content ul > li:before { background-image: none; content: none; } .contact-details .sws-inline-content table, .contact-details .sws-inline-content td { background-color: transparent; border-color: #475d6a; } .contact-details .sws-inline-content table.sws-full-contact-summary, .contact-details .sws-inline-content table.sws-full-contact-summary tr td { border: none; } .contact-details .sws-inline-content table.sws-full-contact-summary tr td { padding: 0 0 11px 47px; background: url("../images/shared/shared-home-sprite.png") no-repeat scroll -253px 6px transparent; height: 25px; } .contact-details .sws-inline-content table.sws-full-contact-summary tr + tr td { border-top: 1px solid #475d6a; padding-top: 11px; background-position: -253px -212px; } .contact-details .sws-inline-content table.sws-full-contact-summary tr + tr + tr td { background-position: -253px -443px; } @media all and (max-width: 358px) { .contact-details .sws-inline-content table.sws-full-contact-summary tr td { background-image: none; padding-left: 0; } } #contact-information aside.featured-content { padding-top: 34px; padding-top: 0; } #contact-information aside.featured-content .sws-inline-content p { margin-bottom: 0; } #contact-information aside.featured-content .sws-inline-content a.sws-document-link, #contact-information aside.featured-content .sws-inline-content a.sws-webpage-link, #contact-information aside.featured-content .sws-inline-content a.sws-video-link { background-color: #4c6876; margin-bottom: 0; margin-top: 20px; } #contact-information aside.featured-content .sws-inline-content a.sws-document-link:focus, #contact-information aside.featured-content .sws-inline-content a.sws-document-link:hover, #contact-information aside.featured-content .sws-inline-content a.sws-document-link:active, #contact-information aside.featured-content .sws-inline-content a.sws-webpage-link:focus, #contact-information aside.featured-content .sws-inline-content a.sws-webpage-link:hover, #contact-information aside.featured-content .sws-inline-content a.sws-webpage-link:active, #contact-information aside.featured-content .sws-inline-content a.sws-video-link:focus, #contact-information aside.featured-content .sws-inline-content a.sws-video-link:hover, #contact-information aside.featured-content .sws-inline-content a.sws-video-link:active { background-color: #88a5b5; } @media all and (max-width: 1645px) { #live-statistics-container { width: 225px; } #contact-highlights-overview { padding-left: 225px; } #contact-highlights-overview { width: 45.7%; } #contact-highlights-featured-link { width: 54.3%; } } @media all and (max-width: 1500px) { #contact-highlights-overview, #contact-highlights-featured-link { width: 50%; } } @media all and (max-width: 1380px) { #contact-highlights-overview { width: 53.8%; } #contact-highlights-featured-link { width: 46.2%; } #contact-highlights-overview { width: 58.1%; } #contact-highlights-featured-link { width: 41.9%; } } @media all and (max-width: 1210px) { #contact-highlights-overview { padding-left: 0; position: static; } #live-statistics-container { left: 0; top: 0; width: 100%; height: 210px; background: url("../images/acs-cobham/home-world-watermark.jpg") no-repeat scroll 50% 50% #9dc96f; } #contact-highlights-overview { width: 43.1%; } #contact-highlights-featured-link { width: 56.9%; } #contact-highlights { position: relative; padding-top: 210px; } } @media all and (max-width: 1075px) { #contact-highlights-overview { width: 47.4%; } #contact-highlights-featured-link { width: 52.6%; } } @media all and (max-width: 972px) { #contact-highlights-overview { width: 53.8%; } #contact-highlights-featured-link { width: 46.2%; } } @media all and (max-width: 900px) { #contact-highlights-overview, #contact-highlights-featured-link { float: none; width: 100%; } #contact-information { float: none; } #contact-information { padding: 64px 3em 78px; } #contact-highlights-overview, #contact-highlights-featured-link { min-height: 0; } #contact-highlights-featured-link .sws-inline-content a { padding: 0 3.7em; height: 415px; } #contact-highlights-featured-link { height: 415px !important; } } @media all and (max-width: 767px) { #contact-highlights { position: relative; padding-top: 194px; } #live-statistics { background-color: #fff; border-radius: 74px; height: 133px; left: 50%; margin-left: -74px; margin-top: -74px; position: absolute; top: 50%; width: 133px; } #live-statistics-container { height: 194px; } #live-statistics { height: 130px; width: 130px; margin-left: -65px; margin-top: -65px; } #weather span { font-size: 54px; line-height: 54px; } #weather span { font-size: 54px; line-height: 50px; } #time { margin: 0 auto; padding-top: 59px; text-align: center; } #time span.hr, #time span.minute { font-size: 34px; } #time span.period { padding-top: 2px; } #weather span { font-size: 54px; line-height: 52px; } #contact-highlights-featured-link .sws-inline-content a { padding: 0 2.3em; height: 382px; } #contact-highlights-featured-link { height: 382px !important; } #contact-information { padding: 53px 2.3em 66px; } #contact-information > .sws-inline-content > h2 { font-size: 3em; letter-spacing: -1px; background-position: -200px 7px; } #contact-information aside.featured-content { padding-top: 27px; } } @media all and (max-width: 469px) { #contact-highlights-featured-link .sws-inline-content a { padding: 0 1.7em; height: 350px; } #contact-highlights-featured-link { height: 350px !important; } #contact-highlights-featured-link .sws-inline-content img { height: 100%; } #contact-information > .sws-inline-content > h2 { font-size: 2.5em; line-height: 1.35em; background-position: -200px 3px; margin-left: auto; margin-right: auto; width: auto; display: inline-block; } #contact-information > .sws-inline-content { text-align: center; } #contact-information > .sws-inline-content ul { text-align: left; } #contact-information { padding: 40px 1.7em 50px; } #contact-information aside.featured-content { padding-top: 21px; } } @media all and (max-width: 358px) { #contact-information > .sws-inline-content ul { background-image: none; } #contact-information > .sws-inline-content ul li { padding-left: 0; } } /*======================================================================== TESTIMONIALS ========================================================================*/ #testimonials.content-section { padding-bottom: 106px; padding-top: 106px; } #testimonials .section-content { position: relative; padding-right: 73px; padding-top: 0; } #testimonials .container { min-height: 100px; } #testimonials .blogentries h2.blogTitle, #testimonials .blogentries span.blogDate { display: none; } .editmode #testimonials .blogentries h2.blogTitle, .editmode #testimonials .blogentries span.blogDate { display: block; } .editmode #testimonials .blogentries span.blogDate { padding-bottom: 32px; } #testimonials .blogentries, #testimonials .blogentries ul li, #testimonials .blogentries ul li .blogBody, #testimonials .blogentries ul li .blogBody .ng-binding { padding: 0; margin: 0; border: none; } #testimonials .bx-controls { position: absolute; right: 0; top: 31px; z-index: 333; } #testimonials .bx-controls .bx-pager-item a { background: url("../images/shared/shared-sprite.png") no-repeat scroll -359px -76px transparent; display: block; height: 23px; text-indent: -9999em; width: 23px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } #testimonials .bx-controls .bx-pager-item a.active { background-position: -301px -155px; } @media all and (max-width: 1210px) { #testimonials.content-section { padding-bottom: 90px; padding-top: 90px; } #testimonials .section-content { padding-right: 61px; } #testimonials .bx-controls { top: 19px; } } @media all and (max-width: 912px) { #testimonials .bx-controls { top: 10px; } #testimonials .section-content { padding-right: 48px; } } @media all and (max-width: 767px) { #testimonials.content-section { padding: 76px 0 66px; } #testimonials .section-content { padding-right: 0; } #testimonials .sws-inline-content blockquote.sws-testimonial cite { margin-bottom: 10px; } #testimonials .bx-controls { position: relative; top: 10px; } #testimonials .bx-controls .bx-pager { text-align: center; } #testimonials .bx-controls .bx-pager-item { display: inline-block; } #testimonials .bx-controls .bx-pager-item a { background-position: -363px -76px; } #testimonials .bx-controls .bx-pager-item a.active { background-position: -305px -155px; } } @media all and (max-width: 469px) { #testimonials.content-section { padding: 45px 0; } } /*============================================================================================== CONTENT TEMPLATE ***************************************************************************** ==============================================================================================*/ /*======================================================================== BANNER GALLERY ADMIN ========================================================================*/ #banner-gallery-admin { background-color: #fff; position: absolute; left: 4.3em; top: 50px; min-height: 210px; min-width: 300px; z-index: 8; display: none; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); } body.window-load #banner-gallery-admin { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); } #banner-gallery-admin > h2 { background-color: #88a5b3; color: #fff; font-family: "Museo Slab W01 500"; font-weight: normal; padding: 9px 20px 8px; position: relative; text-transform: uppercase; } #banner-gallery-admin > h2:after { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #88a5b3; position: absolute; bottom: -7px; left: 22px; margin-left: -4px; } #banner-gallery-admin .galleryTitle { display: none; } #banner-gallery-admin-content { padding: 28px 40px; } #banner-gallery-admin div.SlideShowHolder, #banner-gallery-admin div.photoGalleryElement { float: left; padding: 10px 0; margin-left: 0; } #banner-gallery-admin div.SlideShowHolder { margin-bottom: 0; float: none; max-width: 220px; } #banner-gallery-admin div.photoGalleryElement div.thumbnail { margin: 0 18px 0 0; padding: 0; float: left; width: 90px; } #banner-gallery-admin div.photoGalleryElement div.thumbnail:last-child { margin-right: 0; } .editmode #banner-gallery-admin { display: block; } @media all and (max-width: 1470px) { #banner-gallery-admin { left: 3em; } } @media all and (max-width: 767px) { #banner-gallery-admin { left: 2.3em; } } @media all and (max-width: 479px) { #banner-gallery-admin { left: 1.7em; } } /*======================================================================== CONTENT TEMPLATE BANNER - WITH IMAGE ========================================================================*/ #banner.gallery { position: relative; } #banner.gallery #banner-header { height: 565px; position: relative; } #banner.gallery #banner-header #page-title { padding: 32px 0; text-align: left; color: #fff; background: transparent url(../images/shared/page-title-bg.png) repeat 0 0; position: absolute; bottom: 0; left: 0; width: 100%; } #banner.gallery #banner-header #page-title h1 { font-size: 3.4em; line-height: 1.35em; font-family: "Open Sans Bold"; font-weight: normal; text-transform: uppercase; text-align: center; } #banner.gallery #banner-header #banner-gallery { height: 565px; background-color: #ddd; /*background: #ddd url(../images/shared/loading.gif) no-repeat 50% 37%;*/ } #banner.gallery #banner-header #page-title.has-sub-title { padding: 20px 0; } #banner #banner-header #sub-title .sws-inline-content { color: #fff; font-family: "Open Sans Semibold"; font-size: 0.9em; letter-spacing: 1px; line-height: 2.3em; margin-top: 0; opacity: 1; padding: 0; text-align: center; text-transform: uppercase; } #banner.no-gallery #banner-header #sub-title .sws-inline-content { color: #a3a3a3; padding-top: 8px; } #banner #banner-header #sub-title .sws-inline-content p, #banner #banner-header #sub-title .sws-inline-content h1, #banner #banner-header #sub-title .sws-inline-content h2, #banner #banner-header #sub-title .sws-inline-content h3, #banner #banner-header #sub-title .sws-inline-content h4, #banner #banner-header #sub-title .sws-inline-content h5 { margin: 0; font-family: inherit; font-size: inherit; font-weight: normal; letter-spacing: inherit; line-height: inherit; text-transform: uppercase; } #banner #banner-header #sub-title .sws-inline-content br { display: none; } #banner.gallery #breadcrumb-trail { background-color: #f3f3f3; } #banner.gallery #breadcrumb-trail .breadCrumb { margin: 0 auto; max-width: 1170px; text-align: center; padding: 10px 0; font-size: 1.1em; } #banner.gallery #breadcrumb-trail .breadCrumb a, #banner.gallery #breadcrumb-trail .breadCrumb span { background: transparent url(../images/acs-org/org-sprite.png) no-repeat right -464px; display: inline-block; font-family:"Museo Slab W01 500"; color: #474747; padding-right: 25px; margin-right: 14px; } #banner.gallery #breadcrumb-trail .breadCrumb a:hover, #banner.gallery #breadcrumb-trail .breadCrumb a:active { color: #2c4857; } #banner.gallery #breadcrumb-trail .breadCrumb span { background-image: none; margin-right: 0; padding-right: 0; } @media all and (max-width: 2600px) { #banner.gallery #banner-header, #banner.gallery #banner-header #banner-gallery { height: 739px; } } @media all and (max-width: 2011px) { #banner.gallery #banner-header, #banner.gallery #banner-header #banner-gallery { height: 652px; } } @media all and (max-width: 1700px) { #banner.gallery #banner-header, #banner.gallery #banner-header #banner-gallery { height: 565px; } } @media all and (max-width: 1389px) { #banner.gallery #banner-header, #banner.gallery #banner-header #banner-gallery { height: 478px; } #banner-gallery-admin { top: 43px; } } @media all and (max-width: 1078px) { #banner.gallery #banner-header, #banner.gallery #banner-header #banner-gallery { height: 391px; } .editmode #banner-gallery-admin { display: none; } #banner.gallery #banner-header #page-title h1 { font-size: 3em; } } @media all and (max-width: 767px) { #banner.gallery #banner-header, #banner.gallery #banner-header #banner-gallery { height: 304px; } #banner.gallery #banner-header #page-title h1 { font-size: 2.6em; } } @media all and (max-width: 479px) { #banner.gallery #banner-header { height: auto; } #banner.gallery #banner-header #banner-gallery { height: 200px; } #banner.gallery #banner-header #page-title.has-sub-title, #banner.gallery #banner-header #page-title { position: static; background-image: none; padding-top: 40px; padding-bottom: 0; } #banner.gallery #banner-header #page-title h1 { font-size: 2.5em; line-height: 1.35em; letter-spacing: -1px; font-family: "Open Sans semibold"; color: #2c4857; position: static; } #banner #banner-header #sub-title .sws-inline-content { color: #a3a3a3; font-family: "Open Sans Semibold"; font-size: 0.9em; letter-spacing: 1px; line-height: 2.3em; margin-top: 0; opacity: 1; padding: 8px 0 0; text-align: center; text-transform: uppercase; } #banner.gallery #breadcrumb-trail { background-color: transparent; padding-top: 20px; } #banner.gallery #breadcrumb-trail .breadCrumb { padding: 0; } #banner.gallery #breadcrumb-trail .breadCrumb a, #banner.gallery #breadcrumb-trail .breadCrumb span { margin-right: 11px; padding-right: 22px; background: transparent url(../images/acs-cobham/cobham-sprite.png) no-repeat right -587px; color: #59911e; } #banner.gallery #breadcrumb-trail .breadCrumb span { background-image: none; margin-right: 0; padding-right: 0; } #banner.gallery #breadcrumb-trail .breadCrumb a:hover, #banner.gallery #breadcrumb-trail .breadCrumb a:active { color: #2c4857; } } /*======================================================================== CONTENT TEMPLATE BANNER - WITHOUT IMAGE ========================================================================*/ #banner.no-gallery { background-color: transparent; position: relative; } #banner.no-gallery #banner-header { height: auto; position: static; } #banner.no-gallery #banner-header #page-title { padding: 100px 0 8px; } #banner.no-gallery #banner-header h1 { font-size: 4.2em; line-height: 1.3em; font-family: "Open Sans SemiBold"; font-weight: normal; text-transform: uppercase; text-align: center; color: #2c4857; background-image: none; position: static; bottom: 0; left: 0; width: 100%; } #banner.no-gallery #banner-header h1 span { display: block; max-width: 1170px; margin: 0 auto; } #banner.no-gallery #breadcrumb-trail .breadCrumb { margin: 0 auto; max-width: 1170px; text-align: center; padding: 10px 0 20px; font-size: 1.1em; } #banner.no-gallery #breadcrumb-trail .breadCrumb a, #banner.no-gallery #breadcrumb-trail .breadCrumb span { display: inline-block; background: transparent url(../images/acs-org/org-sprite.png) no-repeat right -586px; font-family:"Museo Slab W01 500"; padding-right: 25px; margin-right: 14px; } #banner.no-gallery #breadcrumb-trail .breadCrumb span { background-image: none; margin-right: 0; padding-right: 0; } @media all and (max-width: 1078px) { #banner.no-gallery #banner-header #page-title { padding-top: 66px; } #banner.no-gallery #banner-header #page-title h1 { font-size: 3.5em; } #banner.no-gallery #breadcrumb-trail .breadCrumb { padding: 10px 0 0; } } @media all and (max-width: 767px) { #banner.no-gallery #banner-header #page-title { padding-top: 53px; } #banner.no-gallery #banner-header #page-title h1 { font-size: 3em; letter-spacing: -1px; } #banner.no-gallery #breadcrumb-trail .breadCrumb { padding: 10px 0 0; } } @media all and (max-width: 469px) { #banner.no-gallery #banner-header #page-title { padding-top: 40px; padding-bottom: 0; } #banner.no-gallery #banner-header #page-title h1 { font-size: 2.5em; line-height: 1.3em; letter-spacing: -1px; } #banner.no-gallery #breadcrumb-trail .breadCrumb { padding: 20px 0 0; } } /*======================================================================== WORKING AT ACS BANNER ========================================================================*/ #working-at-acs-overview { overflow: hidden; position: relative; background-color: #ddd; } #working-at-acs-overview #banner-welcome .sws-inline-content { text-align: center; } #working-at-acs-overview #banner-welcome .sws-inline-content p { margin: 0; } #working-at-acs-overview #banner-welcome .sws-inline-content img { margin: 0; display: block; z-index: 1; } #working-at-acs-overview #banner-welcome { height: 100%; position: relative; } #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-video-link:after { display: none; } .editmode #working-at-acs-overview #banner-welcome { padding: 30px 3em; } #working-at-acs-overview #banner-welcome .featured-link-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #637883; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); z-index: 2; } #working-at-acs-overview #banner-welcome:hover .featured-link-mask { -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); } #working-at-acs-overview #banner-welcome .sws-inline-content a, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-document-link, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-webpage-link, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-video-link { background-color: transparent; background-image: none; height: 100%; left: 0; margin: 0; padding: 0 2em; position: absolute; text-align: center; top: 0; width: 100%; z-index: 3; } #working-at-acs-overview #banner-welcome .sws-inline-content a .banner-welcome-foreground { display: table; height: 100%; width: 100%; } #working-at-acs-overview #banner-welcome .sws-inline-content a .banner-welcome-content { display: table-cell; vertical-align: middle; } #working-at-acs-overview #banner-welcome .sws-inline-content img { display: none; } .editmode #working-at-acs-overview #banner-welcome .sws-inline-content img { display: block; } #working-at-acs-overview #banner-welcome .sws-inline-content h1, #working-at-acs-overview #banner-welcome .sws-inline-content h2, #working-at-acs-overview #banner-welcome .sws-inline-content h3 { color: #fff; font-family: "Open Sans Bold"; font-size: 5.7em; font-weight: normal; line-height: 1.15em; margin: 0 auto 29px; text-shadow: 0 1px 6px #222; text-transform: uppercase; } #working-at-acs-overview #banner-welcome .sws-inline-content strong { display: block; font-weight: normal; font-family:"Museo Slab W01 500"; color: #fff; text-align: center; font-size: 1.45em; line-height: 1.8em; margin: 0 auto 48px; max-width: 730px; } #working-at-acs-overview #banner-welcome .sws-inline-content a span.anchor-visual { background: url("../images/shared/shared-home-sprite.png") no-repeat scroll -76px -325px #88a5b5; color: #fff; display: inline-block; font-family: "Museo Slab W01 500"; font-size: 1.05em; line-height: 1.8em; margin: 0; padding: 16px 20px 16px 63px; } #working-at-acs-overview #banner-welcome .sws-inline-content a:hover span.anchor-visual { background-color: #2c4857; } .editmode #working-at-acs-overview #banner-welcome .sws-inline-content h1, .editmode #working-at-acs-overview #banner-welcome .sws-inline-content h2, .editmode #working-at-acs-overview #banner-welcome .sws-inline-content h3 { color: #2a4451; font-size: 3.4em; text-shadow: none; } .editmode #working-at-acs-overview #banner-welcome .sws-inline-content strong { color: #2a4451; font-size: 1.2em; margin: 0 auto 32px; } .editmode #working-at-acs-overview #banner-welcome .sws-inline-content a { background: url("../images/shared/shared-sprite.png") no-repeat scroll -345px -487px #2c4857; border: medium none; cursor: pointer; display: block; text-align: left; font-family: "Museo Slab W01 500"; font-size: 1.05em; font-weight: normal; margin-bottom: 32px; margin-top: 32px; padding: 9px 20px 9px 50px; position: relative; text-decoration: none; color: #fff; } .editmode #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-document-link { background-position: -349px -824px; } .editmode #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-webpage-link { background-position: -345px -713px; } .editmode #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-video-link { background-position: -346px -1182px } .editmode #working-at-acs-overview #banner-welcome .sws-inline-content a:focus, .editmode #working-at-acs-overview #banner-welcome .sws-inline-content a:hover, .editmode #working-at-acs-overview #banner-welcome .sws-inline-content a:active { background-color: #88a5b5; } .editmode #working-at-acs-overview #banner-welcome .sws-inline-content a:after { display: none; } @media all and (max-width: 1360px) { #working-at-acs-overview #banner-welcome .sws-inline-content h1, #working-at-acs-overview #banner-welcome .sws-inline-content h2, #working-at-acs-overview #banner-welcome .sws-inline-content h3 { color: #fff; font-family: "Open Sans Bold"; font-size: 4.5em; } #working-at-acs-overview #banner-welcome .sws-inline-content strong { font-size: 1.3em; line-height: 1.7em; } } @media all and (max-width: 1023px) { #working-at-acs-overview #banner-welcome { float: none; width: 100%; height: 540px !important; } } @media all and (max-width: 756px) { #working-at-acs-overview #banner-welcome { height: auto !important; } #working-at-acs-overview #banner-welcome .sws-inline-content a, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-document-link, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-webpage-link, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-video-link { padding: 37px 2.3em 52px; position: static; } #working-at-acs-overview #banner-welcome .sws-inline-content h1, #working-at-acs-overview #banner-welcome .sws-inline-content h2, #working-at-acs-overview #banner-welcome .sws-inline-content h3 { font-size: 3.3em; letter-spacing: -1px; line-height: 1.35em; margin-bottom: 27px; text-shadow: 0 1px 3px #222; } #working-at-acs-overview #banner-welcome .sws-inline-content strong { font-size: 1.25em; line-height: 1.75em; margin: 0 auto 27px; } #working-at-acs-overview #banner-welcome .sws-inline-content a span.anchor-visual { padding: 9px 20px 9px 50px; text-align: left; background-image: url("../images/shared/shared-sprite.png"); background-position: -346px -488px; } #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-webpage-link span.anchor-visual { background-position: -345px -713px; } #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-document-link span.anchor-visual { background-position: -345px 13px; } #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-video-link span.anchor-visual { background-position: -346px -1182px } #working-at-acs-overview #banner-welcome .featured-link-mask { -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); z-index: -1; } } @media all and (max-width: 469px) { #working-at-acs-overview #banner-welcome .sws-inline-content a, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-document-link, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-webpage-link, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-video-link { padding: 27px 1.7em 40px; } #working-at-acs-overview #banner-welcome .sws-inline-content h1, #working-at-acs-overview #banner-welcome .sws-inline-content h2, #working-at-acs-overview #banner-welcome .sws-inline-content h3 { font-size: 3em; } #working-at-acs-overview #banner-welcome .sws-inline-content strong { font-size: 1.2em; line-height: 1.8em; } } @media all and (max-width: 420px) { #working-at-acs-overview #banner-welcome .sws-inline-content h1, #working-at-acs-overview #banner-welcome .sws-inline-content h2, #working-at-acs-overview #banner-welcome .sws-inline-content h3 { font-size: 2.8em; } #working-at-acs-overview #banner-welcome .sws-inline-content strong { font-size: 1.1em; line-height: inherit; } #working-at-acs-overview #banner-welcome .sws-inline-content a, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-document-link, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-webpage-link, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-video-link { padding-bottom: 37px; } } @media all and (max-width: 390px) { #working-at-acs-overview #banner-welcome .sws-inline-content h1, #working-at-acs-overview #banner-welcome .sws-inline-content h2, #working-at-acs-overview #banner-welcome .sws-inline-content h3 { font-size: 2.5em; } #working-at-acs-overview #banner-welcome .sws-inline-content a, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-document-link, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-webpage-link, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-video-link { padding-bottom: 35px; } } @media all and (max-width: 358px) { #working-at-acs-overview aside.banner-promotions .featured-link .sws-inline-content a, #working-at-acs-overview aside.banner-promotions .featured-link .sws-inline-content a.sws-document-link, #working-at-acs-overview aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link, #working-at-acs-overview aside.banner-promotions .featured-link .sws-inline-content a.sws-video-link { height: 280px; } #working-at-acs-overview #banner-welcome .sws-inline-content h1, #working-at-acs-overview #banner-welcome .sws-inline-content h2, #working-at-acs-overview #banner-welcome .sws-inline-content h3 { font-size: 2.2em; } #working-at-acs-overview #banner-welcome .sws-inline-content strong { font-size: inherit; line-height: inherit; } #working-at-acs-overview #banner-welcome .sws-inline-content a, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-document-link, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-webpage-link, #working-at-acs-overview #banner-welcome .sws-inline-content a.sws-video-link { padding-bottom: 32px; } } /*======================================================================== WORKING AT ACS - NEW TEMPLATE working-at-acs-nt ========================================================================*/ .working-at-acs-nt .content-section{ padding-top: 25px; } .working-at-acs-nt .container{ max-width: 1663px; } .working-at-acs-nt .intro-text{ float: left; width: 74%; height: 100%; } .working-at-acs-nt aside.infographic-roles{ width: 26%; padding: 0; float: right; position: relative; } .working-at-acs-nt #core-values .value-four{ display: none; } .working-at-acs-nt #core-values li{ display: inline-block; width: 33.333%; border-left: 1px solid #d5d5d5; padding: 0 2.5em; } .working-at-acs-nt #programmes, /*.working-at-acs-nt #admissions, comment this line out*/ .working-at-acs-nt #school-featured-link-two, .working-at-acs-nt #testimonials{ display: none; } /*======================================================================== BUSING SERVICES BANNER ========================================================================*/ .gm-style-iw > div { width: auto !important; } #busing-banner-map { margin-right: 350px; } #busing-banner-locations { background-color: #31444f; padding: 54px 52px; min-height: 710px; color: #fff; width: 350px; position: absolute; top: 0; right: 0; } #busing-banner-locations .sws-inline-content ul { margin-left: 0; } #busing-banner-locations .sws-inline-content ul > li, #busing-banner-locations .sws-inline-content ul > li:nth-child(2n+1) { border-top: 1px solid #58707f; background: url("../images/shared/shared-sprite.png") no-repeat scroll 0 -302px transparent; padding: 10px 0 10px 26px; color: #fff; margin: 0; } #busing-banner-locations .sws-inline-content ul > li:before { display: none; } #busing-banner-locations .sws-inline-content ul > li:first-child { border-top: none; } #busing-banner-locations div.featuretitle:before { background: transparent url(../images/acs-cobham/cobham-sprite.png) no-repeat -286px 0; content: ""; display: block; height: 50px; margin: 0 auto 18px; width: 50px; } body.acs-egham #busing-banner-locations div.featuretitle:before { background-image: url(../images/acs-egham/egham-sprite.png); } body.acs-hillingdon #busing-banner-locations div.featuretitle:before { background-image: url(../images/acs-hillingdon/hillingdon-sprite.png); } #busing-banner-locations div.featuretitle { color: #abc5d4; font-family: "Museo Slab W01 700"; padding-bottom: 24px; font-size: 1.1em; text-align: center; text-transform: uppercase; } #busing-banner-locations .sws-inline-content p, #busing-banner-locations .sws-inline-content ul { margin: 27px 0 18px } #busing-banner-locations .sws-inline-content p:first-child { margin-top: 0; } #busing-banner-locations .sws-inline-content ul { margin-top: 18px; margin-bottom: 0; } @media all and (max-width: 900px) { #map-canvas { height: 427px !important; } #busing-banner-locations { padding: 64px 3em; } #busing-banner-map, #busing-banner-locations { float: none; width: 100%; position: static; } } @media all and (max-width: 767px) { #busing-banner-map { min-height: 0; } #busing-banner-locations { padding: 53px 2.3em; } } @media all and (max-width: 469px) { #busing-banner-locations { padding: 40px 1.7em; } } /*======================================================================== CONTENT TEMPLATE CONTENT CONTAINER ========================================================================*/ #content-container { padding-top: 69px; padding-bottom: 80px; } #banner.no-gallery ~ #content-container { padding-top: 49px; } #content-navigation { float: left; width: 23%; } #content-navigation aside.featured-content { margin-top: 1.9em; } #content-navigation aside.no-featured-content { display: none; } #content-area { width: 71%; float: right; } .editmode #content-area #content-one { margin-bottom: 1.9em; } #content-area #content-two { margin-right: 7%; width: 60%; float: left; } #content-area aside.featured-content { float: right; display: block; width: 33%; } #content-area.full-width #content-two, .sws-page-reverse-column-widths #content-area.full-width #content-two { width: 100%; padding-right: 0; float: none; } #content-area.full-width aside.featured-content { display: none; } #content-area.full-width #mobile-featured-content { display: block; } .section-menu h2 { background: #88a5b3 url(../images/shared/shared-sprite.png) no-repeat -349px 13px; color: #fff; font-family: "Museo Slab W01 500"; text-transform: uppercase; position: relative; padding: 9px 20px 8px 50px; font-weight: normal; } .section-menu h2:after { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #88a5b3; position: absolute; bottom: -7px; left: 22px; margin-left: -4px; } .section-menu ul li .rmSlide { display: block !important; height: auto !important; position: static; overflow: visible !important; visibility: visible !important; width: auto !important; z-index: 6 !important; } .section-menu nav ul li a { display: block; width: auto !important; } .section-menu nav { padding-top: 20px; font-size: 1.1em; } .section-menu nav ul > li.level3 { border-top: 1px solid #cfcfcf; } .section-menu nav ul > li.level3:first-child { border-top: none; } .section-menu nav ul > li.level3 > a { background: transparent url(../images/shared/shared-sprite.png) no-repeat -351px -62px; padding: 11px 18px 12px 46px; line-height: 1.7em; } .section-menu nav ul > li.level3 > a:hover { background-color: #f3f3f3; } .section-menu nav ul > li.level3.selectedPagePath > a, .section-menu nav ul > li.level3.selectedPageParent > a, .section-menu nav ul > li.level3.selectedPage > a { background-position: -350px -1059px; color: #2b4552; padding-bottom: 10px; font-family: "Museo Slab W01 500"; } .section-menu nav ul > li.level4 { border-top: 1px solid #cfcfcf; } .section-menu nav ul > li.level4 > a { background: url("../images/shared/shared-sprite.png") no-repeat scroll 47px -1121px transparent; font-family: "Open Sans Semibold"; font-size: 0.75em; letter-spacing: 1px; line-height: 2.1em; padding-bottom: 12px; padding-left: 71px; padding-top: 13px; text-transform: uppercase; } #content-container #section-menu.section-menu nav ul > li.level4 > a { color: #666; padding-right: 18px; } .section-menu nav ul > li.level4:hover { background-color: #f3f3f3; } .section-menu nav ul > li.selectedPage.level4 > a, .section-menu nav ul > li.selectedPagePath.level4 > a { background-position: -326px -598px; } #content-container #section-menu.section-menu nav ul > li.selectedPage.level4 > a, #content-container #section-menu.section-menu nav ul > li.selectedPagePath.level4 > a { background-position: -326px -598px; } .section-menu nav ul > li.selectedPage.level4:hover, .section-menu nav ul > li.selectedPagePath.level4:hover { background-color: transparent; } .section-menu nav ul.rmLevel2 { padding: 5px 0 22px 73px; } .section-menu nav ul.rmLevel2 > li.level5 + li.level5 { padding-top: 6px; } .section-menu nav ul.rmLevel2 > li.level5 > a { font-size: 0.88em; font-style: italic; letter-spacing: 0; color: #868686; padding-left: 21px; } .section-menu nav ul.rmLevel2 > li.level5 > a:hover { color: #59911e; } .section-menu nav ul.rmLevel2 > li.level5.selectedPageParent a, .section-menu nav ul.rmLevel2 > li.level5.selectedPage a { color: #2b4552; background: url("../images/acs-org/org-sprite.png") no-repeat scroll 1px -516px transparent; } #mobile-content-navigation { display: none; } @media all and (max-width: 1134px) { content-navigation { width: 24.5%; } #content-area { width: 72.5%; } .section-menu h2 { padding-left: 20px; background-image: none; } #content-area #content-two { margin-right: 4.7%; width: 61.1% } #content-area aside.featured-content { width: 34.1% } } @media all and (max-width: 1036px) { #content-area #content-two { margin-right: 0; width: 100%; float: none; } .editmode aside.featured-content { margin-top: 1.9em; } #content-area aside.featured-content { width: 100%; float: none; } .section-menu h2 { background-image: url("../images/shared/shared-sprite.png"); padding-left: 50px; } #content-area { width: 68.5%; } #content-navigation { float: left; width: 27%; } } @media all and (max-width: 976px) { #section-menu h2 { padding-left: 20px; background-image: none; } } @media all and (max-width: 880px) { #content-navigation { display: none; } #content-area { float: none; width: 100%; } .editmode #mobile-featured-content { margin-top: 1.9em; } #mobile-content-navigation { display: block; } #mobile-section-menu { margin-top: 1.9em; } } @media all and (max-width: 767px) { #content-container { padding-top: 40px; padding-bottom: 40px; } } /*======================================================================== REVERSE COLUMN STRUCTURE ========================================================================*/ .sws-page-reverse-column-structure #content-area #content-one { float: left; margin-right: 7%; width: 60%; margin-bottom: 1.3em; } .sws-page-reverse-column-structure #content-area #content-two { display: block; float: right; margin-right: 0; width: 33%; margin-bottom: 1.3em; } .sws-page-reverse-column-structure #content-area aside.featured-content { display: block; clear: both; width: 100%; background: url("../images/shared/hr.png") no-repeat scroll 50% 4px transparent; padding-top: 78px; } @media all and (max-width: 1036px) { .sws-page-reverse-column-structure #content-area #content-one { width: 100%; float: none; } .sws-page-reverse-column-structure #content-area #content-two { width: 100%; float: none; margin-bottom: 1em; padding-bottom: 1px; } } /*======================================================================== REVERSE COLUMN WIDTHS ========================================================================*/ .sws-page-reverse-column-widths #content-area #content-two, .sws-page-reverse-column-structure.sws-page-reverse-column-widths #content-area #content-one { width: 33%; margin-right: 0; } .sws-page-reverse-column-widths #content-area aside.featured-content, .sws-page-reverse-column-structure.sws-page-reverse-column-widths #content-area #content-two { width: 60%; margin-left: 0; } .sws-page-reverse-column-structure.sws-page-reverse-column-widths #content-area aside.featured-content { width: 100%; } @media all and (max-width: 1036px) { .sws-page-reverse-column-widths #content-area #content-two, .sws-page-reverse-column-structure.sws-page-reverse-column-widths #content-area #content-one { margin-right: 0; width: 100%; float: none; } .sws-page-reverse-column-widths #content-area aside.featured-content, .sws-page-reverse-column-structure.sws-page-reverse-column-widths #content-area #content-two { width: 100%; float: none; margin-bottom: 1em; padding-bottom: 1px; } } /*======================================================================== TWO COLUMNS ========================================================================*/ .sws-inline-content .sws-two-columns { padding: 6px 0; } .sws-inline-content .sws-two-columns .sws-column { width: 47%; float: left; } .sws-inline-content .sws-two-columns .sws-column > *:first-child, .sws-inline-content .sws-two-columns .sws-column > p:first-child * { margin-top: 0 !important; } .sws-inline-content .sws-two-columns .sws-column + .sws-column { margin-left: 6%; } .editmode .sws-inline-content .sws-two-columns .sws-column { outline: 1px dashed #ccc; margin-bottom: 27px; } .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent { text-align: center; } .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-document-link, .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-webpage-link, .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-video-link { display: inline-block; width: auto; } .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-document-link, .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-webpage-link, .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-video-link { padding-right: 20px; margin: 5px 0; } .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a:after { display: none; } /* Prevent Inheritance from Image Links */ .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent { text-align: center; } .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-document-link, .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-webpage-link, .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-video-link { display: inline-block; width: auto; } .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-document-link, .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-webpage-link, .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-video-link { padding-right: 20px; margin: 5px 0; } .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a:after { display: none; } /*@media all and (max-width: 569px)*/ body .sws-content-569 .sws-inline-content .sws-two-columns { padding: 0; } body .sws-content-569 .sws-inline-content .sws-two-columns .sws-column { width: 100%; margin: 0; float: none; } body .sws-content-569 .sws-inline-content .sws-two-columns .sws-column + .sws-column { margin-left: 0; } body .sws-content-569 .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent { text-align: left; } body .sws-content-569 .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-document-link, body .sws-content-569 .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-webpage-link, body .sws-content-569 .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-video-link { display:block; width: 100%; } body .sws-content-569 .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-document-link, body .sws-content-569 .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-webpage-link, body .sws-content-569 .sws-inline-content .sws-two-columns .sws-column p.sws-single-link-parent a.sws-video-link { margin-bottom: 32px; margin-top: 32px; } /*======================================================================== THREE COLUMNS ==========================================================================*/ .sws-inline-content .sws-three-columns { padding: 6px 0; } .sws-inline-content .sws-three-columns .sws-column { width: 30%; float: left; } .sws-inline-content .sws-three-columns .sws-column > *:first-child, .sws-inline-content .sws-three-columns .sws-column > p:first-child * { margin-top: 0 !important; } .sws-inline-content .sws-three-columns .sws-column + .sws-column { margin-left: 5%; } .editmode .sws-inline-content .sws-three-columns .sws-column { outline: 1px dashed #ccc; margin-bottom: 27px; } .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent { text-align: center; } .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-document-link, .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-webpage-link, .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-video-link { display: inline-block; width: auto; } .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-document-link, .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-webpage-link, .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-video-link { padding-right: 20px; margin: 5px 0; } .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a:after { display: none; } /* Prevent Inheritance from Image Links */ .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent { text-align: center; } .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-document-link, .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-webpage-link, .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-video-link { display: inline-block; width: auto; } .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-document-link, .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-webpage-link, .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-video-link { padding-right: 20px; margin: 5px 0; } .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a:after { display: none; } /*@media all and (max-width: 569px)*/ body .sws-content-569 .sws-inline-content .sws-three-columns { padding: 0; } body .sws-content-569 .sws-inline-content .sws-three-columns .sws-column { width: 100%; margin: 0; float: none; } body .sws-content-569 .sws-inline-content .sws-three-columns .sws-column + .sws-column { margin-left: 0; } body .sws-content-569 .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent { text-align: left; } body .sws-content-569 .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-document-link, body .sws-content-569 .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-webpage-link, body .sws-content-569 .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-video-link { display:block; width: 100%; } body .sws-content-569 .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-document-link, body .sws-content-569 .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-webpage-link, body .sws-content-569 .sws-inline-content .sws-three-columns .sws-column p.sws-single-link-parent a.sws-video-link { margin-bottom: 32px; margin-top: 32px; } /*======================================================================== THREE COLUMN INFOGRAPHIC ========================================================================*/ .sws-inline-content .sws-three-infographics { margin: 38px 0; padding-top: 7px; padding-bottom: 7px; } .sws-inline-content .sws-three-infographics .sws-column { float: left; } .sws-inline-content .sws-three-infographics .sws-column { border-left: 1px solid #d5d5d5; } .sws-inline-content .sws-three-infographics .sws-column:first-child { border-left: none; width: 32%; padding-right: 6%; } .sws-inline-content .sws-three-infographics .sws-column + .sws-column { width: 36%; padding: 0 5%; } .sws-inline-content .sws-three-infographics .sws-column + .sws-column + .sws-column { width: 32%; padding-right: 0; padding-left: 6%; } .sws-inline-content .sws-three-infographics .sws-infographic img { margin-top: 0; width: auto; max-width: 100%; } .sws-inline-content .sws-infographic h1, .sws-inline-content .sws-infographic h2, .sws-inline-content .sws-infographic h3, .sws-inline-content .sws-three-infographics .sws-column ul li { font-family: "Open Sans Light"; font-size: 1.4em; font-weight: normal; letter-spacing: 0; line-height: 1.6em; margin-bottom: 0; margin-top: 0; } .sws-inline-content .sws-three-infographics .sws-column ul { margin-left: 0; margin-top: 30px; margin-bottom: 30px; } .sws-inline-content .sws-three-infographics .sws-column ul li { padding: 13px 0; text-align: center; } .sws-inline-content .sws-three-infographics .sws-column ul li:last-child { padding-bottom: 0; } .sws-inline-content .sws-three-infographics .sws-column ul li:before { background-color: #d5d5d5; background-image: none; content: ""; display: block; height: 1px; left: 0; margin: 0 auto; position: relative; top: -11px; width: 22px; } .sws-inline-content .sws-three-infographics .sws-column ul li:first-child { padding-top: 0; } .sws-inline-content .sws-three-infographics .sws-column ul li:first-child:before { display: none; } /*@media all and (max-width: 569px)*/ body .sws-content-569 .sws-inline-content .sws-three-infographics .sws-column { border: none; } body .sws-content-569 .sws-inline-content .sws-three-infographics .sws-column:first-child { padding-right: 3%; padding-left: 0; } body .sws-content-569 .sws-inline-content .sws-three-infographics .sws-column + .sws-column { padding: 0 3.5%; } body .sws-content-569 .sws-inline-content .sws-three-infographics .sws-column + .sws-column + .sws-column { padding-left: 3%; padding-right: 0; } /*@media all and (max-width: 569px)*/ body .sws-content-469 .sws-inline-content .sws-three-infographics .sws-column:first-child, body .sws-content-469 .sws-inline-content .sws-three-infographics .sws-column + .sws-column, body .sws-content-469 .sws-inline-content .sws-three-infographics .sws-column + .sws-column + .sws-column { width: 100%; float: none; padding: 32px 0 0; } body .sws-content-469 .sws-inline-content .sws-three-infographics .sws-column:first-child { padding-top: 0; } /*======================================================================== STAFF PROFILES ========================================================================*/ .content .blogentries.sws-staff-profile-blog:last-of-type { margin-bottom: 0; } .content .blogentries .BlogSummaryView ul li.sws-post-staff-profile { float: left; margin: 0; padding: 0; border: none; width: 28%; margin-left: 8%; } .content .blogentries .BlogSummaryView ul li.sws-post-staff-profile:nth-child(3n-2) { margin-left: 0; clear: left; } .content .blogentries ul li.sws-post-staff-profile .blogSummary { padding: 0; margin: 9px 0 33px; } .content > .blogentries:first-child ul li.sws-post-staff-profile .blogSummary { margin-top: 0; } .content > .blogentries:first-child ul li.sws-post-staff-profile + li.sws-post-staff-profile + li.sws-post-staff-profile + li.sws-post-staff-profile .blogSummary { margin-top: 9px; } .sws-inline-content table.sws-staff-profile, table.sws-staff-profile { table-layout: fixed; } .sws-inline-content table.sws-staff-profile.sws-description { cursor: pointer; } .sws-inline-content table.sws-staff-profile, .sws-inline-content table.sws-staff-profile td, table.sws-staff-profile, table.sws-staff-profile td { text-align: center; border: none; padding: 0; margin: 0; } .sws-inline-content table.sws-staff-profile tr + tr td { text-align: left; display: none; } .sws-inline-content table.sws-staff-profile tr + tr td img { background: url("/Templates/images/placeholders/image-label.png") no-repeat scroll 50% 50% #f3f3f3; display: block; margin: 0; padding: 0; } .sws-inline-content table.sws-staff-profile tr:nth-child(3) td { text-align: center; } .sws-inline-content table.sws-staff-profile tr:first-child td h3, .sws-inline-content table.sws-staff-profile tr:first-child td p, .sws-inline-content table.sws-staff-profile tr:nth-child(3) td h3, .sws-inline-content table.sws-staff-profile tr:nth-child(3) td p, .sws-inline-content table.sws-staff-profile tr:first-child td img { margin: 0; padding: 0; } .sws-inline-content table.sws-staff-profile tr:first-child td div.staff-profile-img { background: url("../images/shared/staff-profile-name-bg.png") no-repeat scroll -999em -999em transparent; -webkit-border-radius: 118px; -moz-border-radius: 118px; border-radius: 118px; display: inline-block; margin: 0 auto; overflow: hidden; position: relative; width: auto; } .content .blogentries ul li .blogSummary table.sws-staff-profile tr:first-child td div.staff-profile-img { margin-bottom: 22px; } .sws-inline-content table.sws-staff-profile tr:first-child td div.staff-profile-img .featured-link-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background-color: #637883; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; margin-bottom: 22px; z-index: 3; -webkit-border-radius: 118px; -moz-border-radius: 118px; border-radius: 118px; } .sws-inline-content table.sws-staff-profile tr:first-child td div.staff-profile-img:before { background: url("../images/acs-cobham/cobham-sprite.png") no-repeat scroll 0 -389px transparent; content: ""; display: block; height: 54px; left: 50%; margin-left: -27px; margin-top: -27px; position: absolute; top: 50%; width: 54px; z-index: 5; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .sws-inline-content table.sws-staff-profile tr:first-child td:hover div.staff-profile-img:before { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .sws-inline-content table.sws-staff-profile tr:first-child td:hover div.staff-profile-img .featured-link-mask { -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .sws-inline-content table.sws-staff-profile tr:first-child td img { width: 100%; height: auto; margin: 0 auto 22px; max-width: 232px; -webkit-border-radius: 118px; -moz-border-radius: 118px; border-radius: 118px; } .sws-inline-content table.sws-staff-profile tr:first-child td div.staff-profile-img img { margin-bottom: 0; } .sws-inline-content table.sws-staff-profile tr:first-child td h3, table.sws-staff-profile tr:first-child td h3, .sws-inline-content table.sws-staff-profile tr:nth-child(3) td h3, table.sws-staff-profile tr:nth-child(3) td h3 { color: #213039; display: block; font-family: "Jenna Sue"; font-size: 2.5em; font-style: normal; font-weight: normal; line-height: 1em; padding: 5px 0 } .sws-inline-content table.sws-staff-profile tr:first-child td h3 + p { margin-top: 8px; } .content .blogentries .BlogSummaryView ul li.sws-post-staff-profile h2.blogTitle, .content .blogentries .BlogSummaryView ul li.sws-post-staff-profile .blogDate { display: none; } .editmode .blogentries .BlogSummaryView ul li.sws-post-staff-profile h2.blogTitle, .editmode .blogentries .BlogSummaryView ul li.sws-post-staff-profile .blogDate { display: block; padding-right: 0; } .editmode .blogentries ul li .blogSummary table.sws-staff-profile { table-layout: fixed; } .editmode .sws-inline-content table.sws-staff-profile, .editmode .sws-inline-content table.sws-staff-profile tr td, .editmode .blogentries ul li .blogSummary table.sws-staff-profile, .editmode .blogentries ul li .blogSummary table.sws-staff-profile tr td { border: 1px dashed #ccc; } .editmode .sws-inline-content table.sws-staff-profile tr + tr td, .editmode .blogentries ul li .blogSummary table.sws-staff-profile tr + tr td { display: table-cell; } /*@media all and (max-width: 569px)*/ body .sws-content-569 .blogentries .BlogSummaryView ul li.sws-post-staff-profile { width: 47%; margin-left: 6%; } body .sws-content-569 .blogentries .BlogSummaryView ul li.sws-post-staff-profile:nth-child(3n-2) { margin-left: 6%; clear: none; } body .sws-content-569 .blogentries .BlogSummaryView ul li.sws-post-staff-profile:nth-child(2n-1) { margin-left: 0; clear: left; } body .sws-content-569 .blogentries ul li .blogSummary table.sws-staff-profile tr:first-child td img { max-width: 220px; } /*@media all and (max-width: 369px)*/ body .sws-content-369 .blogentries .BlogSummaryView ul li.sws-post-staff-profile { width: 100%; margin: 0; float: none; } body .sws-content-369 .blogentries .BlogSummaryView ul li.sws-post-staff-profile:nth-child(3n-2), body .sws-content-369 .blogentries .BlogSummaryView ul li.sws-post-staff-profile:nth-child(2n-1) { margin-left: 0; clear: left; } body .sws-content-369 .blogentries ul li .blogSummary table.sws-staff-profile tr:first-child td img { max-width: 205px; } /*======================================================================== STAFF PROFILES - BLOCKQUOTE ========================================================================*/ .sws-inline-content table.sws-blockquote-profile, .sws-inline-content table.sws-blockquote-profile td { text-align: left; } .sws-inline-content table.sws-blockquote-profile td blockquote { margin-top: 0; } .sws-inline-content table.sws-blockquote-profile tr:first-child td blockquote div.staff-profile-img { position: absolute; top: 0; left: 0; border-radius: 190px; display: block; } .sws-inline-content table.sws-blockquote-profile tr:first-child td blockquote img { position: absolute; top: 0; left: 0; margin: 0; padding: 0; max-width: 190px; border-radius: 190px; } .sws-inline-content table.sws-blockquote-profile tr + tr td img { background: url("/Templates/images/placeholders/image-label.png") no-repeat scroll 50% 50% #f3f3f3; display: block; margin: 0; padding: 0; } .sws-inline-content table.sws-blockquote-profile tr:first-child td blockquote div.staff-profile-img img { position: static; } body .sws-content-767 .sws-inline-content table.sws-blockquote-profile tr:first-child td blockquote div.staff-profile-img { width: 160px; } body .sws-content-569 .sws-inline-content table.sws-blockquote-profile tr:first-child td blockquote div.staff-profile-img { width: 124px; } /*======================================================================== STAFF PROFILES LIGHT BOX ========================================================================*/ #staff-profile-lb { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 44432; display: none; background: transparent url(../images/searchButton.gif) repeat 0 0; } #staff-profile-lb .profile-container { background-size: cover; color: #fff; left: 10%; position: absolute; right: 10%; max-width: 810px; top: 50%; margin: -285px auto 0; } #staff-profile-lb .profile-container .profile-image img { width: 100%; display: block; background: url("/Templates/images/placeholders/image-label.png") no-repeat scroll 50% 50% #f3f3f3; } #staff-profile-lb .profile-container .profile-header { position: relative; } #staff-profile-lb .profile-container .profile-name { background: url("../images/shared/staff-profile-name-bg.png") repeat scroll 0 0 transparent; bottom: 0; height: auto; left: 0; padding: 23px 3.5em 20px; position: absolute; width: 100%; } #staff-profile-lb .profile-container .profile-name p, #staff-profile-lb .profile-container .profile-name h1, #staff-profile-lb .profile-container .profile-name h2, #staff-profile-lb .profile-container .profile-name h3, #staff-profile-lb .profile-container .profile-name h4, #staff-profile-lb .profile-container .profile-name h5 { color: #fff; font-size: 14px; font-family: "Museo Slab W01 700"; text-transform: uppercase; margin: 0; padding: 0; text-align: left; padding-left: 30px; line-height: inherit; position: relative; } #staff-profile-lb .profile-container .profile-name p:before, #staff-profile-lb .profile-container .profile-name h1:before, #staff-profile-lb .profile-container .profile-name h2:before, #staff-profile-lb .profile-container .profile-name h3:before, #staff-profile-lb .profile-container .profile-name h4:before, #staff-profile-lb .profile-container .profile-namee h5:before { background: url("../images/shared/shared-sprite.png") no-repeat scroll -292px -1020px transparent; content: ""; display: block; height: 16px; left: 0; position: absolute; top: 5px; width: 17px; } #staff-profile-lb .profile-container .profile-content { background: url("../images/shared/staff-profile-bg.jpg") no-repeat scroll 50% 0 #324450; background-size: cover; padding: 2.5em 3.5em; width: 100%; } #staff-profile-lb .profile-container .profile-content .scroller { height: 140px; width: 100%; overflow: hidden; } #staff-profile-lb .profile-container .profile-content .sws-inline-content { padding-right: 7px; width: 100%; } #close-profile-panel { background: #4c6876 url(../images/shared/shared-sprite.png) no-repeat -137px -918px; cursor: pointer; height: 57px; right: 0; position: absolute; top: 0; width: 57px; z-index: 1; } #close-profile-panel:hover { background-color: #88a5b5; } #staff-profile-lb.no-image .profile-container { margin-top: -140px; } #staff-profile-lb.no-image .profile-container .profile-name { background-image: none; background-color: #213039; position: static; padding-right: 58px; } #staff-profile-lb.no-image .profile-image { display: none; } #staff-profile-lb.no-image #close-profile-panel, #staff-profile-lb.no-image #close-profile-panel:hover { background-color: transparent; background-position: -145px -912px; } @media all and (max-width: 1470px) { #staff-profile-lb .profile-container .profile-content { padding: 2em 3em; } #staff-profile-lb .profile-container .profile-name { padding: 20px 3em 17px; } #staff-profile-lb.no-image .profile-container .profile-name { padding-right: 58px; } #staff-profile-lb .profile-container { max-width: 760px; margin-top: -266px; } #staff-profile-lb.no-image .profile-container { margin-top: -130px; } } @media all and (max-width: 980px) { #staff-profile-lb .profile-container { margin-top: -255px; max-width: 710px; } } @media all and (max-width: 880px) { #staff-profile-lb .profile-container { margin-top: -231px; max-width: 600px; } } @media all and (max-width: 780px) { #staff-profile-lb .profile-container { margin-top: -215px; max-width: 527px; } #staff-profile-lb .profile-container .profile-content { padding: 1.8em 2.2em; } #staff-profile-lb .profile-container .profile-name { padding: 18px 2.2em 15px; } #staff-profile-lb.no-image .profile-container .profile-name { padding-right: 58px; } #staff-profile-lb.no-image .profile-container { margin-top: -125px; } #staff-profile-lb.no-image #close-profile-panel, #staff-profile-lb.no-image #close-profile-panel:hover { background-position: -137px -915px; } } @media all and (max-width: 680px) { #staff-profile-lb .profile-container { margin-top: -130px; max-width: 527px; } #close-profile-panel, #close-profile-panel:hover { background-position: -137px -915px; background-color: transparent; } #staff-profile-lb .profile-container .profile-image { display: none; } #staff-profile-lb .profile-container .profile-name { background-image: none; background-color: #213039; position: static; color: #abc5d4; padding: 18px 60px 15px 2.2em; } #staff-profile-lb.no-image .profile-container .profile-name { padding-right: 58px; } #staff-profile-lb .profile-container .profile-name p:before, #staff-profile-lb .profile-container .profile-name h1:before, #staff-profile-lb .profile-container .profile-name h2:before, #staff-profile-lb .profile-container .profile-name h3:before, #staff-profile-lb .profile-container .profile-name h4:before, #staff-profile-lb .profile-container .profile-namee h5:before { display: none; } #staff-profile-lb .profile-container .profile-name p, #staff-profile-lb .profile-container .profile-name h1, #staff-profile-lb .profile-container .profile-name h2, #staff-profile-lb .profile-container .profile-name h3, #staff-profile-lb .profile-container .profile-name h4, #staff-profile-lb .profile-container .profile-name h5 { padding-left: 0; } } @media all and (max-width: 480px) { #staff-profile-lb .profile-container { margin-top: -140px; } } /*======================================================================== CONTACT INFORMATION ========================================================================*/ .content .blogentries .BlogSummaryView ul li.sws-post-contact-profile { float: left; margin: 0; padding: 0; border: none; width: 47%; margin-left: 6%; } .content .blogentries .BlogSummaryView ul li.sws-post-contact-profile:nth-child(odd) { margin-left: 0; clear: left; } .content .blogentries .BlogSummaryView ul li.sws-post-contact-profile h2.blogTitle, .content .blogentries .BlogSummaryView ul li.sws-post-contact-profile .blogDate, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-tooltips ~ tr { display: none; } .editmode .blogentries .BlogSummaryView ul li.sws-post-contact-profile h2.blogTitle, .editmode .blogentries .BlogSummaryView ul li.sws-post-contact-profile .blogDate, .editmode .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-tooltips ~ tr { display: block; padding-right: 0; } .content .blogentries ul li.sws-post-contact-profile .blogSummary { margin: 9px 0 32px; padding: 0; } .content > .blogentries:first-child ul li.sws-post-contact-profile .blogSummary { margin-top: 0; } .content .blogentries.sws-contact-profile-blog:last-of-type { margin-bottom: 0; } table.sws-contact-module, .content .blogentries ul li .blogSummary table.sws-contact-module { border-collapse: separate; } table.sws-contact-module tr td, .content .blogentries ul li .blogSummary table.sws-contact-module tr td { border-top: none; } table.sws-contact-module tr.sws-contact-profile td, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td { padding: 26px 30px; border-bottom: none; } .editmode .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td { border-bottom: 1px solid #ccc; } table.sws-contact-module tr.sws-contact-profile td h3, table.sws-contact-module tr.sws-contact-profile td p, table.sws-contact-module tr.sws-contact-profile td img, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td h3, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td p, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td img { margin: 0; padding: 0; } table.sws-contact-module tr.sws-contact-profile td img, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td img { border-radius: 235px; width: 100%; max-width: 150px; } table.sws-contact-module tr.sws-contact-profile td h3, table.sws-contact-module tr.sws-contact-profile td p, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td h3, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td p { margin-left: 37%; } table.sws-contact-module tr.sws-contact-profile td > p:first-child, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td > p:first-child { float: left; width: 30%; margin: 0; } table.sws-contact-module tr.sws-contact-profile td > h3, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td > h3 { color: #213039; display: block; text-align: left; font-family: "Jenna Sue"; font-size: 2.5em; font-style: normal; font-weight: normal; line-height: 1em; padding: 5px 0; margin-top: 12px; } table.sws-contact-module tr.sws-contact-profile td > h3 + p, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td > h3 + p { margin-top: 2px; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-tooltips td { background: #f3f3f3 url(../images/shared/contact-profile-bg-one.jpg) no-repeat center 0; text-align: center; padding: 25px 0; } .content .blogentries .BlogSummaryView ul li.sws-post-contact-profile:nth-child(4n-7) .blogSummary table.sws-contact-module tr.sws-contact-tooltips td { background-image: url(../images/shared/contact-profile-bg-one.jpg); } .content .blogentries .BlogSummaryView ul li.sws-post-contact-profile:nth-child(4n-6) .blogSummary table.sws-contact-module tr.sws-contact-tooltips td { background-image: url(../images/shared/contact-profile-bg-two.jpg); } .content .blogentries .BlogSummaryView ul li.sws-post-contact-profile:nth-child(4n-5) .blogSummary table.sws-contact-module tr.sws-contact-tooltips td { background-image: url(../images/shared/contact-profile-bg-three.jpg); } .content .blogentries .BlogSummaryView ul li.sws-post-contact-profile:nth-child(4n-4) .blogSummary table.sws-contact-module tr.sws-contact-tooltips td { background-image: url(../images/shared/contact-profile-bg-four.jpg); } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-tooltips td ul { margin: 0; padding: 0; height: 45px; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-tooltips td ul li { background: url("../images/shared/shared-sprite.png") no-repeat scroll -160px -489px #71aac5; border-radius: 23px; padding: 0; border: none; display: inline-block; height: 45px; margin: 0 7px 0 8px; position: relative; width: 45px; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-tooltips td ul > li:before { display: none; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-tooltips td ul li.address { background-position: -92px -489px; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-tooltips td ul li.email { background-position: -228px -489px; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-tooltips td ul li.social { background-position: -91px -567px; } .content .blogentries ul li .blogSummary table.sws-contact-module .tooltip { background-color: #2c4857; bottom: 0; color: #fff; font-family: "Open Sans Regular"; font-size: 1em; height: auto; left: 50%; line-height: 1.9em; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); padding: 14px 19px; position: absolute; text-align: center; text-transform: none; transition: all 0.3s ease 0s; width: auto; display: block; white-space: nowrap; } .content .blogentries ul li .blogSummary table.sws-contact-module .tooltip a { color: #fff; } .content .blogentries ul li .blogSummary table.sws-contact-module .tooltip:after { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 8px solid #2c4857; bottom: -8px; content: ""; height: 0; left: 50%; margin-left: -7px; position: absolute; width: 0; } .content .blogentries ul li .blogSummary table.sws-contact-module ul li:first-child .tooltip { margin-left: 0 !important; left: 0; } .content .blogentries ul li .blogSummary table.sws-contact-module ul li:first-child .tooltip:after { left: 16px; } .content .blogentries ul li .blogSummary table.sws-contact-module ul li:last-child .tooltip { margin-left: 0 !important; margin-right: 0; left: auto; right: 0; } .content .blogentries ul li .blogSummary table.sws-contact-module ul li:last-child .tooltip:after { left: auto; right: 16px; } table.sws-contact-module tr.sws-contact-label th { background-color: #f3f3f3; border: 1px solid #ccc; border-top: none; color: inherit; font-family: "Open Sans Regular",Arial,Helvetica,sans-serif; font-size: 1em; font-weight: normal; padding: 8px 20px 7px; position: relative; text-align: center; } /*@media all and (max-width: 767px)*/ body .sws-content-767 .blogentries.sws-contact-profile-blog { padding-top: 9px; } body .sws-content-767 .blogentries ul li.sws-post-contact-profile .blogSummary { padding: 0; margin: 0 0 32px; } @media all and (max-width: 1280px) { .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td { padding: 26px 25px; } table.sws-contact-module tr.sws-contact-profile td > h3, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td > h3 { margin-top: 13px; } } @media all and (max-width: 1134px) { .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td > p:first-child { float: none; margin: 0; width: auto; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td h3, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td p { margin-left: 0; text-align: center; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td img { margin: 0 auto 16px; } } @media all and (max-width: 880px) { .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td > p:first-child { float: left; margin: 0; width: 30%; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td h3, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td p { margin-left: 37%; text-align: left; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td img { margin: 0; } } @media all and (max-width: 820px) { .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td > p:first-child { float: none; margin: 0; width: auto; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td h3, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td p { margin-left: 0; text-align: center; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td img { margin: 0 auto 16px; } } @media all and (max-width: 767px) { .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-tooltips ~ tr { display: table-row; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-tooltips { display: none; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td { border-bottom: 1px solid #ccc; } } @media all and (max-width: 633px) { .content .blogentries .BlogSummaryView ul li.sws-post-contact-profile { width: 100%; margin: 0; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td > p:first-child { float: left; margin: 0; width: 30%; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td h3, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td p { margin-left: 37%; text-align: left; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td img { margin: 0; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td > h3 { margin-top: 38px; } } @media all and (max-width: 600px) { .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td > h3 { margin-top: 32px; } } @media all and (max-width: 560px) { .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td > h3 { margin-top: 28px; } } @media all and (max-width: 530px) { .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td > h3 { margin-top: 23px; } } @media all and (max-width: 500px) { .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td > h3 { margin-top: 18px; } } @media all and (max-width: 469px) { .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td > h3 { margin-top: 13px; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td > p:first-child { float: none; margin: 0; width: auto; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td > h3 { margin-top: 20px; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td h3, .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td p { margin-left: 0; text-align: center; } .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td img { margin: 0 auto 16px; } } /*======================================================================== CONTACT PROFILE - CAMPUS ========================================================================*/ .content .blogentries ul li .blogSummary table.sws-campus-profile tr.sws-contact-profile td, table.sws-campus-profile tr.sws-contact-profile td { padding: 0; } .content .blogentries ul li .blogSummary table.sws-campus-profile tr.sws-contact-profile td img, table.sws-campus-profile tr.sws-contact-profile td img { background: url("/Templates/images/placeholders/image-label.png") no-repeat scroll 50% 50% #f3f3f3; display: block; height: auto; width: 100%; border-radius: 0; max-width: none; } @media all and (max-width: 1134px) { .content .blogentries ul li .blogSummary table.sws-campus-profile tr.sws-contact-profile td img { margin: 0; } } /*======================================================================== SPORTS LINK =========================================================================*/ .sws-sport-link-container { position: relative; margin: 32px 0; } .sws-sport-link-container table { margin: 0; } .sws-inline-content table.sws-sport-link table, .sws-inline-content table.sws-sport-link th, .sws-inline-content table.sws-sport-link td { border: none; } .sws-inline-content table.sws-sport-link tr:first-child td { background: #31a874 url(../images/acs-cobham/cobham-sport-link-bg.png) repeat 0 0; color: #fff; font-family: 'academic_m54regular'; text-transform: uppercase; text-align: center; font-size: 2.15em; letter-spacing: 1px; padding-top: 192px; padding-bottom: 35px; position: relative; line-height: 1.3em; } body.acs-egham .sws-inline-content table.sws-sport-link tr:first-child td { background: #f0bd32 url(../images/acs-egham/egham-sport-link-bg.png) repeat 0 0; } body.acs-hillingdon .sws-inline-content table.sws-sport-link tr:first-child td { background: #85bade url(../images/acs-hillingdon/hillingdon-sport-link-bg.png) repeat 0 0; } body.acs-doha .sws-inline-content table.sws-sport-link tr:first-child td { background: #c94a3a url(../images/acs-doha/doha-sport-link-bg.png) repeat 0 0; } .sws-inline-content table.sws-sport-link tr:first-child td:before { content: ""; background: url(../images/shared/sport-logos.png) no-repeat 0 0; width: 160px; height: 110px; position: absolute; left: 50%; margin-left: -80px; top: 46px; } body.acs-egham .sws-inline-content table.sws-sport-link tr:first-child td:before { background-position: 0 -254px; } body.acs-hillingdon .sws-inline-content table.sws-sport-link tr:first-child td:before { background-position: 0 -126px; } body.acs-doha .sws-inline-content table.sws-sport-link tr:first-child td:before { background-position: 0 -372px; } .sws-inline-content table.sws-sport-link tr + tr td { background-color: #f7f7f7; color: #2c4857; font-family: "Museo Slab W01 500"; letter-spacing: 1px; padding-bottom: 16px; padding-top: 16px; text-align: center; text-transform: uppercase; } .sws-inline-content table.sws-sport-link tr + tr + tr td { background-color: #fff; padding: 0; text-transform: none; letter-spacing: 0; text-align: left; } .sws-inline-content table.sws-sport-link tr + tr + tr td br { display: none; } .sws-inline-content table.sws-sport-link tr + tr + tr td p { margin: 0; padding: 0; } .sws-inline-content table.sws-sport-link tr td a { margin: 0; } .sws-inline-content .sws-sport-link-container table.sws-sport-link tr td a, .sws-inline-content .sws-sport-link-container table.sws-sport-link tr td a:focus, .sws-inline-content .sws-sport-link-container table.sws-sport-link tr td a:hover, .sws-inline-content .sws-sport-link-container table.sws-sport-link tr td a:active { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; background-color: transparent; background-image: none; text-indent: -9999em; z-index: 2; } .sws-inline-content .sws-sport-link-container table.sws-sport-link tr td a ~ span.link-text { display: block; background: url("../images/shared/shared-sprite.png") no-repeat scroll -345px 13px #2c4857; padding: 9px 20px 9px 50px; color: #fff; } .sws-inline-content .sws-sport-link-container table.sws-sport-link tr td a.sws-webpage-link ~ span.link-text { background-position: -345px -713px; } .sws-inline-content .sws-sport-link-container table.sws-sport-link tr td a.sws-video-link ~ span.link-text { background-position: -346px -1182px; } /*======================================================================== KEY LINKS ========================================================================*/ .sws-inline-content .sws-key-links { border: 1px solid #d0d0d0; margin-bottom: 32px; margin-top: 32px; padding: 12px 22px 6px 127px; position: relative; min-height: 53px; } .sws-inline-content .sws-key-links > h3 { color: #2c4857; display: block; font-family: "Museo Slab W01 500"; font-size: 1em; font-weight: normal; letter-spacing: 1px; line-height: 1.9em; margin: 0; padding: 0; text-transform: uppercase; position: absolute; left: 32px; top: 13px; } .sws-inline-content .sws-key-links:after, .sws-inline-content .sws-key-links:before { border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #fff; bottom: -15px; content: ''; left: 30px; position: absolute; } .sws-inline-content .sws-key-links:before { border-left: 16px solid transparent; border-right: 16px solid transparent; border-top: 16px solid #b2b2b2; bottom: -16px; margin-left: -1px; } .sws-inline-content .sws-key-links ul { margin: 0; } .sws-inline-content .sws-key-links ul > li { display: inline-block; margin-left: 20px; padding: 0 0 6px 25px; } .sws-inline-content .sws-key-links ul > li:before { background-color: #afafaf !important; top: 11px; } .editmode .sws-inline-content .sws-key-links ul { text-align: left; } .editmode .sws-inline-content .sws-key-links ul > li { display: block; } /* 469 */ .sws-content-469 .sws-inline-content .sws-key-links:after, .sws-content-469 .sws-inline-content .sws-key-links:before { left: 50%; margin-left: -15px; } .sws-content-469 .sws-inline-content .sws-key-links:before { margin-left: -16px; } .sws-content-469 .sws-inline-content .sws-key-links { padding: 16px 0 16px 18px; } .sws-content-469 .sws-inline-content .sws-key-links > h3 { position: static; font-size: 1em; padding: 0.4em 0 0.9em; margin-left: -18px; } .sws-content-469 .sws-inline-content .sws-key-links ul { text-align: center; } .sws-content-469 .sws-inline-content .sws-key-links ul > li { margin-left: 0; margin-right: 18px; } /* 369 */ .sws-content-369 .sws-inline-content .sws-key-links { padding-right: 18px; } .sws-content-369 .sws-inline-content .sws-key-links > h3 { margin-left: 0; } .sws-content-369 .sws-inline-content .sws-key-links ul > li:before { display: none; } .sws-content-369 .sws-inline-content .sws-key-links ul > li { clear: both; display: block; margin: 0; padding-left: 0; } .sws-inline-content .sws-key-links.sws-key-links-up:after, .sws-inline-content .sws-key-links.sws-key-links-up:before { border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #fff; border-top: none; top: -15px; bottom: auto; } .sws-inline-content .sws-key-links.sws-key-links-up:before { border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #b2b2b2; border-top: none; top: -16px; bottom: auto; } /*======================================================================== SCHOOL FEES ========================================================================*/ .sws-inline-content .sws-school-fees-links > h3 { left: 23px; } .sws-inline-content .sws-school-fees-links > h3:before, .sws-inline-content .sws-school-fees-links:after, .sws-inline-content .sws-school-fees-links:before { display: none; } .sws-inline-content .sws-school-fees-links { padding: 12px 22px 6px 144px; } .sws-content-469 .sws-inline-content .sws-school-fees-links > h3 { margin-left: 0; } body#content-template .sws-inline-content .sws-school-fees-links a.cobham-link { color: #59911e; } body#content-template .sws-inline-content .sws-school-fees-links a.egham-link { color: #d26e02; } body#content-template .sws-inline-content .sws-school-fees-links a.hillingdon-link { color: #4a80ab; } body#content-template .sws-inline-content .sws-school-fees-links a.doha-link { color: #bf1302; } body#content-template .sws-inline-content .sws-school-fees-links a.cobham-link:hover, body#content-template .sws-inline-content .sws-school-fees-links a.egham-link:hover, body#content-template .sws-inline-content .sws-school-fees-links a.hillingdon-link:hover, body#content-template .sws-inline-content .sws-school-fees-links a.doha-link:hover, body#content-template .sws-inline-content .sws-school-fees-links a.cobham-link:active, body#content-template .sws-inline-content .sws-school-fees-links a.egham-link:active, body#content-template .sws-inline-content .sws-school-fees-links a.hillingdon-link:active, body#content-template .sws-inline-content .sws-school-fees-links a.doha-link:active { color: #2b4552; } /*======================================================================== AFFILIATES ========================================================================*/ .sws-inline-content table.sws-affiliates { table-layout: fixed; background: #f3f3f3 url(../images/shared/affiliates-bg.jpg) no-repeat 50% 0; background-cover: cover; } .sws-inline-content table.sws-affiliates th, .sws-inline-content table.sws-affiliates td { background-color: transparent; border: none; padding: 20px 30px; } .sws-inline-content table.sws-affiliates th { color: #2c4857; display: block; font-size: 1.05em; font-weight: normal; letter-spacing: 1px; line-height: 1.9em; text-align: center; text-transform: uppercase; padding-bottom: 28px; padding-top: 34px; } .sws-inline-content table.sws-affiliates td img { margin: 0 auto; padding: 0 27px; } .sws-inline-content table.sws-affiliates tr:last-child td { padding-bottom: 80px; } /*======================================================================== ACCORDIAN TABS ========================================================================*/ .sws-inline-content table.sws-accordion-tabs, .sws-inline-content table.sws-accordion-tabs > tbody, .sws-inline-content table.sws-accordion-tabs > tbody > tr, .sws-inline-content table.sws-accordion-tabs > tbody > tr > th, .sws-inline-content table.sws-accordion-tabs > tbody > tr > td { display: block; border: none; } .sws-inline-content table.sws-accordion-tabs > tbody > th { cursor: pointer; } .editmode .sws-inline-content table.sws-accordion-tabs > tbody > th { cursor: default; } .sws-inline-content table.sws-accordion-tabs > tbody > tr > th { background-color: #f3f3f3; color: #2a4451; text-align: left; } .sws-inline-content table.sws-accordion-tabs > tbody > tr + tr > th { margin-top: 12px; } .sws-inline-content table.sws-accordion-tabs > tbody > tr > th:hover, .sws-inline-content table.sws-accordion-tabs > tbody > tr.sws-accordion-active > th { background-color: #88a5b3; cursor: pointer; color: #fff; } .sws-inline-content table.sws-accordion-tabs > tbody > tr.sws-accordion-active > th { background-color: #2c4857; } .editmode .sws-inline-content table.sws-accordion-tabs > tbody > tr > th:hover, .editmode .sws-inline-content table.sws-accordion-tabs > tbody > tr.sws-accordion-active > th { cursor: default; } .sws-inline-content table.sws-accordion-tabs > tbody > tr > td { height: auto; overflow: hidden; padding: 0; background-color: transparent; } .sws-inline-content table.sws-accordion-tabs > tbody > tr > td > div.sws-accordion-content { display: none; } .editmode .sws-inline-content table.sws-accordion-tabs > tbody > tr > td { display: block; } .sws-inline-content table.sws-accordion-tabs > tbody > tr > th:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #2c4857; content: ""; height: 0; position: absolute; right: 20px; top: 18px; width: 0; } .sws-inline-content table.sws-accordion-tabs > tbody > tr.sws-accordion-active > th:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 7px solid #fff; border-top: none; content: ""; height: 0; position: absolute; right: 20px; top: 18px; width: 0; } .sws-inline-content table.sws-accordion-tabs td p { margin: 27px 0; } /*======================================================================== TABBED CONTENT ========================================================================*/ .blogentries.tabbed-content { margin-top: 32px; } .blogentries .tabbed-content-bar ul { width: 100%; float: left; } .blogentries .tabbed-content-bar ul li { float: left; word-wrap: break-word; display: block; color: #fff; padding: 12px 20px 8px; font-family: "Museo Slab W01 500"; text-align: center; text-transform: uppercase; background-color: #f3f3f3; color: #2a4451; cursor: pointer; } .blogentries .tabbed-content-bar ul li.active-tab { color: #fff; background-color: #88a5b5; } .blogentries .tabbed-content-bar { border-bottom: 5px solid #88a5b5; } .sws-content-569 .sws-social-links .tabbed-content-bar ul > li { padding-bottom: 8px; } .blogentries.tabs-one .tabbed-content-bar ul li { width: 100; margin-left: 0; } .blogentries.tabs-two .tabbed-content-bar ul li { margin-left: 1%; width: 49.5%; } .blogentries.tabs-three .tabbed-content-bar ul li { margin-left: 1%; width: 32.6%; } .blogentries.tabs-four .tabbed-content-bar ul li { margin-left: 1%; width: 24.25%; } .blogentries.tabs-five .tabbed-content-bar ul li { margin-left: 1%; width: 19.2%; } .blogentries.tabbed-content .BlogFeatureList .tabbed-content-bar ul li:first-child { margin-left: 0; } .blogentries.tabbed-content .BlogFeatureList > ul > li, .blogentries.tabbed-content .BlogFeatureList > ul > li:first-child { display: none; margin: 0; padding: 0.4em 0 0; border: none; } .blogentries.tabbed-content .BlogFeatureList > ul > li > a.sws-share-facebook, .sws-content-569 .blogentries.tabbed-content .BlogFeatureList > ul > li > a.sws-share-facebook, .blogentries.tabbed-content .BlogFeatureList > ul > li > a.sws-share-twitter, .sws-content-569 .blogentries.tabbed-content .BlogFeatureList > ul > li > a.sws-share-twitter { display: none; } .blogentries.tabbed-content .BlogFeatureList > ul > li.active-tab-content { display: block; } /*@media all and (max-width: 569px)*/ .sws-content-569 .blogentries .tabbed-content-bar { border: none; } .sws-content-569 .blogentries .tabbed-content-bar ul li { width: 100%; clear: both; margin: 8px 0 0; height: auto !important; } .sws-content-569 .blogentries .tabbed-content-bar ul li:first-child { margin-top: 0; } /*======================================================================== NEWSLETTER BLOG ========================================================================*/ .content .blogentries.sws-newsletters-blog:last-child { margin-bottom: 0; } .sws-page-sign-up-form .content .blogentries.sws-newsletters-blog, .sws-page-sign-up-form .content .blogentries.sws-newsletters-blog:last-child { border-bottom: 1px solid #ccc; margin-bottom: 40px; padding-bottom: 9px; } .content .blogentries .BlogSummaryView ul li.sws-post-newsletter { float: left; margin: 0; padding: 0; border: none; width: 30%; margin-left: 5%; } .content .blogentries .BlogSummaryView ul li.sws-post-newsletter:nth-child(3n-2) { margin-left: 0; clear: left; } .content .blogentries ul li.sws-post-newsletter .blogSummary { padding: 0; margin: 9px 0 32px; } .content > .blogentries:first-child ul li.sws-post-newsletter .blogSummary { margin-top: 0; } .content > .blogentries:first-child ul li.sws-post-newsletter + li.sws-post-newsletter + li.sws-post-newsletter + li.sws-post-newsletter .blogSummary { margin-top: 9px; } .content .blogentries ul li.sws-post-newsletter .sws-image-link.active { padding-bottom: 0; } .content .blogentries ul li.sws-post-newsletter .sws-image-link.active a span.link-text { background-color: #fff; background-image: none; border-radius: 130px; color: #2a4451; height: 130px; left: 50%; margin-left: -65px; padding: 0; position: absolute; top: 42px; width: 130px; text-transform: uppercase; font-family: "Open Sans Semibold", Arial, Helvetica, sans-serif; text-align: center; font-size: 1.3em; padding-top: 42px; } .content .blogentries ul li.sws-post-newsletter .sws-image-link.active.active a.sws-document-link:hover span.link-text, .content .blogentries ul li.sws-post-newsletter .sws-image-link.active.active a.sws-video-link:hover span.link-text, .content .blogentries ul li.sws-post-newsletter .sws-image-link.active.active a.sws-webpage-link:hover span.link-text { background-color: #fff; } .content .blogentries ul li.sws-post-newsletter .sws-image-link.active a span.link-text span.link-year { color: #7badc7; display: block; font-family: "Museo Slab W01 500"; font-size: 0.92em; padding-top: 3px; } .content .blogentries ul li.sws-post-newsletter .sws-image-link.active .featured-link-mask { background-color: #637883; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); } .content .blogentries ul li.sws-post-newsletter .sws-image-link.active:hover .featured-link-mask { -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); } .editmode .blogentries ul li.sws-post-newsletter .sws-inline-content a.sws-document-link, .editmode .blogentries ul li.sws-post-newsletter .sws-inline-content a.sws-webpage-link, .editmode .blogentries ul li.sws-post-newsletter .sws-inline-content a.sws-video-link { padding-right: 20px; } .content .blogentries .BlogSummaryView ul li.sws-post-newsletter h2.blogTitle, .content .blogentries .BlogSummaryView ul li.sws-post-newsletter .blogDate { display: none; } .editmode .blogentries .BlogSummaryView ul li.sws-post-newsletter h2.blogTitle, .editmode .blogentries .BlogSummaryView ul li.sws-post-newsletter .blogDate { display: block; padding-right: 0; } /*@media all and (max-width: 767px)*/ body .sws-content-767 .content .blogentries.sws-newsletters-blog { padding-top: 9px; } body .sws-content-767 .blogentries ul li.sws-post-newsletter .blogSummary { padding: 0; margin: 0 0 32px; } /*@media all and (max-width: 569px)*/ body .sws-content-569 .blogentries .BlogSummaryView ul li.sws-post-newsletter { width: 47%; margin-left: 6%; } body .sws-content-569 .blogentries .BlogSummaryView ul li.sws-post-newsletter:nth-child(3n-2) { margin-left: 6%; clear: none; } body .sws-content-569 .blogentries .BlogSummaryView ul li.sws-post-newsletter:nth-child(2n-1) { margin-left: 0; clear: left; } /*@media all and (max-width: 469px)*/ body .sws-content-469 .blogentries ul li.sws-post-newsletter .sws-image-link.active a span.link-text { font-size: 1.1em; width: 110px; height: 110px; margin-left: -55px; padding-top: 33px; } body .sws-content-469 .blogentries ul li.sws-post-newsletter .sws-image-link.active a span.link-text span.link-year { padding-top: 0; } /*@media all and (max-width: 369px)*/ body .sws-content-369 .blogentries .BlogSummaryView ul li.sws-post-newsletter:nth-child(3n-2), body .sws-content-369 .blogentries .BlogSummaryView ul li.sws-post-newsletter:nth-child(2n-1), body .sws-content-369 .blogentries .BlogSummaryView ul li.sws-post-newsletter { float: none; width: 100%; margin: 0 auto; clear: none; max-width: 280px; } body .sws-content-369 .blogentries ul li.sws-post-newsletter .sws-image-link.active a span.link-text { font-size: 1.3em; width: 130px; height: 130px; margin-left: -65px; padding-top: 42px; top: 62px; } body .sws-content-369 .blogentries ul li.sws-post-newsletter .sws-image-link.active a span.link-text span.link-year { padding-top: 3px; } /*======================================================================== SIGN UP FORM ========================================================================*/ .sws-page-sign-up-form .enquireForm .form_description { display: none; } .sws-page-sign-up-form .enquireForm div.formInformation ul { position: relative; } .sws-page-sign-up-form .enquireForm div.formInformation ul li.email { background-color: transparent; padding: 0 100px 0 199px; position: relative; } .sws-page-sign-up-form .enquireForm div.formInformation ul li.email label.description { color: inherit; font-family: inherit; line-height: 45px; position: absolute; left: 0; top: 0; padding: 0 16px 0 0; vertical-align: top; } .sws-page-sign-up-form .enquireForm div.formInformation ul li.email input { padding: 8px 8px 8px 42px; border-right: none; height: 45px; background: transparent url(../images/shared/shared-sprite.png) no-repeat -229px -551px; } .sws-page-sign-up-form .enquireForm div.formInformation ul li.email input.placeholder { color: #999; font-family: "Open Sans Semibold"; font-size: 0.78em; letter-spacing: 1px; text-transform: uppercase; } .sws-page-sign-up-form .enquireForm div.formInformation ul li.buttons { width: auto; padding-top: 0; } .sws-page-sign-up-form .enquireForm div.formInformation ul li.buttons input { position: absolute; right: 0; top: 0; width: 100px; } .sws-page-sign-up-form .enquireForm div.formInformation ul li .guidelines, .sws-page-sign-up-form .enquireForm div.formInformation ul li .required { display: none; } body .sws-page-sign-up-form .sws-content-469 .enquireForm div.formInformation ul li { padding-left: 0; } body .sws-page-sign-up-form .sws-content-469 .enquireForm div.formInformation ul li label.description { display: none; } /*======================================================================== APPLY ONLINE ========================================================================*/ body.acs-apply #banner #breadcrumb-trail .breadCrumb span { display: none; } #application-steps .sws-inline-content h2:before { background-image: none; background-color: #2a4550; border-radius: 19px; content: "1"; display: inline-block; float: left; height: 38px; margin-right: 15px; width: 38px; color: #fff; font-size: 20px; line-height: 38px; text-align: center; } #application-steps .sws-inline-content h2.item-1:before {content: "1";} #application-steps .sws-inline-content h2.item-2:before {content: "2";} #application-steps .sws-inline-content h2.item-3:before {content: "3";} #application-steps .sws-inline-content h2.item-4:before {content: "4";} #application-steps .sws-inline-content h2.item-5:before {content: "5";} #application-steps .sws-inline-content h2.item-6:before {content: "6";} #application-steps .sws-inline-content h2 { color: #2a4451; display: block; font-family: "Museo Slab W01 500"; font-size: 1.6em; font-weight: normal; letter-spacing: -0.5px; line-height: 1.6em; min-height: 39px; text-align: left; border-top: 1px solid #c2c2c2; margin-bottom: 23px; padding: 39px 0 0; } .editmode #application-steps .sws-inline-content h2, #application-steps .sws-inline-content h2.item-1 { border-top: none; padding-top: 0; } #apply-filter { padding-bottom: 22px; } #apply-filter ul.clear { background-color: #f5f5f5; display: block; padding: 12px 24px; width: 100%; margin-bottom: 27px; } #apply-filter div.notification { display: none; clear: both; } #apply-filter div.notification .sws-inline-content p, #apply-filter div.notification .sws-inline-content h1, #apply-filter div.notification .sws-inline-content h2, #apply-filter div.notification .sws-inline-content h3, #apply-filter div.notification .sws-inline-content h4, #apply-filter div.notification .sws-inline-content h5 { margin: 0; } #apply-filter div.notification .sws-inline-content br { display: none; } #apply-filter div.notification > h3 { color: #2c4857; font-family: "Open Sans Regular"; font-size: 1.45em; font-weight: normal; letter-spacing: 0; line-height: 1.6em; padding-bottom: 27px; text-align: center; display: none; } .editmode #apply-filter div.notification h3 { display: block; } #apply-filter ul.clear, #apply-filter ul.clear li { float: left; } #apply-filter ul.clear li + li { margin-left: 25px; } #apply-filter ul.clear li input { margin: 0 12px 0 0; position: relative; top: 2px; } #application-steps .blogentries { margin-bottom: 27px; } #application-steps .blogentries .BlogFeatureList > ul > li { padding-top: 0; } #application-steps .blogentries .BlogFeatureList > ul > li + li { border-top: none; } #application-steps .blogentries ul li h2.blogTitle, #application-steps .blogentries ul li .blogDate { display: none; } .editmode #application-steps .blogentries ul li h2.blogTitle, .editmode #application-steps .blogentries ul li .blogDate { display: block; } #application-steps .blogentries ul li .blogSummary, #application-steps .blogentries ul li .blogBody { padding-top: 0; padding-bottom: 27px; } #application-steps table.sws-accordion-tabs tr td ul { margin-bottom: 0; margin-top: 0; } #application-steps .blogentries ul.sws-post-list > li { margin: 0; display: none; } .editmode #application-steps .blogentries ul.sws-post-list > li { display: block !important; } #application-steps .blogentries ul.sws-post-list > li h3, #application-steps .blogentries ul li .blogSummary table.sws-accordion-tabs { margin-bottom: 0; } #application-steps .sws-post-apply-acs-cobham .sws-inline-content table.sws-accordion-tabs tr th { background-color: #81b051; color: #fff; text-align: left; } #application-steps .sws-post-apply-acs-cobham .sws-inline-content table.sws-accordion-tabs > tbody > tr > th:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff; } #application-steps .sws-post-apply-acs-cobham .sws-inline-content table.sws-accordion-tabs > tbody > tr.sws-accordion-active > th:before { border-top: none; } #application-steps .sws-post-apply-acs-egham .sws-inline-content table.sws-accordion-tabs tr th { background-color: #e09922; color: #fff; text-align: left; } #application-steps .sws-post-apply-acs-egham .sws-inline-content table.sws-accordion-tabs > tbody > tr > th:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff; } #application-steps .sws-post-apply-acs-egham .sws-inline-content table.sws-accordion-tabs > tbody > tr.sws-accordion-active > th:before { border-top: none; } #application-steps .sws-post-apply-acs-hillingdon .sws-inline-content table.sws-accordion-tabs tr th { background-color: #669bc6; color: #fff; text-align: left; } #application-steps .sws-post-apply-acs-hillingdon .sws-inline-content table.sws-accordion-tabs > tbody > tr > th:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff; } #application-steps .sws-post-apply-acs-hillingdon .sws-inline-content table.sws-accordion-tabs > tbody > tr.sws-accordion-active > th:before { border-top: none; } #application-steps .sws-post-apply-acs-doha .sws-inline-content table.sws-accordion-tabs tr th { background-color: #d43e2f; color: #fff; text-align: left; } #application-steps .sws-post-apply-acs-doha .sws-inline-content table.sws-accordion-tabs > tbody > tr > th:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 7px solid #fff; } #application-steps .sws-post-apply-acs-doha .sws-inline-content table.sws-accordion-tabs > tbody > tr.sws-accordion-active > th:before { border-top: none; } #application-steps .sws-inline-content table.sws-accordion-tabs tr th:hover, #application-steps .sws-inline-content table.sws-accordion-tabs tr.sws-accordion-active th { background-color: #2c4857; } #application-steps .sws-inline-content ul.apply-document-notes { padding: 27px 0; } #application-steps .sws-inline-content ul.apply-document-notes li, #application-steps .sws-inline-content ul.apply-document-notes > li:nth-child(2n+1) { background-color: transparent; } #application-steps .enquireForm { margin-bottom: 26px; } #application-steps .enquireForm ul li p.error { padding-top: 0.8em; display: none; } #application-steps .enquireForm ul li.checkbox.invalid-entry p.error, #application-steps .enquireForm ul li.buttons.apply-selected { display: block; } #application-steps .enquireForm ul li.buttons { display: none; } #application-steps .enquireForm ul li.buttons ul { padding-top: 27px; } #application-steps .enquireForm ul li.buttons ul li { float: left; padding: 0; background-color: transparent; width: 48.5%; margin: 0; } #application-steps .enquireForm ul li.buttons ul li + li { margin-left: 3%; } #application-steps .enquireForm ul li.buttons a, #application-steps .enquireForm ul li.buttons span { background-color: #2c4857; border: none; color: #fff; cursor: pointer; display: block; font-family: "Museo Slab W01 500"; font-size: 1.05em; font-weight: normal; padding: 9px 20px 9px; text-align: center; text-decoration: none; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -ms-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } #application-steps .enquireForm ul li#unselected span { background-color: #ccc; cursor: default; } #application-steps .enquireForm ul li.buttons a:active, #application-steps .enquireForm ul li.buttons a:hover, #application-steps .enquireForm ul li.buttons a:focus { background-color: #31444f; } #apply-link-wrapper { position: relative; } #application-steps .sws-inline-content .sws-application-notice:before { background: transparent url(../images/shared/shared-sprite.png) no-repeat -141px -1005px; content: ""; height: 47px; width: 47px; display: block; position: absolute; left: 0; top: 0; } #application-steps .sws-inline-content .sws-application-notice { height: 47px; padding-left: 60px; padding-top: 0; position: absolute; margin-top: 0; width: 30px; top: 0; left: 0; } @media all and (max-width: 615px) { #apply-filter ul.clear, #apply-filter ul.clear li, #apply-filter ul.clear li + li { float: none; margin-left: 0; } #apply-filter ul.clear { padding-top: 20px; } #apply-filter ul.clear li { padding-bottom: 9px; } } /*============================================================================================== DETAIL TEMPLATE ****************************************************************************** ==============================================================================================*/ /* SCHOOL MENU */ #detail-template #school-menu .globalmenu { display: none; } #detail-template.window-load #school-menu .globalmenu { display: block; } #detail-template #school-menu .globalmenu ul.rmRootGroup > li { display: none; } #detail-template #school-menu .globalmenu ul.rmRootGroup > li.detailMenu { display: block; } #detail-template #school-menu .globalmenu ul.rmRootGroup > li.detailMenu > a { display: none; } @media all and (max-width: 1350px) { #detail-template.window-load #school-menu .globalmenu { display: none; } } /* BLOG AND CALENDAR FORMATTING */ .detail-article #banner.no-gallery ~ #content-container { padding-top: 102px; } .detail-article #banner-header, .detail-article #breadcrumb-trail { display: none; } .detail-article #section-menu { padding-top: 10px; } #detail-template .blog > h2, #detail-template .ceTitle { color: #2c4857; font-family: "Open Sans SemiBold"; font-size: 3.6em; font-weight: normal; line-height: 1.3em; text-transform: uppercase; padding-bottom: 0.4em; } body#detail-template.detail-article-banner .blog h2 { display: none; } #detail-template .blog > .postInformation, #detail-template .CalendarEvents .ceDate { margin-bottom: 27px; background: url("../images/acs-org/org-sprite.png") no-repeat scroll 0 -142px transparent; color: #999; display: block; font-family: "Open Sans Semibold"; font-size: 0.78em; letter-spacing: 1px; line-height: 2.3em; margin-top: 0; padding-left: 28px; text-transform: uppercase; } body#detail-template.acs-cobham .blog > .postInformation, body#detail-template.acs-cobham .CalendarEvents .ceDate { background-image: url("../images/acs-cobham/cobham-sprite.png"); } body#detail-template.acs-egham .blog > .postInformation, body#detail-template.acs-egham .CalendarEvents .ceDate { background-image: url("../images/acs-egham/egham-sprite.png"); } body#detail-template.acs-hillingdon .blog > .postInformation, body#detail-template.acs-hillingdon .CalendarEvents .ceDate { background-image: url("../images/acs-hillingdon/hillingdon-sprite.png"); } body#detail-template.acs-doha .blog > .postInformation, body#detail-template.acs-doha .CalendarEvents .ceDate { background-image: url("../images/acs-doha/doha-sprite.png"); } @media all and (max-width: 1078px) { .detail-article #banner.no-gallery ~ #content-container { padding-top: 69px; } #detail-template .blog > h2, #detail-template .ceTitle { font-size: 3em; padding-bottom: 0.4em; } } @media all and (max-width: 767px) { .detail-article #banner.no-gallery ~ #content-container { padding-top: 56px; } #detail-template .blog > h2, #detail-template .ceTitle { font-size: 2.5em; letter-spacing: -1px; padding-bottom: 0.5em; } } @media all and (max-width: 469px) { .detail-article #banner.no-gallery ~ #content-container { padding-top: 43px; } #detail-template .blog > h2, #detail-template .ceTitle { font-size: 2.1em; line-height: 1.35em; letter-spacing: -1px; padding-bottom: 0.6em; text-align: center; } } /* SHARING */ #detail-template .blog-share { border: 1px solid #d0d0d0; margin-bottom: 32px; margin-top: 32px; min-height: 53px; padding: 12px 22px 6px 188px; position: relative; } #detail-template .blog-share h1 { color: #2c4857; display: block; font-family: "Museo Slab W01 500"; font-size: 1em; font-weight: normal; left: 23px; letter-spacing: 1px; line-height: 1.9em; margin: 0; padding: 0; position: absolute; text-transform: uppercase; top: 13px; } #detail-template .blog-share p { display: inline-block; float: none !important; margin-left: 20px; padding: 0 0 6px 25px !important; position: relative; } #detail-template .blog-share p:before { background-color: #afafaf; content: ""; display: block; height: 7px; left: 0; position: absolute; top: 11px; width: 7px; } #detail-template .blog-share p a img { display: none; } /* 469 */ #detail-template .sws-content-469 .blog-share { padding: 16px 0 16px 18px; text-align: center; } #detail-template .sws-content-469 .blog-share h1 { position: static; font-size: 1em; padding: 0.4em 0 0.9em; margin-left: -18px; } #detail-template .sws-content-469 .blog-share p { margin-left: 0; margin-right: 18px; } /* 369 */ #detail-template .sws-content-369 .blog-share { padding-right: 18px; } #detail-template .sws-content-369 .blog-share h1 { margin-left: 0; } #detail-template .sws-content-369 .blog-share p:before { display: none; } #detail-template .sws-content-369 .blog-share p { clear: both; display: block; margin: 0; padding-left: 0 !important; } /* DETAIL TEMPLATE WITH BANNER */ #banner.gallery #banner-header #page-title h1 { font-size: 3em; line-height: 1.35em; } @media all and (max-width: 1078px) { #banner.gallery #banner-header #page-title h1 { font-size: 2.6em; } } @media all and (max-width: 767px) { #banner.gallery #banner-header #page-title h1 { font-size: 2.2em; } } @media all and (max-width: 479px) { #banner.gallery #banner-header #page-title h1 { font-size: 2.1em; } } /* SEARCH RESULTS */ #content > .content_top, #content > .content_bottom { display: none; } body .searchResultsPageName { font-size: inherit; font-family: "Open Sans Regular"; font-size: 16px; font-weight: normal; } .searchResultsPageName { font-size: 1.25em; line-height: 1.8em; border-top: 1px solid #ccc; margin-top: 1.6em; padding-top: 1.6em; } #SearchResults .searchResultsPageName a { text-decoration: none; } .searchResultsContents { margin: 0.3em 0; } .searchResultsContents strong { font-weight: bold; } .searchResultsLink { margin-bottom: 1.3em; } .searchPagingLinks { background-color: #f5f5f5; height: auto; padding: 0.7em 1.3em; position: relative; margin: 2.6em 0 0; } .searchPagingLinks > a { position: absolute; top: 0; left: 0; width: 54px; height: 100%; display: block; padding: 0; } .searchPagingLinks > a span { display: none; } .searchPagingLinks > a.pagingNextLnk { right: 0; left: auto; background: transparent url(../images/fluency/next-icon-dark.png) no-repeat 50% 50%; } .searchPagingLinks > a.pagingPreviousLnk { background: transparent url(../images/fluency/prev-icon-dark.png) no-repeat 50% 50%; } .k-pager-info { display: block; text-align: center; padding: 0 40px; font-weight: normal !important; } /* SITEMAP */ #SiteMap .rmSlide { display: block !important; height: auto !important; width: auto !important; } #SiteMap .rmSlide a { width: auto !important; } #SiteMap ul.rmRootGroup > li > a { background: url("../images/shared/shared-sprite.png") no-repeat scroll -345px -713px #2c4857; border: medium none; cursor: pointer; display: block; font-family: "Museo Slab W01 500"; font-size: 1.05em; font-weight: normal; margin-top: 32px; padding: 9px 125px 9px 50px; position: relative; color: #fff; text-decoration: none; } #SiteMap ul.rmRootGroup > li:first-child > a { margin-top: 0; } #SiteMap ul.rmRootGroup > li > a:focus, #SiteMap ul.rmRootGroup > li > a:hover, #SiteMap ul.rmRootGroup > li > a:active { background-color: #88a5b3; } #SiteMap ul.rmLevel1 li a { display: block; padding: 12px 1.3em 12px 40px; position: relative; } #SiteMap ul.rmLevel1 li a:before { background: url(../images/shared/shared-sprite.png) no-repeat -374px -618px; content: ""; display: block; height: 8px; left: 19px; position: absolute; top: 1.5em; width: 7px; } #SiteMap ul.rmLevel1 li.sws-odd > a { background-color: transparent; } #SiteMap ul.rmLevel1 li.sws-even > a { background-color: #f3f3f3; } #SiteMap ul.rmLevel2 > li > a { padding-left: 65px; } #SiteMap ul.rmLevel2 > li > a:before { left: 44px; } #SiteMap ul.rmLevel3 > li > a { padding-left: 90px; } #SiteMap ul.rmLevel3 > li > a:before { left: 69px; } #SiteMap ul.rmLevel4 > li > a { padding-left: 115px; } #SiteMap ul.rmLevel4 > li > a:before { left: 94px; } #SiteMap ul.rmLevel5 > li > a { padding-left: 140px; } #SiteMap ul.rmLevel5 > li > a:before { left: 119px; } /*======================================================================== FOOTER - RESOURCES ========================================================================*/ #footer-resources { background-color: #31444f; padding-top: 64px; padding-bottom: 50px; color: #fff; } #get-in-touch, #recommended-links, #general-resources { float: left; width: 27%; min-height: 234px; } #get-in-touch { margin-right: 6%; } #get-in-touch .featuretitle { background: transparent url(../images/acs-org/org-sprite.png) no-repeat -386px -243px; } #general-resources .featuretitle { background: transparent url(../images/acs-org/org-sprite.png) no-repeat -387px 6px; } #recommended-links .featuretitle { background: transparent url(../images/acs-org/org-sprite.png) no-repeat -383px -120px; } #recommended-links { margin-left: 3%; margin-right: 3%; width: 28%; } #general-resources { margin-left: 6%; } #footer-resources .resource-list div.featuretitle { color: #abc5d4; font-family: "Museo Slab W01 700"; text-transform: uppercase; padding-bottom: 24px; } #get-in-touch .featuretitle { padding-left: 27px; } #general-resources .featuretitle { padding-left: 25px; } #recommended-links .featuretitle { padding-left: 32px; } #footer-resources .resource-list a { color: #fff; } #footer-resources .resource-list li { padding: 10px 0 10px 26px; background: transparent url(../images/shared/shared-sprite.png) no-repeat 0 -302px; } #footer-resources .resource-list li + li { border-top: 1px solid #58707f; } #footer-resources .resource-list em, #footer-resources .resource-list li i { font-style: italic; } #footer-resources .resource-list b, #footer-resources .resource-list li strong { font-family: "Open Sans Semibold"; font-weight: normal; } @media all and (max-width: 1134px) { #get-in-touch, #recommended-links, #general-resources { width: 29%; } #get-in-touch { margin-right: 4%; } #recommended-links { margin-left: 2%; margin-right: 2%; width: 30%; } #general-resources { margin-left: 4%; } } @media all and (max-width: 1034px) { #get-in-touch, #recommended-links, #general-resources { width: 30%; } #get-in-touch { margin-right: 3%; } #recommended-links { margin-left: 1.5%; margin-right: 1.5%; width: 31%; } #general-resources { margin-left: 3%; } .resource-list .bodycontent { font-size: 0.94em; } } @media all and (max-width: 970px) { #footer-resources .resource-list li { padding-left: 0; background-image: none; } } @media all and (max-width: 900px) { #get-in-touch, #recommended-links, #general-resources { float: none; width: auto; margin: 0; } #footer-resources .resource-list li { background: url("../images/shared/shared-sprite.png") no-repeat scroll 0 -302px transparent; padding-left: 26px; } .resource-list .bodycontent { font-size: 1em; } .resource-list + .resource-list { padding-top: 28px; } } @media all and (max-width: 767px) { #footer-resources { padding: 53px 0; } #footer-resources .resource-list div.featuretitle { padding-bottom: 19px; } } @media all and (max-width: 469px) { #footer-resources { padding: 40px 0 30px; } #footer-resources .resource-list div.featuretitle { padding-bottom: 14px; } } @media all and (max-width: 340px) { .resource-list .bodycontent { font-size: 0.94em; } } /*======================================================================== FOOTER - UTILITIES ========================================================================*/ #footer-utilities { background-color: #213039; padding: 57px 0; } #affiliates, #affiliates ul, #affiliates ul li { float: left; } #affiliates ul li#ap-logo { padding-left: 40px; } #affiliates ul li#ib-logo a, #affiliates ul li#ib-logo a span { background: transparent url(../images/acs-org/org-sprite.png) no-repeat 0 0; display: block; height: 55px; text-indent: -9999em; width: 56px; } #affiliates ul li#ap-logo a, #affiliates ul li#ap-logo a span { background: transparent url(../images/acs-org/org-sprite.png) no-repeat -85px 0; display: block; height: 55px; text-indent: -9999em; width: 192px; } #affiliates ul li#ib-logo a span { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); background-position: 0 -55px; } #affiliates ul li#ap-logo a span { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); background-position: -85px -55px; margin: 0; } #affiliates ul li#ib-logo a:hover span, #affiliates ul li#ap-logo a:hover span { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); } #legal { float: right; font-size: 0.9em; text-transform: uppercase; padding-top: 16px; } #legal ul, #legal ul li { color: #abc5d4; float: left; font-size: 1em; } #legal ul li + li { padding-left: 38px; } #legal ul li a { color: #abc5d4; } #legal ul li.accessibility_standard { display: none; } @media all and (max-width: 1134px) { #legal ul, #legal ul li { color: #abc5d4; float: left; font-size: 0.96em; } #legal ul li + li { padding-left: 28px; } #affiliates ul.programmes li#ap-logo { padding-left: 30px; } } @media all and (max-width: 1023px) { #legal ul li.accessibility_print, #legal ul li.accessibility_high { display: none; } } @media all and (max-width: 900px) { /*#affiliates, #affiliates ul, #legal, #legal ul { float: none; font-size: 1em; } #legal ul li + li { padding-left: 38px; } #affiliates, #legal { text-align: center; } #affiliates ul, #legal ul { display: inline-block; } #affiliates ul.programmes li#ap-logo { padding-left: 40px; } #footer-utilities { padding: 40px 0 30px; height:366px; }*/ } @media all and (max-width: 700px) { #legal ul, #legal ul li { font-size: 0.96em; } #legal ul li + li { padding-left: 28px; } } @media all and (max-width: 560px) { #legal ul li:first-child { padding-right: 1em; text-align: right; width: 50%; } #legal ul li + li + li + li + li { padding: 0 0 0 1em; text-align: left; width: 50%; } #legal ul li + li + li + li + li + li { padding: 0; text-align: center; width: 100%; } #affiliates ul.programmes li#ap-logo { padding-left: 30px; } } @media all and (max-width: 340px) { #affiliates ul.programmes li#ap-logo { padding-left: 23px; } } /*======================================================================== SLIDEOUT COVER ========================================================================*/ #slide-out-cover { background-color: #fff; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 4443; display: none; } /*======================================================================== MOBILE MENU ========================================================================*/ #mobile-menu { height: 100%; position: fixed; right: -472px; top: 0; width: 472px; z-index: 4444; background-color: #2c4857; } #mobile-menu-container { padding: 104px 4em 4em; color: #fff; background-color: #2c4857; height: 100%; z-index: 2; position: relative; } #mobile-menu-content { height: 100%; overflow: hidden; } #close-mobile-menu { background: #4c6876 url(../images/shared/shared-sprite.png) no-repeat -137px -918px; cursor: pointer; height: 57px; left: 0; position: absolute; top: 0; width: 57px; z-index: 1; } #close-mobile-menu:hover { background-color: #88a5b5; } #mobile-menu-container > h2 { color: #fff; font-family: "Open Sans Semibold"; font-size: 1.65em; left: 55px; letter-spacing: 0; margin-bottom: 1em; margin-top: 0; padding: 0; position: absolute; text-align: left; text-transform: uppercase; top: 43px; } @media all and (max-width: 1470px) { #mobile-menu-container { padding: 104px 3.5em 40px; } #mobile-menu-container > h2 { left: 49px; } #mobile-menu { width: 425px; right: -425px; } } @media all and (max-width: 767px) { #mobile-menu-container { padding: 92px 3em 38px; } #mobile-menu-container > h2 { top: 41px; left: 42px; } #mobile-menu { width: 375px; right: -375px; } } @media all and (max-width: 469px) { #close-mobile-menu { background-color: transparent !important; height: 58px; left: auto !important; right: 5px; top: 5px; z-index: 5555; } #mobile-menu-container { padding: 94px 1.7em 30px; } #mobile-menu-container > h2 { top: 33px; left: 24px; } #mobile-menu { width: 100%; right: -100%; } } /*============================================================================= MOBILE MENU LEVELS =============================================================================*/ #mobile-menu-content ul > li a { color: #fff; display: block; width: 100% !important; } #mobile-menu-content .rmSlide { height: auto !important; width: auto !important; display: block !important; } #mobile-menu-content ul > li.level1:first-child > a { margin-top: 0; } #mobile-menu-content ul > li.level1.selectedPage > a, #mobile-menu-content ul > li.level1.selectedPagePath > a { background-color: #7592a1; } #mobile-menu-content ul > li.level1 > a { background-color: #4c6876; border: medium none; cursor: pointer; display: block; font-family: "Museo Slab W01 700"; font-size: 1em; font-weight: normal; margin-top: 12px; margin-bottom: 0; padding: 9px 20px 7px; position: relative; text-decoration: none; text-transform: uppercase; } #mobile-menu-content ul > li.level1 > a { border-left: 8px solid #88a5b5; } #mobile-menu-content ul > li.level1 + li.level1 > a { border-color: #a1c37e; } #mobile-menu-content ul > li.level1 + li.level1 + li.level1 > a { border-color: #f7d470; } #mobile-menu-content ul > li.level1 + li.level1 + li.level1 + li.level1 > a { border-color: #93bad9; } #mobile-menu-content ul > li.level1 + li.level1 + li.level1 + li.level1 + li.level1 > a { border-color: #db5e4e; } #mobile-menu-content ul > li.level1 + li.level1 + li.level1 + li.level1 + li.level1 + li.level1 > a { border-color: #88a5b5; } #mobile-menu-content ul > li.level1 .rmSlide ul { display:none; padding-top: 10px; } #mobile-menu-content ul > li.level2 { border-top: 1px solid #58707f; } #mobile-menu-content ul > li.level2:first-child { border-top: none; } #mobile-menu-content ul > li.level2 > a { background: transparent url(../images/shared/shared-sprite.png) no-repeat 18px -305px; padding: 10px 18px 10px 46px; line-height: 1.7em; } #mobile-menu-content ul > li.level2.selectedPage > a, #mobile-menu-content ul > li.level2.selectedPagePath > a { background-position: -141px -1057px; font-weight: bold; } #mobile-menu-content ul > li.level3 { border-top: 1px solid #58707f; } #mobile-menu-content ul > li.level3 > a { background: url("../images/shared/shared-sprite.png") no-repeat scroll 47px -1308px transparent; font-family: "Open Sans Semibold"; font-size: 0.75em; letter-spacing: 1px; line-height: 2.1em; padding-bottom: 11px; padding-left: 71px; padding-top: 11px; text-transform: uppercase; } #mobile-menu-content ul > li.level3 > a { color: #fff; padding-right: 18px; } /*#mobile-menu-content ul > li.selectedPage.level3 > a, #mobile-menu-content ul > li.selectedPagePath.level3 > a { background-position: -326px -598px; } #mobile-menu-content ul > li.selectedPage.level3 > a, #mobile-menu-content ul > li.selectedPagePath.level3 > a { background-position: -326px -598px; }*/ #mobile-menu-content ul > li.selectedPage.level3:hover, #mobile-menu-content ul > li.selectedPagePath.level3:hover { background-color: transparent; } #mobile-menu-content ul.rmLevel3 > li.level4 { padding: 11px 20px 11px 68px; border-top: 1px solid #58707f; } #mobile-menu-content ul.rmLevel3 > li.level4 > a { font-size: 0.88em; font-style: italic; letter-spacing: 0; color: #fff; } /*============================================================================= JSCROLLPANE =============================================================================*/ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 6px; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: #fff; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #213039; position: relative; } .jspDrag { background-color: #4c6876; position: relative; top: 0; left: 0; cursor: pointer; } .jspDrag:hover { background-color: #88a5b5; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } * html .jspCorner { /* Yuk! CSS Hack for IE6 3 pixel bug :( */ margin: 0 -3px 0 0; } /*======================================================================== MAGNIFIC LIGHTBOX ========================================================================*/ .mfp-fade.mfp-bg { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); background: #000; transition: all .3s; } .mfp-fade.mfp-bg.mfp-ready { -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=95); } .mfp-fade.mfp-bg.mfp-removing { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); } .mfp-fade.mfp-wrap .mfp-content { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); transition: all .3s; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=0); } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 5111; overflow: hidden; position: fixed; background: #0b0b0b; -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=50); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #ccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #ccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader, .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=65); padding: 0 0 18px 10px; color: #fff; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #fff; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #ccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { -moz-opacity:1; -khtml-opacity: 1; opacity: 1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70); } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid #fff; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid #fff; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background-color: #444; } img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .mfp-bg { background-color: #213039; -moz-opacity: 0.95; -khtml-opacity: 0.95; opacity: 0.95; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=95); } .mfp-wrap { z-index: 5211; } .mfp-content { z-index: 4446; } .mfp-preloader { color: #ccc; background: transparent url(../images/shared/video-loader.gif) no-repeat 0 0; width: 32px; height: 32px; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; position: absolute; right: auto; text-align: left; text-indent: -9999em; z-index: 4445; } button.mfp-close:after { background: url("../images/shared/shared-sprite.png") no-repeat scroll -160px -939px transparent; content: ""; height: 14px; position: absolute; right: 0; top: 13px; width: 13px; } .mfp-close { text-indent: -9999em; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { background-color: transparent; text-align: left; padding-right: 0; right: 0; } .mfp-iframe-holder .mfp-content { max-width: 960px; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .apply-link { margin-left: 60px; } .sws-page-doha-brochure aside.featured-content { display: none !important; } #content-template.banner-video #home-banner #banner-welcome { width: 100% !important; } /*======================================================================== VIDEO BANNER CONTENT TEMPLATE ========================================================================*/ .video-banner #home-banner #banner-welcome { width: 100%; } .video-banner #banner-header #page-title { padding: 32px 0; text-align: left; color: #fff; background: transparent url(../images/shared/page-title-bg.png) repeat 0 0; position: absolute; bottom: 0; left: 0; width: 100%; } .video-banner .container { max-width: 1254px; min-width: 320px; margin: 0 auto; padding: 0 3em; } .video-banner #banner-header #page-title h1 { font-size: 3em; line-height: 1.35em; font-family: "Open Sans Bold"; font-weight: normal; text-transform: uppercase; text-align: center; } .video-banner #breadcrumb-trail { background-color: #f3f3f3; } .video-banner #breadcrumb-trail .breadCrumb { margin: 0 auto; max-width: 1170px; text-align: center; padding: 10px 0; font-size: 1.1em; } body.acs-hillingdon.video-banner #breadcrumb-trail .breadCrumb a { background-image: url(../images/acs-hillingdon/hillingdon-sprite.png); } .video-banner #breadcrumb-trail .breadCrumb a, .video-banner #breadcrumb-trail .breadCrumb span { background: transparent url(../images/acs-org/org-sprite.png) no-repeat right -464px; display: inline-block; font-family: "Museo Slab W01 500"; color: #474747; padding-right: 25px; margin-right: 14px; } div#Address{ float: right; font-size: 0.7em; text-transform: uppercase; color: #ABC5D4; padding-top: 37px; display:block; } p.accessibility_address{ position: absolute; } /*======================================================================== THREE PANEL SCHOOL HOMEPAGE ========================================================================*/ .three-panels .editmode #banner-promotion-three { padding: 30px 3em; } .three-panels #home-banner aside.banner-promotions #banner-promotion-three span.anchor-visual { background-image: none; padding-bottom: 10px; padding-left: 20px; position: relative; text-align: center; } .three-panels #home-banner aside.banner-promotions #banner-promotion-three span.anchor-visual:before { content: ""; display: inline-block; height: 14px; width: 19px; padding-right: 32px; } .three-panels #home-banner aside.banner-promotions #banner-promotion-three a.sws-video-link span.anchor-visual:before { background: url("../images/shared/shared-sprite.png") no-repeat scroll -363px -1197px transparent; } .three-panels #home-banner aside.banner-promotions #banner-promotion-three span.anchor-visual:after { background-color: #2c4857; color: #abc5d4; content: "Head of School"; display: block; font-family: "Open Sans Semibold"; font-size: 0.68em; letter-spacing: 1px; line-height: 27px; text-transform: uppercase; position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; display: none; } .three-panels .acs-org #home-banner aside.banner-promotions #banner-promotion-three span.anchor-visual:after { content: "ACS Chairman"; } .three-panels #home-banner aside.banner-promotions #banner-promotion-three a:hover span.anchor-visual:after { background-color: #213039; } .three-panels #home-banner aside.banner-promotions div.featured-link { height: 44.2%; } .three-panels #home-banner aside.banner-promotions > div#banner-promotion-two, .three-panels #home-banner aside.banner-promotions > div#banner-promotion-three { height: 28%; } .three-panels #home-banner aside.banner-promotions > div#banner-promotion-three { top: auto; bottom: 28%; background-color: #DB5E4E; } .acs-cobham.three-panels #banner-promotion-three .backstretch { background: url('../images/over-5.png') no-repeat rgba(129, 176, 81, 0.8); background-size: 285px; background-position: center 25%; } .acs-cobham.three-panels #banner-promotion-three .backstretch img, .acs-cobham.three-panels #banner-promotion-two .backstretch img { display: none !important; } .acs-cobham.three-panels #banner-promotion-two .backstretch { background: url('../images/over-2.png') no-repeat rgba(129, 176, 81, 0.8); background-size: 300px; background-position: center 25%; } .three-panels #home-banner aside.banner-promotions #banner-promotion-three a.sws-webpage-link span.anchor-visual:before { background: url("../images/shared/shared-sprite.png") no-repeat scroll -362px -731px transparent; content: ""; display: inline-block; height: 10px; padding-right: 32px; width: 19px; } .acs-egham.three-panels #home-banner aside.banner-promotions > div#banner-promotion-two, .acs-egham.three-panels #home-banner aside.banner-promotions > div#banner-promotion-three { background-color: #E09922; } .acs-hillingdon.three-panels #home-banner aside.banner-promotions > div#banner-promotion-two, .acs-hillingdon.three-panels #home-banner aside.banner-promotions > div#banner-promotion-three { background-color: #669BC6; } .acs-cobham.three-panels #home-banner aside.banner-promotions > div#banner-promotion-two, .acs-cobham.three-panels #home-banner aside.banner-promotions > div#banner-promotion-three { background-color: #81B051; } .three-panels #home-banner aside.banner-promotions > div#banner-promotion-two .three-panel-text p, .three-panels #home-banner aside.banner-promotions > div#banner-promotion-three .three-panel-text p { display: table-cell; font-weight: normal; font-family: "Museo Slab W01 500"; color: #fff; text-align: center; font-size: 1.8em; line-height: 1.8em; vertical-align: middle; } .three-panels #home-banner aside.banner-promotions > div#banner-promotion-two br, .three-panels #home-banner aside.banner-promotions > div#banner-promotion-three br { display: block; } .three-panels #home-banner aside.banner-promotions > div#banner-promotion-two .bodycontent, .three-panels #home-banner aside.banner-promotions > div#banner-promotion-three .bodycontent { height: 100%; } .three-panels #home-banner aside.banner-promotions > div#banner-promotion-two .three-panel-text, .three-panels #home-banner aside.banner-promotions > div#banner-promotion-three .three-panel-text { height: 100%; display: table; width: 100%; } .three-panels #home-banner aside.banner-promotions > div#banner-promotion-two .three-panel-text .three-panel-text-inner, .three-panels #home-banner aside.banner-promotions > div#banner-promotion-three .three-panel-text .three-panel-text-inner { height: 100%; display: table; width: 100%; margin-top: -23px; } .three-panels .sws-edit-mode .banner-promotions .sws-inline-content { min-height: 300px; margin-top: -30px; } @media all and (max-width: 826px) { div#Address { padding-top: 58px; float: left; } .three-panels #home-banner aside.banner-promotions div.featured-link { width: 36%; } .three-panels #home-banner aside.banner-promotions > div#banner-promotion-two, .three-panels #home-banner aside.banner-promotions > div#banner-promotion-three { width: 32%; } .three-panels #banner-promotion-two .anchor-visual, .three-panels #banner-promotion-three .anchor-visual { padding-top: 22px; padding-bottom: 22px !important; } .three-panels #banner-promotion-three .backstretch { background-size: 210px; } .three-panels #banner-promotion-two .backstretch { background-size: 220px; } .three-panels #home-banner aside.banner-promotions > div#banner-promotion-two .three-panel-text, .three-panels #home-banner aside.banner-promotions > div#banner-promotion-three .three-panel-text { height: 100%; position: absolute; top: 0; width: 100%; display: block; } .three-panels #home-banner aside.banner-promotions > div#banner-promotion-two .three-panel-text .three-panel-text-inner, .three-panels #home-banner aside.banner-promotions > div#banner-promotion-three .three-panel-text .three-panel-text-inner { display: table; height: 100%; width: 100%; margin-top: -35px; } } @media all and (max-width: 1023px) and (min-width: 677px) { .three-panels #banner-promotion-three .backstretch, .three-panels #banner-promotion-two .backstretch { background-position: center 35%; } .three-panels #home-banner aside.banner-promotions > div#banner-promotion-two .three-panel-text p, .three-panels #home-banner aside.banner-promotions > div#banner-promotion-three .three-panel-text p { line-height: 1em; } .three-panels #home-banner aside.banner-promotions > div#banner-promotion-two .three-panel-text .three-panel-text-inner, .three-panels #home-banner aside.banner-promotions > div#banner-promotion-three .three-panel-text .three-panel-text-inner { margin-top: -112px; } } @media all and (max-width: 676px) { .three-panels #home-banner aside.banner-promotions div.featured-link, .three-panels #home-banner aside.banner-promotions > div#banner-promotion-two, .three-panels #home-banner aside.banner-promotions > div#banner-promotion-three { width: 100%; } .three-panels #banner-promotion-three .backstretch, .three-panels #banner-promotion-two .backstretch { background-size: 350px; } .three-panels #banner-promotion-three .backstretch, .three-panels #banner-promotion-two .backstretch { background-position: center 35%; } } @media all and (max-width: 469px) { .three-panels #banner-promotion-three .backstretch, .three-panels #banner-promotion-two .backstretch { background-size: 350px; } } @media all and (max-width: 420px) { .three-panels #banner-promotion-three .backstretch, .three-panels #banner-promotion-two .backstretch { background-size: 330px; } } @media all and (max-width: 390px) { .three-panels #banner-promotion-three .backstretch, .three-panels #banner-promotion-two .backstretch { background-size: 300px; } } @media all and (max-width: 358px) { #home-banner aside.banner-promotions .featured-link .sws-inline-content a, #home-banner aside.banner-promotions .featured-link .sws-inline-content a.sws-webpage-link { padding-bottom: 0 !important; } } .three-panels .sws-edit-mode #home-banner { height: 1200px !important; } .three-panels .sws-edit-mode #home-banner aside.banner-promotions > div#banner-promotion-two p + p, .three-panels .sws-edit-mode #home-banner aside.banner-promotions > div#banner-promotion-three p + p { font-family: "Museo Slab W01 500"; color: #fff; text-align: center; font-size: 1.3em; line-height: 1.5em; } .three-panels .sws-edit-mode #home-banner aside.banner-promotions > div#banner-promotion-two .three-panel-text, .three-panels .sws-edit-mode #home-banner aside.banner-promotions > div#banner-promotion-three .three-panel-text, .three-panels .sws-edit-mode #home-banner aside.banner-promotions > div#banner-promotion-two .bodycontent, .three-panels .sws-edit-mode #home-banner aside.banner-promotions > div#banner-promotion-three .bodycontent { height: 200px; } .acs-doha.three-panels #banner-promotion-two { background-color: #DB5E4E !important; } .apply-selected-now { display:block !important; } .acs-doha .countdown-timer { display:none; } .acs-doha .three-panel-text-inner { font-size: 12px; } #detail-template.detail-article.acs-org .return-to-blog { display: none; } .open-days .section-title h1 { text-align: center; text-transform: uppercase; color: #2a4451; font-size: 4.2em; line-height: 1.3em; padding: 0; font-family: "Open Sans Semibold"; margin-top: 0; margin-bottom: 7px; } .open-days .section-title p { color: #8cb1c4; font-family: "Museo Slab W01 500"; font-size: 1.6em; line-height: 1.5em; text-align: center; margin: 0; } .open-days .section-content { padding-top: 55px; } .open-days #content-area { width: 100%; float: right; } .open-days #content-one { padding-top:55px; } .open-days #core-values > li .sws-inline-content a { background: none; border: none; padding: 0; } .open-days a.sws-quick-link { background: url("../images/shared/shared-sprite.png") no-repeat scroll -345px -487px #2c4857 !important; border: none !important; color: #fff !important; cursor: pointer !important; display: inline-block !important; font-family: "Museo Slab W01 500"; font-size: 1.05em; font-weight: normal !important; margin-bottom: 0 !important; margin-top: 0 !important; padding: 9px 20px 9px 50px !important; position: relative !important; text-decoration: none !important; } .open-days #banner.gallery #banner-header #page-title h1 { font-size:3em; font-weight: bolder; font-family:"Open Sans Bold"; color: #fff; } .sws-page-november #entry-banner #video { display: none; } .sws-page-november #map-canvas { display: none; } #content-container #content-area .SlideShowHolder .bx-controls { top: calc(50% - 30px); z-index: 99999; display: block; position: absolute; width: 100%; text-indent: -9999px; } #content-container #content-area .SlideShowHolder .bx-controls .bx-prev { float: left; background: url(/Templates/images/arrow-left.png) no-repeat; width: 50%; height: 60px; } #content-container #content-area .SlideShowHolder .bx-controls .bx-next { background: url(/Templates/images/arrow-right.png) no-repeat; height: 60px; background-position: right center; float: left; width: 50%; } /* ALUMNI TEMPLATES */ .alumni-homepage.alumni-content .sws-inline-content table.sws-staff-profile tr:first-child td div.staff-profile-img:before { background: url(../images/acs-org/org-sprite.png) no-repeat scroll 0 -389px transparent; } .alumni-homepage.alumni-content .content .blogentries .BlogSummaryView ul li.sws-post-staff-profile { left: 0; } .center-link .bodycontent { float: left; width: 100%; position: relative; } .mainPanel:not(.sws-edit-mode) .bodycontent .center-link { height: 300px; position:relative; } .mainPanel:not(.sws-edit-mode) .bodycontent .center-link a { color: #fff; width: 100%; height: 100%; position: absolute; background: rgba(43, 71, 86, 0.4); } .mainPanel:not(.sws-edit-mode) .bodycontent .center-link a span { color: #fff; position: absolute; z-index: 1; margin: 0 auto; width: 100%; text-align: center; top: 30%; font-size: 3.3em; font-weight: bold; text-shadow: 0 0 20px rgb(43, 70, 85); text-rendering: optimizeLegibility; line-height: 1.1em; } .mainPanel:not(.sws-edit-mode) .bodycontent .center-link a span + span { font-size: 1.1em; top: auto; bottom: 50px; width: 160px; left: 50%; margin-left: -80px; background: #2c4857; padding: 5px 0 5px 20px; line-height: 1.7em; } .mainPanel:not(.sws-edit-mode) .bodycontent .center-link a span + span:before { content: ''; display: block; position: absolute; left: 12px; top: 12px; background: url(../images/shared/arrows.png) no-repeat 0 0; width: 14px; height: 14px; } .center-link .image { width: 100%; height: 100%; background-size: cover; position: absolute; } .alumni-content .mainPanel:not(.sws-edit-mode) #website-utilities ul li a > span { color: #2c4857; } .alumni-content .sws-inline-content .sws-image-link.active a span.link-text { padding: 9px 45px; } .alumni-content header nav#school-menu { background-color: #2c4857; } .alumni-content header nav#school-menu ul li a:hover, .alumni-content header nav#school-menu ul li.selectedPage a, .alumni-content header nav#school-menu ul li.selectedPagePath a { background-color: #1c2d39; } .alumni-content #school-featured-link { max-height: 300px; min-height: 300px; } .alumni-content #school-featured-link .rightlink { float: left; width: 50%; background: url(../Images/imgright.jpg); height: 300px; background-repeat: no-repeat; background-position: center; background-size: 100%; position: relative; } .alumni-content #school-featured-link .rightlink:after { position: absolute; background-color: rgba(42, 68, 81, 0.66); content: ""; width: 100%; height: 100%; top: 0; } .alumni-content #school-featured-link .rightlink h3 { color: #fff; position: absolute; z-index: 1; margin: 0 auto; width: 100%; text-align: center; top: 48%; font-size: 4em; font-weight: bold; } .alumni-content #school-featured-link .rightlink h3 a { color: #fff; } .alumni-content #school-featured-link .leftlink { float: left; width: 50%; } .alumni-content #connectivity { background: #7695a5 url(../images/cim/connectivity-bg.jpg); } .alumni-content #share a { background-color: #435e6d; } .alumni-content .section-menu nav ul > li.level3 > a { color: #88a5b3; } .alumni-content #footer-resources { display: none; } .alumni-content .leftlink .enquireForm ul li, .alumni-content .leftlink .enquireForm .buttons { width: 50%; margin: 0 auto; } .alumni-content .leftlink .form_description p { display: none; } .alumni-content #content-area .content { margin: 1.9em 0; float: left; width: 100%; } .alumni-content #content-area .content > h2 { text-align: center; font-weight: bold; font-family: "Museo Slab W01 500", "Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 1.4em; padding: 50px 0 30px 0; float: left; width: 100%; position: relative; } .alumni-content .sws-inline-content blockquote.sws-blockquote:after { content: ''; width: 100%; height: 50px; background: url(../images/entry/overview-crest.png) no-repeat; position: relative; display: block; margin: 20px 0; } .alumni-content .content .blogentries .BlogSummaryView ul li.sws-post-contact-profile { width: 100%; } .alumni-content table.sws-contact-module tr.sws-contact-profile td, .alumni-content .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td { padding-left: 30%; } .alumni-content.acs-cobham .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-tooltips td ul li { background-color: #a1c37e; } .alumni-content.acs-egham .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-tooltips td ul li { background-color: #e9b545; } .alumni-content.acs-hillingdon .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-tooltips td ul li { background-color: #93bad9; } .alumni-content.acs-doha .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-tooltips td ul li { background-color: #db5e4e; } .alumni-content.acs-cobham .sws-inline-content table th { border: 1px solid #a1c37e; background-color: #a1c37e; } .alumni-content.acs-egham .sws-inline-content table th { border: 1px solid #e9b545; background-color: #e9b545; } .alumni-content.acs-hillingdon .sws-inline-content table th { border: 1px solid #93bad9; background-color: #93bad9; } .alumni-content.acs-doha .sws-inline-content table th { border: 1px solid #db5e4e; background-color: #db5e4e; } .alumni-content .content .blogentries .BlogSummaryView ul li.sws-post-staff-profile { left: 36%; } .alumni-content .sws-image-link.campus-history span.link-text { background-position: -345px -488px !important; display: block; padding: 9px 20px 9px 50px; position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; font-size:18px; } .alumni-content.acs-cobham .sws-image-link.campus-history a:hover span.link-text { background-color: #81b051 !important; } .alumni-content.acs-egham .sws-image-link.campus-history a:hover span.link-text { background-color: #e9b545 !important; } .alumni-content.acs-hillingdon .sws-image-link.campus-history a:hover span.link-text { background-color: #93bad9 !important; } .alumni-content.acs-doha .sws-image-link.campus-history a:hover span.link-text { background-color: #db5e4e !important; } .alumni-content .mainPanel:not(.sws-edit-mode) .sws-image-link.campus-history { height: 300px; float: left; border: none; width: 100%; position: relative; overflow: hidden; } .alumni-content .sws-image-link.campus-history .post { width: 100%; height: 100%; } .alumni-content .sws-image-link.campus-history .post .image { height: 100%; margin: 0; overflow: hidden; background-size: cover; position: absolute; width: 100%; background-position: 50%; } .alumni-content .sws-image-link.campus-history .post .image .img-overlay { height: 100%; width: 100%; background: rgba(161, 195, 126, 0.4); } .alumni-content.acs-egham .sws-image-link.campus-history .post .image .img-overlay { background: rgba(233, 181, 69, 0.4); } .alumni-content.acs-hillingdon .sws-image-link.campus-history .post .image .img-overlay { background: rgba(147, 186, 217, 0.4); } .alumni-content.acs-doha .sws-image-link.campus-history .post .image .img-overlay { background: rgba(219, 94, 78, 0.4); } .alumni-content #highlights .blogentries ul.sws-post-list li { float: left; width: 50%; padding-top: 0 !important; border-top: 0 !important; margin-top: 0 !important; padding-right: 15px; } .alumni-content #highlights .blogentries ul.sws-post-list li + li { padding-right: 0; padding-left: 15px; } .alumni-content #highlights .blogentries ul.sws-post-list li + li + li { display: none; } .alumni-content #highlights ul.sws-post-list li .highlight-image { height: 250px; margin: 0; overflow: hidden; background-size: cover; width: 100%; background-position: 50%; } .alumni-content #highlights .blogentries ul li h2.blogTitle { font-weight: bold; padding-top: 10px; } .alumni-content #mobile-featured-content { display: none !important; } .alumni-content .sws-inline-content ul > li:before, .alumni-content .RadAjaxPanel table.RadCalendar table.rcMainTable .rcRow td.EventOccurring a { background-color: #2a4451; } .alumni-content .bodycontent a:link, .alumni-content .blogentries a:link, .alumni-content .RadAjaxPanel a:link, .alumni-content .EventsCalendar a:link span.subject, .alumni-content .RadAjaxPanel.sws-cal-events-in-day table.RadCalendar table.rcMainTable .rcRow td.CalendarEvents a:link, .alumni-content .bodycontent a:visited, .alumni-content .blogentries a:visited, .alumni-content .RadAjaxPanel a:visited, .alumni-content .EventsCalendar a:visited span.subject, .alumni-content .RadAjaxPanel.sws-cal-events-in-day table.RadCalendar table.rcMainTable .rcRow td.CalendarEvents a:visited { color: #2a4451; } .alumni-content .mainPanel:not(.sws-edit-mode) .em-instructions { display: none; } .alumni-content .em-instructions { font-weight: bold; font-size: 2em; } @media all and (max-width: 1134px) { .alumni-content.acs-cobham table.sws-contact-module tr.sws-contact-profile td, .alumni-content.acs-cobham .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td { padding-left: 0; } .alumni-homepage .center-link a span { font-size: 3em; } } @media all and (max-width: 991px) { .alumni-homepage.alumni-content .content .blogentries .BlogSummaryView ul li.sws-post-staff-profile { width: 100%; margin-left: 0; } .alumni-homepage .center-link a span { font-size: 2.7em; } } @media all and (max-width: 880px) and (min-width: 821px) { .alumni-content table.sws-contact-module tr.sws-contact-profile td, .alumni-content .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td { padding-left: 30%; } .alumni-content .leftlink .enquireForm ul li, .alumni-content .leftlink .enquireForm .buttons { width: 80%; } } @media all and (max-width: 880px) { #mobile-content-navigation { position: relative; float: left; width: 100%; } } @media all and (max-width: 800px) { .alumni-content #school-featured-link .rightlink, .alumni-content #school-featured-link .leftlink { width: 100%; } .alumni-content #school-featured-link { max-height: 600px; min-height: 600px; } } @media all and (max-width: 633px) { .alumni-content table.sws-contact-module tr.sws-contact-profile td, .alumni-content .content .blogentries ul li .blogSummary table.sws-contact-module tr.sws-contact-profile td { padding-left: 30px; } .alumni-content #highlights .blogentries ul.sws-post-list li, .alumni-content #highlights .blogentries ul.sws-post-list li + li { padding-right: 0; padding-left: 0; width: 100%; } .alumni-homepage .center-link a span { font-size: 2.4em; } }