/* Skin: VWV_04 Version: 20170630 Contents 1. CLIENT SPECIFIC 1.1 Fonts 1.2 Menu 1.3 Logo 1.4 Avatar 1.5 Borders 1.6 Text Pages 2. GLOBAL 2.1 Colours 2.2 General 2.3 Buttons 2.4 Errors 2.5 Dialogues 2.6 Tooltips 2.7 Hidden 2.8 Modals 3. PRE APPLICATION 3.1 Home 3.2 Job search 3.3 No vacancies 3.4 Categories 3.5 Search results 3.6 Job description 3.7 Job alerts 3.8 Questions 3.9 Login 3.10 Register 3.11 Tabs 4. CANDIDATE PORTAL 4.1 My home 4.2 My profile 4.3 My applications 5. APPLICATION SECTIONS 5.1 Progress bar 5.2 Application summary 5.3 Global sections 5.4 CV upload 5.5 Equal Opportunities 5.6 Interviews 6. MEDIA QUERIES 6.1 Laptop 6.2 Tablet 6.3 Phablet 6.4 Phone */ /* -------------------------------------- ========================================= 1. CLIENT SPECIFIC ========================================= -----------------------------------------*/ /*--------------------------------------- 1.2 Fonts -----------------------------------------*/ h1.strapline, h2.strapline { font-size: 26px; color: #333; padding-bottom: 0; margin-top: 30px; margin-bottom: 20px; text-align: left !important; font-weight: normal !important; color: #00a6c5 !important; margin-left: 10px; } /*--------------------------------------- 1.2 Menu -----------------------------------------*/ /* Active Link Styling */ .sticky-navigation .main-navigation li.active a, .sticky-navigation .main-navigation li.active a.sub-menu-link.active { font-weight: bold; } .sticky-navigation .main-navigation li.active a.sub-menu-link { font-weight: normal; } .menu-control { text-align: center; padding-bottom: 10px; padding-top: 10px; } .menu-control:hover { cursor: pointer; } #nav-mobile, .menu-control { display: none; } /* for 1048px or less */ @media screen and (max-width: 1048px) { #nav-mobile, .menu-control { display: block; } html body ul.closed, #topnav { display: none; } } /*--------------------------------------- 1.3 Logo -----------------------------------------*/ #logo { padding-top: 1em; } .logo-tag { margin-left: 10px; font-weight: bold; position: relative; bottom: 0; top: 10px; } /*--------------------------------------- 1.4 Avatar -----------------------------------------*/ #ProfileIcon img { width: 50px; transition: all .2s ease-in-out; } #ProfileIcon img:hover { transform: scale(1.2); } /* #WelcomeInfoBlock_MyDetails_formRow .iconImage img, #ProfileIcon img { border-radius: 50%; } */ #ProfileIcon strong { position: relative; bottom: 20px; right: 10px; } #links-top .avatar-submenu li { width: 100%; display: block; } /*--------------------------------------- 1.5 Borders -----------------------------------------*/ /* Div radius */ #eaContainer #Grid_PERSONALDETAILS_pageBlock, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .rcFileMenu, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li, #eaContainer .ulListItemLabel, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer div.listContainer *, #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer, #eaContainer #Application_Home_pageView .ulListItem { /*border-radius: 0.25em;*/ } /* Inputs, buttons, images radius */ body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea, #login_pageBlock .ssoIconLink, #newregister_pageBlock .ssoIconLink, #eaContainer div, .posdescriptionPropertyBox, .posrating, .possharing, .posAlerts, #eaContainer .posBrowserMapBlock .gridTop, html body .tooltip2_Outer, #eaContainer .posBrowserMapBlock .addressContainer .addressInput, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer img, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer img, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText, .pageBlockInner_FormBlock .formRow input, .pageBlockInner_FormBlock .formRow select, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor { /*border-radius: 0.25em;*/ } /* No radius */ body.Home #eaContainer div, #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { border-radius: 0; } /* No border */ #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .fileupload li, #eaContainer .fileContainer, #eaContainer .uploadedFilesContainer, #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridRow, #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader, #eaContainer .pageBlockInner_GridBlock div.gridContent, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileSummary, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuLinks, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage, #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, #eaContainer .ulListItemLabel, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, #eaContainer .rowContainer, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts, #eaContainer .posBrowserMapBlock .addressContainer, html body .tooltip2_Outer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer, html body .posListHover .contentContainer, #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow, #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer .sysadminblock, #eaContainer button.addressButton, #eaContainer .posBrowserMapBlock .addressContainer .addressInput, #eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, .listItemAnchorContainer, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer, #eaContainer #Application_Home_pageView .ulListItem, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content, #quicksearch_pageBlockContainer input.buttonSubmit, body button.ui-dialog-titlebar-close, .ui-dialog-titlebar-close, body .ui-dialog, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #eaContainer a, #eaContainer .pageBlockInner_GridBlock .gridTop { border: 0; } /* Rounded corners */ #Grid_PERSONALDETAILS_pageBlock .rowlink a, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, .gridContainer .rowlink a, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer, #eaContainer .markerStatsContainer, #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem, #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed { border-radius: 3px; } /*--------------------------------------- 1.6 Text Pages -----------------------------------------*/ /* Accordion */ button.accordion-button { /* background-color: #eee; color: #444; */ background-color: inherit; cursor: pointer; /* padding: 18px; */ padding-top: 18px; padding-bottom: 18px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; font-size: 19px; color: #9a9b9c; } button.accordion-button.active, button.accordion-button:hover { /* background-color: #ddd; */ } div.accordion-content { /* padding: 0 18px; */ /* background-color: white; */ padding: 0 6px 22px; display: none; } div.accordion-content.show { display: block; } button.accordion-button:after { font-family: 'Font Awesome 5 Free'; content: '\f067'; /* content: '\02795'; */ font-size: 13px; color: #BEBEBE; float: right; margin-left: 5px; } button.accordion-button.active:after { font-family: 'Font Awesome 5 Free'; content: '\f068'; /* content: "\2796"; */ } .accordion-container { border-bottom: 1px solid #E8E8E8; } /* -------------------------------------- ========================================= 2. GLOBAL ========================================= -----------------------------------------*/ /*--------------------------------------- 2.1 Colours -----------------------------------------*/ /* Primary colour */ .hero-bg, .srt-menu li li:hover > a, #topnav, #nav-mobile, a.buttonlink, /*#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/ #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active, html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover, /*#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel,*/ /*#eaContainer #Application_Home_pageView .ulList div.ulListItemLabel,*/ #eaContainer #posBrowser_Filter_pageBlock .FiltersContainer .ButtonsRow, div.FilterRowsContainer .AvailableContainer, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, .listItemAnchorContainer, .ui-dialog-titlebar-close, body .dialog_noTitle div.ui-dialog-titlebar, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer #Home_pageView .availableListsItemContainer_Selected, #eaContainer #Home_pageView .availableListsContainer ul li:hover, .tabs-style-shape nav li.tab-current a span, body #eaContainer .buttonsRight a.buttonActionId_forgotten, body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel, body #eaContainer .buttonsRight a.buttonActionId_cancel, body #eaContainer .buttonsRight a.buttonActionId_doitlater, .Application_Withdraw #eaContainer .withdrawapp a, #Grid_PERSONALDETAILS_pageBlock .rowlink a, .gridContainer .rowlink a, #eaContainer .posBrowserMapBlock .markerStatsContainer, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover, #slider-latest-jobs ol li a.flex-active, #FindJobHeroBlock, #login-register-block .buttonAnchor:hover, #eaContainer .TilesGridSortingPopup, #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar { background: #00a6c5; box-shadow: 0 5px 0 0 #008DAC; } #SignInTitleBlock_pageBlock .pageBlockInner h1, #eaContainer h1.eArcuInfoHeader, #eaContainer a, #links-top li.current a, .srt-menu li:hover > a, .srt-menu li.current a, a, a:visited, a:active, body .ui-widget-content a, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber, body .pageBlockInner_FormBlock div.curFocus label.formLabel, #eaContainer .pageBlockInner_FormBlock div.curFocus label.formLabel, #eaContainer div.pageBlockTitle, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, #eaContainer a, body .ui-widget-content a, #eaContainer .TilesGridSortingPopup a:hover, body #FindJobHeroBlock input.buttonSubmit, #Welcome_pageView .iconLabel a, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_Submitted, #eaContainer #posSummaryBlock_pageBlock .appStatusSubmitted { } #FindJobBlock #quicksearch_SaveButtonRow_formRow input:hover { border: 1px solid #00a6c5; } /* Secondary colour */ #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, /*#eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover .ulListItemLabel, #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover .ulListItemLabel,*/ .listItemContainer:hover .listItemAnchorContainer, .listItemAnchorContainer:hover, body #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer, #quicksearch_pageBlockContainer div.pageBlockTitle, .tabs-style-shape nav li a:hover span, #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, body #FindJobHeroBlock input.buttonSubmit:hover, #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active, /* #eaContainer #Application_Home_pageView .ulList li.Completed div.ulListItemLabel, */ html body .tooltip2_Outer { background-color: #333; } .tabs-style-shape nav li a:hover svg { fill: #333; } /* body button.buttonAnchor:hover, body input.buttonSubmit:hover, body a.buttonAnchor:hover, #eaContainer a.button:hover, #eaContainer .addressButton:hover, #eaContainer a.button:hover, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, #eaContainer .fileuploadbutton:hover, #eaContainer .buttonsLeft button.buttonAnchor:hover, #eaContainer .buttonsRight button.buttonAnchor:hover, #eaContainer .buttonsLeft input.buttonSubmit:hover, #eaContainer .buttonsRight input.buttonSubmit:hover, #eaContainer .buttonsLeft a.buttonAnchor:hover, #eaContainer .buttonsRight a.buttonAnchor:hover { border-color: #333; } */ #eaContainer a:hover, .hero-content h2 span, body #eaContainer .alternateViews .alternateViewsButton:hover, #Welcome_pageView .iconLabel a:hover, #eaContainer #MyDetails_pageView .editblocklink a:hover, #eaContainer #Application_Section_PersonalDetails_pageView .editblocklink a:hover, #eaContainer .actionMessageContainer div.actionMessageOk, #eaContainer .actionMessageContainer div.actionMessageWarning, #eaContainer .actionMessageContainer, .logo-tag, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu:hover, .Pos_Description_Review #eaContainer .reviewposlink a, .Application_Home #eaContainer .myapplink a, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span, #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted, button.accordion-button.active:after, a#JobsNearMe:hover { color: #; } #ProfileIcon:hover a, #eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight, .menu-control:hover, #breadcrumb a:hover, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber:hover, body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current:hover, #eaContainer .pageBlockInner_GridBlock .gridTop a:hover, footer #footer .copy-right p a:hover, #eaContainer .footer a:hover, #eaContainer #latest-jobs a:hover h3, #eaContainer #MyDetails_ConnectedServices_pageView a.connect:hover { color: #333 !important; } /* Buttons */ body button.buttonAnchor:hover, body input.buttonSubmit:hover, body a.buttonAnchor:hover, #eaContainer a.button:hover, #eaContainer .addressButton:hover, #eaContainer a.button:hover, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, #eaContainer .fileuploadbutton:hover, #eaContainer .buttonsLeft button.buttonAnchor:hover, #eaContainer .buttonsRight button.buttonAnchor:hover, #eaContainer .buttonsLeft input.buttonSubmit:hover, #eaContainer .buttonsRight input.buttonSubmit:hover, #eaContainer .buttonsLeft a.buttonAnchor:hover, #eaContainer .buttonsRight a.buttonAnchor:hover, body .ui-widget-content input.buttonSubmit:hover, body .ui-widget-content button.buttonAnchor:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, span.fake-button:hover, body .ui-widget-content input.buttonSubmit:hover, body .ui-widget-content button.buttonAnchor:hover, #quicksearch_pageBlockContainer input.buttonSubmit:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover, .Pos_Description_Review #eaContainer .reviewposlink a:hover, .Application_Withdraw #eaContainer .withdrawapp a:hover, #Grid_PERSONALDETAILS_pageBlock .rowlink a:hover, .gridContainer .rowlink a:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer li:hover .filenameInner, #eaContainer a.buttonAnchor:hover { background: #008DAC; border-color: #008DAC; color: #ffffff; box-shadow: 0 5px 0 0 #008DAC; } /* Whites */ .srt-menu li:hover > a, .srt-menu li.current a, .content-wrap section, body .ui-dialog .ui-dialog-content, .tabs-style-shape .content-wrap, #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack { background: #fff; } .hero-bg h2, .hero-bg p, #eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel a, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel a, .srt-menu li li:hover > a, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .filenameInner:hover, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .rcFileMenu:hover, html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a, #eaContainer #Application_Home_pageView .ulListItem:hover a, #eaContainer #Application_Home_pageView .Completed:hover a, html body .tooltip2_FormError, #eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup a, #eaContainer #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer a, #eaContainer div.listItemTitle a, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer_NoContent .listItemAnchorContainer, .listItemAnchorContainer *, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, .menu-control, #eaContainer .pageBlockInner_GridBlock .gridTop a, footer #footer .copy-right p a, #eaContainer .availableListsContainer a, #eaContainer .footer, /*#Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text,*/ #quicksearch_pageBlockContainer div.pageBlockTitle h1, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename, /*#eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader,*/ #eaContainer #posBrowser_Filter_pageBlock .ButtonsContainer a, #eaContainer div.FilterRowsContainer .AvailableContainer a, #eaContainer .posBrowserMapBlock .alternateViewsCurrent a, #eaContainer .posBrowserMapBlock .gridTop, #eaContainer .posBrowserMapBlock .markerStatsContainer, body .dialog_noTitle div.ui-dialog-titlebar, #eaContainer .pageBlockInner_GridBlock .gridTop, #eaContainer #Home_pageView .availableListsItemContainer_Selected, #eaContainer #Home_pageView .availableListsContainer ul li:hover, .tabs-style-shape nav li.tab-current a span, body #eaContainer .buttonsRight a.buttonActionId_forgotten, body #eaContainer .buttonsRight a.buttonActionId_ajaxCancel, body #eaContainer .buttonsRight a.buttonActionId_cancel, body #eaContainer .buttonsRight a.buttonActionId_doitlater, .Application_Withdraw #eaContainer .withdrawapp a, #Grid_PERSONALDETAILS_pageBlock .rowlink a, .gridContainer .rowlink a, #eaContainer a.buttonAnchor, #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a:hover, #eaContainer .pageBlockContainer .rowHeader .rowlink a, body #FindJobHeroBlock input.buttonSubmit:hover, #pageTitleSignInHeaderContainer h2.active, #pageTitleRegisterHeaderContainer h2.active, html body .tooltip2_Outer { color: #fff; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li div.ulListItemLabel a:hover, #eaContainer #Application_Home_pageView .ulList li div.ulListItemLabel a:hover, body.Home #eaContainer .listItemContainer a, body.Home #eaContainer .listItemContainer a:hover, html #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li a:hover, .tabs-style-shape nav .tab-current a, .tabs-style-shape nav li a:hover { color: #fff !important; } #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { border-color: #fff; } #eaContainer .actionMessageContainer div.actionMessageWarning { background-image: url("../images/sprites/red-cross.png"); } #eaContainer .actionMessageContainer div.actionMessageOk { background-image: url("../images/sprites/green-tick.png"); } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext { background-image: url("../images/sprites/white-arrow-right.png"); } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev { background-image: url("../images/sprites/white-arrow-left.png"); } /* Greys */ #eaContainer #Grid_PERSONALDETAILS_pageBlock, #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, /*#eaContainer .ulListItemLabel,*/ /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .PosMyAppSummaryValues div, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock, #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content, .PosMyAppSummaryValues, .tabs-style-shape nav li a span, #eaContainer .posBrowserMapBlock .addressContainer, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText, body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { background: #f1f0f0; } .tabs-style-shape nav li a svg { fill: #f1f0f0; } .tabs-style-shape nav li a, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList a, #eaContainer .posBrowserMapBlock .addressContainer .addressLabel, body #modalcodelistlookup_pageBlock .labelContainer, body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer, #eaContainer .label { color: #313131; } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { color: #848484 !important; } #ui-datepicker-div .ui-state-active, #ui-datepicker-div .ui-widget-content .ui-state-active, #ui-datepicker-div .ui-widget-header .ui-state-active, body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, body .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect, #eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputText, #eaContainer .pageBlockInner_FormBlock div.curFocus div.controlContainer .inputSelect { border: 1px solid #9B9C9E; } /*--------------------------------------- 2.2 General -----------------------------------------*/ /* Parallax */ .parallax-window { min-height: 330px; background: transparent; margin-top: 70px; width: 100%; } .mobile-banner { display: none; } .eArcuInfoHeader { display: none; } #content-main { min-height: 480px; } #content { min-height: 430px; } .Pos_Find_Results #content { min-height: 0; } button { cursor: pointer; } #eaContainer div.pageBlockTitle { font-size: 19.6px; font-weight: normal; } #eaContainer .label { font-weight: normal; } #eaContainer .pageBlockInner_GridBlock .gridTop { font-weight: bold; } #eaContainer .pageBlockInner_GridBlock .gridTop a, footer #footer .copy-right p a, #eaContainer .availableListsContainer a, #eaContainer .footer, rowContainer a { font-weight: normal; } #eaContainer a, body .ui-widget-content a { font-weight: normal; outline: 0; } #eaContainer a.filename, #eaContainer .rowlink a, body #eaContainer .buttonAnchor, #posBrowser_Filter_pageBlock .FilterRowsContainer a, #eaContainer .alternateViews a { text-decoration: none; /*font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;*/ } #eaContainer .iconLabel a, #eaContainer .ulListItemLabel a, #eaContainer .TilesGridSortingContainer a, #eaContainer .TilesGridSortingPopup a, #eaContainer .alternateViews a, #eaContainer #latest-jobs a, #eaContainer #latest-jobs a:active, #eaContainer #latest-jobs a:visited { text-decoration: none; } #eaContainer div.pageBlockContainer { margin: 0; } #eaContainer div.pageBlockContent { overflow: hidden; } #breadcrumb { margin-top: 2em; text-align: left; color: #9a9b9c; } h1#EarcuIntroTextBlockTitle, h1#EarcuHeadingTextBlockTitle, .pageBlockTitle { display: none; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } #eaContainer .pageBlockInner_GridBlock .ListGridContainer { margin: 0; } .content-warp.no-banner { margin-top: 0em; } .banner-main { margin-top: 0px; width: 100%; } #eaContainer { margin-bottom: 2em; } /*--------------------------------------- 2.3 Buttons -----------------------------------------*/ #Grid_PERSONALDETAILS_pageBlock .rowlink a, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, #eaContainer .addressButton, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, .gridContainer .rowlink a { /* box-shadow: 0 0.25em 0 0 #A51223, 0 4px 9px rgba(0, 0, 0, 0.75); */ /* margin: 1em !important; */ /*text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);*/ /* padding: 6.5px 25px; */ /*padding: 5px 15px;*/ padding: 10px 30px; text-align: center; font-size: 18px !important; font-family: inherit; font-weight: normal; /* text-transform: uppercase; */ line-height: normal !important; } body .pageBlockInner_GridBlock input.buttonDisabled, body .pageBlockInner_GridBlock input.buttonDisabled:hover { text-shadow: none; } #eaContainer .addressButton { padding: 0; } #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit { padding: 10px 30px !important; line-height: normal !important } body button.buttonAnchor:hover, body input.buttonSubmit:hover, body a.buttonAnchor:hover, #eaContainer a.button:hover, #eaContainer .addressButton:hover, #eaContainer a.button:hover, #eaContainer #Home_pageView #noPositions_pageBlockContainer .bottomContainer .buttonContainer a:hover, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right:hover, #eaContainer .fileuploadbutton:hover, #eaContainer .buttonsLeft button.buttonAnchor:hover, #eaContainer .buttonsRight button.buttonAnchor:hover, #eaContainer .buttonsLeft input.buttonSubmit:hover, #eaContainer .buttonsRight input.buttonSubmit:hover, #eaContainer .buttonsLeft a.buttonAnchor:hover, #eaContainer .buttonsRight a.buttonAnchor:hover { /* box-shadow: 0 0.25em 0 0 #770000, 0 4px 9px rgba(0, 0, 0, 0.75); */ /*text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);*/ } html body th input.buttonSubmit { box-shadow: none; } #eaContainer input.buttonSubmit { padding: 7px 25px; } /*--------------------------------------- 2.4 Errors -----------------------------------------*/ #eaContainer .actionMessageContainer { padding: 1em 0; margin-bottom: 1em; background-color: #999; } body.Home #eaContainer .actionMessageContainer { margin: 2em 0 0; } body.Home #eaContainer .actionMessageContainer div.actionMessageOk { float: right; } .pageBlockInner_FormBlock div.controlError { padding-top: 5px; } /*--------------------------------------- 2.5 Dialogues -----------------------------------------*/ body .pageBlockInner_GridBlock div.pagingControls input.pagenumber { text-shadow: none; } body .pageBlockInner_GridBlock div.pagingControls input.pagenumber_current { color: #000000; } .ui-dialog-titlebar-close { background-image: url("../images/sprites/white-cross.png"); background-repeat: no-repeat; } body .pageBlockInner_GridBlock table.gridTable th input.buttonSubmit { margin-top: 0; } body button.ui-dialog-titlebar-close { outline: 0; } /*--------------------------------------- 2.6 Tooltips -----------------------------------------*/ body.Home .tooltip2_Surround_FormToolTip { display: none !important; background: #333; } body.Home .tooltip2_Surround_FormToolTip { display: none !important; background: #333; } body .tooltip2_Outer { padding-left: 1em; } /*--------------------------------------- 2.7 Hidden -----------------------------------------*/ .hidden { display: none; } /*--------------------------------------- 2.8 Modals -----------------------------------------*/ body .ui-dialog div.gridRemove .pageBlockContent { background: none; } .modalContent .formRow.formRowButtonRow { margin-top: 1em; width: 76.5% !important; } .modalContent .totalRows { margin-top: 1em; } .modalContent .gridFooter { overflow: hidden !important; } body .pageBlockInner_GridBlock table.gridTable th { background: #ffffff; } /* -------------------------------------- ========================================= 3. PRE APPLICATION ========================================= -----------------------------------------*/ /*--------------------------------------- 3.1 Home -----------------------------------------*/ .Home #intro_pageBlock { display: none; } #eaContainer .actionMessageContainer div.actionMessageWarning, #eaContainer .actionMessageContainer div.actionMessageOk { color: #fff; margin-left: 10px; } .count-block .fa { display: block; color: #333; } .count-block .counter, .count-block .counter-icon { color: #333; font-size: 32px; } .count-block .counter-icon { margin-left: 0; } .no-of p { text-transform: uppercase; color: #00a6c5; } .count-block * { margin: 10px; text-align: center; } .count-block .no-of { margin-top: 25px; margin-bottom: 25px; width: 30%; display: inline-block; } .Home #eaContainer { margin-bottom: 0; } .bottom-parallax { margin: 0; } #home-img-2 { position: relative; } #home-img-2 p { position: absolute; bottom: 40%; text-align: center; } .hero-text { text-align: center; padding-bottom: 3.5em; padding-top: 3.5em; background-image: url("../images/headers/1b-home-quote.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; } .hero-text .section-content { width: 100%; margin: 0 auto; padding-left: 20%; padding-right: 20%; opacity: 0.85; } .hero-text .section-content .blockquote { color: #00a6c5; font-size: 34px; animation: come-in 0.8s ease forwards; } .hero-text .section-content .blockquote { color: #00a6c5; font-size: 34px; } .blockquote-author { font-size: 20px; } /* Full width */ /* body.Home .wrapper { width: 100%; max-width: 100%; margin: 0; } body.Home #banner, body.Home #topnav, body.Home #nav-mobile, body.Home .srt-menu, body.Home .srt-menu li { border-radius: 0; } */ .Home #eaContainer .container, .Home .template-home .container { /*width: 100%;*/ padding: 0; } #eaContainer .col-left, #eaContainer .col-right { display: inline-block; vertical-align: top; } #eaContainer .col-left { width: 60%; margin-right: 5%; } #eaContainer .col-left h2 { margin-top: 30px; } #eaContainer .col-right { width: 34%; background: #F1F1F1; border-top-right-radius: 15px; padding: 2em; } /* .Home #eaContainer { margin-top: 60px; margin-bottom: 60px; } */ /* #eaContainer #latestjobs_pageBlock { padding-left: 0; } #eaContainer .col-right #latest-jobs-container .rowContainer { margin-left: 0 !important; margin-bottom: 0; border-radius: 0; background: none; padding: 0; } #eaContainer .col-right #latest-jobs-container .rowHeader { padding: 0; } */ #eaContainer .col-right p { margin: 0; } #slider-latest-jobs ul.slides { display: flex; vertical-align: top; width: 90% } #slider-latest-jobs ol.flex-control-nav { display: inline-block; width: 7%; position: absolute; top: 28%; } #eaContainer #slider-latest-jobs { background: none; } #eaContainer #slider-latest-jobs .slides { margin-bottom: 1em; } #eaContainer #latest-jobs h1 { line-height: 34px; margin-top: 0; } #eaContainer #latest-jobs h3 { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif !important; color: #000; font-size: 16px; font-weight: normal; margin: 10px 0 0; } #slider-latest-jobs ol li a { background: #ffffff; -webkit-box-shadow: 0; -moz-box-shadow: 0; -o-box-shadow: 0; box-shadow: 0; } .category-description-text, .nojobs_jobBlock { margin-bottom: 1em; margin-top: 1em; } .Home .img-container { margin-bottom: 30px; margin-top: 15px; } /*--------------------------------------- 3.2 Job search -----------------------------------------*/ #FindJobContainer { left: 0; margin-left: auto; margin-right: auto; padding-left: 27px; position: absolute; right: 0; top: 9.1em; width: 1170px; } #FindJobHeroBlock { /*max-width: 566px;*/ background: #00a6c5; padding-bottom: 25px; position: absolute; /*top: 9.1em;*/ /* left: 3em; */ z-index: 1000; border-radius: 10px; } #FindJobHeroBlock h1 { color: #fff; margin-bottom: 15px; } #FindJobHeroBlock .pageBlockHeader, #quicksearch_pageBlock .pageBlockInner_FormBlock div.labelContainer { display: none; } #FindJobHeroBlock .buttonAnchor, #FindJobHeroBlock .pageBlockInner .buttonsRight li, #FindJobHeroBlock input.buttonSubmit, #FindJobHeroBlock .buttonsRight, #FindJobHeroBlock .formRowTextInputRow .controlContainer { float: none; } body #FindJobHeroBlock input.buttonSubmit { background: #fff; font-weight: bold; text-shadow: 0 !important; border: 1px solid #fff; } body #FindJobHeroBlock input.inputText { width: 100%; padding-top: 4px; } body #FindJobHeroBlock .formRowTextInputRow { width: 40%; display: inline-block; float: none; } body #FindJobHeroBlock .blockSummaryText { padding-left: 0; } #FindJobHeroBlock div.pageBlockContent { padding-top: 25px; padding-left: 25px; padding-right: 25px; } #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow { float: none; display: inline-block; width: auto; } #FindJobHeroBlock .buttonSubmit { display: inline-block; padding: 2.9px 25px; } body #fh5co-wrapper #FindJobHeroBlock a#JobsNearMe:hover.buttonAnchor { /* text-decoration: underline !important; */ background: none; } a#JobsNearMe { background: none; padding-left: 25px; } a#JobsNearMe:before { font-family: FontAwesome; content: "\f124"; padding-right: 1em; } #FindJobHeroBlock h1 { margin-top: 0; font-family: "opensansbold",Arial,serif; text-transform: none; } /*--------------------------------------- 3.3 No vacancies -----------------------------------------*/ #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent { width: 100%; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .topContent, #eaContainer #Home_pageView #noPositions_pageBlockContainer .title, #eaContainer #Home_pageView #noPositions_pageBlockContainer .content { padding: 10px; } /*--------------------------------------- 3.4 Categories -----------------------------------------*/ /* Blocks */ .category-container { min-height: 100%; min-width: 100%; position: relative; vertical-align: middle; margin: 0 auto; text-align: center; background: #000000; } .category-container { cursor: pointer; } .category-container img { opacity: 0.8; } .category-container:hover { background: #FFFFFF; } .category-info { z-index: 10; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; } .category-info h1 { color: #FFFFFF; text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.7); } span.fake-button { color: #fff; float: none; font-family: inherit; font-size: inherit; font-weight: normal; padding: 8px 15px; text-align: center; text-transform: uppercase; background: #9b9c9e; } .category-container:hover img, .category-container:hover .category-extras { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .category-container:hover img { opacity: 0.1; } .category-extras { display: none; } .category-container:hover .category-extras { display: block; } .category-container:hover .category-info h1 { color: rgb(85, 55, 155); text-shadow: none; } .category-info h1 { margin-top: 0; } .category-info p { margin: 0 auto; width: 85%; max-height: 80px; margin-bottom: 20px; overflow: hidden; } .col-third { width: 33.1%; display: inline-block; } /* Image zoom on hover + Overlay colour */ .cat-container { width: 101%; height: 300px; overflow: hidden; position: relative; display: inline-block; cursor: pointer; margin-top: -10px; } .cat-content { height: 100%; width: 100%; background-size: cover; background-repeat: no-repeat; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; } /* Several different images */ .bg-one { background-image: url("../images/categories/category-6.jpg"); } .bg-two { background-image: url("../images/categories/category-2.jpg"); } .bg-three { background-image: url("../images/categories/category-3.jpg"); } .bg-four { background-image: url("../images/categories/category-4.jpg"); } .bg-five { background-image: url("../images/categories/category-5.jpg"); } .bg-six { background-image: url("../images/categories/category-1.jpg"); } .cat-inner { display: none; } .cat-container:hover .cat-inner, .cat-container:focus .cat-inner { display: block; } .categories .cat-inner { font-size: 28px; color: #ffffff !important; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif !important; text-align: center; margin: auto; position: absolute; top: 0; n left: 0; bottom: 0; right: 0; height: 110px; cursor: pointer; /*text-decoration: none;*/ } .cat-container:hover .cat-content, .cat-container:focus .cat-content { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .cat-container:hover .cat-content:before, .cat-container:focus .cat-content:before { display: block; } .cat-container:hover a, .cat-container:focus a { display: block; } .cat-content:before { content: ""; display: none; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); } /*Roles Page Styling*/ #eaContainer .CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer, #eaContainer #CodeListCounts_pageBlock { padding: 0; margin: 0; } #Home_pageView #CodeListCounts_pageBlock .listContainer { display: flex; flex-wrap: wrap; gap: 15px 10px; padding-bottom: 15px; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer { width: 33.33%; position: relative; margin: 0; height: 275px; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { height: inherit; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer { z-index: 1; background-size: 200px; background-position: 50% 10%; background-repeat: no-repeat; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .listItemImageContainer, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .listItemImageContainer { background-size: cover; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; background: rgba(0,0,0,0.7); text-align: center; transition: all .2s ease; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle { padding: 0; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a { font-size: 20px; font-weight: 400; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemTitle a, #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { color: #fff; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer { font-size: 17px; font-weight: 400; margin: 0; text-align: left; opacity: 0; height: 0; transition: all .2s ease; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower .listItemCountContainer { opacity: 1; height: 25px; } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower { background: rgba(85, 55, 155, 0.7); } #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover .listItemContainerBorder .codeListBlockLower { background: rgba(0, 0, 0, 0.7); } .buttonsCenter { position: relative; } .buttonsCenter a { margin: 0 auto; } /* Category images */ /* .listItemContainer_Value1 .listItemImageContainer, .listItemContainer_Value65 .listItemImageContainer { background-image: url('../images/categories/category-1.jpg') !important; } .listItemContainer_Value2 .listItemImageContainer, .listItemContainer_Value66 .listItemImageContainer { background-image: url('../images/categories/category-2.jpg') !important; } .listItemContainer_Value3 .listItemImageContainer, .listItemContainer_Value67 .listItemImageContainer { background-image: url('../images/categories/category-3.jpg') !important; } .listItemContainer_Value4 .listItemImageContainer, .listItemContainer_Value68 .listItemImageContainer { background-image: url('../images/categories/category-4.jpg') !important; } .listItemContainer_Value5 .listItemImageContainer, .listItemContainer_Value69 .listItemImageContainer { background-image: url('../images/categories/category-5.jpg') !important; } .listItemContainer_Value6 .listItemImageContainer, .listItemContainer_Value70 .listItemImageContainer { background-image: url('../images/categories/category-6.jpg') !important; } .listItemContainer_Value7 .listItemImageContainer, .listItemContainer_Value71 .listItemImageContainer { background-image: url('../images/categories/category-7.jpg') !important; } .listItemContainer_Value8 .listItemImageContainer, .listItemContainer_Value72 .listItemImageContainer { background-image: url('../images/categories/category-8.jpg') !important; } .listItemContainer_Value9 .listItemImageContainer, .listItemContainer_Value73 .listItemImageContainer { background-image: url('../images/categories/category-9.jpg') !important; } */ /* Category images on hover */ /* .listItemContainer_Value1:hover .listItemImageContainer, .listItemContainer_Value65:hover .listItemImageContainer { background-image: url('../images/categories/category-1.jpg') !important; } .listItemContainer_Value2:hover .listItemImageContainer, .listItemContainer_Value66:hover .listItemImageContainer { background-image: url('../images/categories/category-2.jpg') !important; } .listItemContainer_Value3:hover .listItemImageContainer, .listItemContainer_Value67:hover .listItemImageContainer { background-image: url('../images/categories/category-3.jpg') !important; } .listItemContainer_Value4:hover .listItemImageContainer, .listItemContainer_Value68:hover .listItemImageContainer { background-image: url('../images/categories/category-4.jpg') !important; } .listItemContainer_Value5:hover .listItemImageContainer, .listItemContainer_Value69:hover .listItemImageContainer { background-image: url('../images/categories/category-5.jpg') !important; } .listItemContainer_Value6:hover .listItemImageContainer, .listItemContainer_Value70:hover .listItemImageContainer { background-image: url('../images/categories/category-6.jpg') !important; } .listItemContainer_Value7:hover .listItemImageContainer, .listItemContainer_Value71:hover .listItemImageContainer { background-image: url('../images/categories/category-7.jpg') !important; } .listItemContainer_Value8:hover .listItemImageContainer, .listItemContainer_Value72:hover .listItemImageContainer { background-image: url('../images/categories/category-8.jpg') !important; } .listItemContainer_Value9:hover .listItemImageContainer, .listItemContainer_Value73:hover .listItemImageContainer { background-image: url('../images/categories/category-9.jpg') !important; } */ /*Roles Page Styling End*/ /*--------------------------------------- 3.5 Search results -----------------------------------------*/ html body .posListHover { display: none !important; } #eaContainer { min-height: 200px; } body.Pos_Find_Results #eaContainer { min-height: 500px; } .hero-bg { margin: 0; text-align: center; } .hero-bg { width: 100%; clear: both; background: url(../images/custom/alerts-bg.jpg) no-repeat center center; background-size: cover; min-height: 300px; } .hero-content { padding: 60px 15px; } .hero-bg h2 { font-size: 3em; text-shadow: 0 1px 2px rgba(0,0,0,0.5); margin: 0 0 20px; } .hero-bg a.buttonAnchor { float: none; padding: 15px 27px; } .addressContainer input, .addressContainer button { line-height: 28.8px; } #eaContainer .pagingButtons { padding-top: 2px; } #eaContainer .TilesGridSortingPopup { margin-left: 0 !important; } #eaContainer .posBrowserMapBlock .addressContainer { padding-top: 10px; padding-bottom: 10px; width: 375px; } #eaContainer .posBrowserMapBlock .addressContainer .addressLabel { width: 150px; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif !important; } #eaContainer .addressContainer .addressButton { margin-top: 1px; } div.alternateViews a.alternateViewsButton_List { margin-right: 1em; } #eaContainer #posBrowser_Filter_pageBlock .HeaderContainer { margin-bottom: 5px; } #eaContainer .posBrowserMapBlock .alternateViewsCurrent a { font-weight: bold; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; padding-left: 25px; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li:hover { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; /* padding-left: 25px; */ } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li.ValueItem_selected { background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center; } #eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a { margin: 6px 5px 1px 1px; } html body .posListHover { /* display: none; */ background: #F1F0F0; border: 0px; max-height: 50%; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 1% !important; margin-top: 10px; min-height: 180px; /*min-height: 150px;*/ height: auto; width: 32%; padding: 10px; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover a { text-decoration: none; } #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer a { font-weight: bold; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count { font-size: inherit; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer a:hover .count, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueItem_selected a span { text-decoration: none; } /*--------------------------------------- 3.6 Job description -----------------------------------------*/ #eaContainer .earcu_posdescriptiontitle { font-weight: bold; line-height: 1.5em; margin: 0.45em 0; padding: 0; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { padding: 2em; } .posAlerts_info.posrightbox_info { margin: 1em 0 0; } #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right { margin-right: 0; margin-bottom: 10px; } .posAlerts .posAlerts_info { margin-bottom: 1em; } #eaContainer .connectedContainer, #eaContainer .button.connect { display: block; float: none; } #eaContainer .connectedContainer { margin-bottom: 1em; width: 100%; } #eaContainer .button.connect { width: 92%; } #eaContainer .buttonContainer { display: none; } #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2, #eaContainer .ulListItemLabel, /* #eaContainer .gridContent,*/ #eaContainer .PosMyAppSummaryValues, #eaContainer .rowContainer, body #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock { padding: 1em; margin-bottom: 1em; } .PosMyAppSummaryValues dd { margin: 0 } #eaContainer .PosMyAppSummaryValues div.appCompleteChartBack, #eaContainer .PosMyAppSummaryValues div.appCompleteChartBar { padding: 0; margin: 0; } #eaContainer .PosDescriptionText .ApplyNowContainer { float: right; } #eaContainer div.posDescriptionContainer317 .BigVacancyMap { width: 100%; } #eaContainer div.posDescriptionContainer317 .RightJobBox { margin-left: 20px; } #eaContainer span.miniMapButton { margin-bottom: 10px; } #eaContainer #posdesc_pageBlock ul.jobSum li .jobSumValue { margin-right: 0px; } #eaContainer #posdesc_pageBlock .posdescriptionPropertyBox, #eaContainer #posdesc_pageBlock .posrating, #eaContainer #posdesc_pageBlock .possharing, #eaContainer #posdesc_pageBlock .posAlerts { background: #f1f0f0 none repeat scroll 0 0; border: 0 none; border-radius: 0; padding: 2em; } .Pos_Description .heading-section { display: none; } #JobDescriptionMap_vacancyMap_pageBlock { padding: 0; } #eaContainer #PosDescSharingItems { text-align: center; margin: 0 auto; width: 190px; } #eaContainer .RightJobBox .posAlerts { text-align: center; } /*--------------------------------------- 3.7 Job alerts -----------------------------------------*/ html body #lookupResults_gridTable { margin-bottom: 0; width: 100% !important; } #eaContainer .pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer ul.selectmultiplelist li { padding-left: 5px; } #eaContainer .pageBlockInner_FormBlock label.formLabel { text-align: left; } #eaContainer #posdesc_pageBlock .posDescriptionContainer, #eaContainer #posBrowser_ResultsGrid_pageBlock div.ListGridContainer { overflow: hidden; } #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly, #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl { width: 30%; } #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small { width: 360px; } #eaContainer .pageBlockInner_FormBlock div.noselectmultipleoptionsmessage, #eaContainer .formRowSelectMultiCodelistRow label { padding: 6px 7px; } #eaContainer #MyJobFeedForm_form div.formRow { margin-top: 1em; } /*--------------------------------------- 3.8 Questions -----------------------------------------*/ #eaContainer .formRow.formRowRadioInputRow.formRowRadioInputRow_Fancy { margin-bottom: 2em; } #eaContainer div.pageBlockInner_FormBlock div.formRow { /* width: 98%; */ width: 100%; } #eaContainer #questions_form .controlContainer { margin-top: 1em; } .pageBlockInner_FormBlock div.radioOption { position: relative; } .pageBlockInner_FormBlock div.radioOption input { margin-top: 3px; position: absolute; top: 0; left: 0; opacity: 0; z-index: -1; } .pageBlockInner_FormBlock div.radioOption .radioOptionLabel { position: relative; margin-left: 0; padding-left: 28px; } /*--------------------------------------- 3.9 Login -----------------------------------------*/ #login_SaveButtonRow_formRow input, #login_buttons2_formRow a { min-width: 285px; } /* Center apply social icons */ #eaContainer #login_pageBlock .ssoIcon, #eaContainer #newregister_pageBlock .ssoIcon { display: inline-block; float: none; } #eaContainer #login_pageBlock .ssoIconsInnerContainer, #eaContainer #newregister_pageBlock .ssoIconsInnerContainer { text-align: center; } /*--------------------------------------- 3.10 Register -----------------------------------------*/ #eaContainer .pageBlockInner_FormBlock input.inputText { padding: 5px; } #eaContainer #LinkedInStart_pageView .pageBlockInner_FormBlock .iconListStyle .iconContainer { border: 0; background: #F1F1F1; } .LinkedInInstructions #eaContainer .mainearcublock .buttonsRight input.buttonSubmit { background: #0078B5; color: #ffffff; } .LinkedInInstructions #eaContainer .mainearcublock .buttonsRight input.buttonSubmit:hover { background: #9b9c9e; } /* Tabs */ body #Application_Login_pageView #PageTitleBlock_pageBlock #pageTitleSignInHeaderContainer, body #Application_Login_pageView #PageTitleBlock_pageBlock #pageTitleRegisterHeaderContainer { border: 0; margin-left: 0; } #pageTitleSignInHeaderContainer h2, #pageTitleRegisterHeaderContainer h2 { background: #f1f1f1; color: #9a9b9c; padding: 10px; } /* -------------------------------------- ========================================= 4. CANDIDATE PORTAL ========================================= -----------------------------------------*/ /*--------------------------------------- 4.1 My home -----------------------------------------*/ /* Summary icons */ #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { /* width: 49%; display: inline-block; */ /* display: inline-block; margin-left: 5%; width: 44%; */ } /* #WelcomeInfoBlock_pageBlock { margin: 0 auto; position: relative; max-width: 500px; } */ #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .messageContainer { margin-right: 0; } #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock #eArcuProfileImage .imageContainer { float: none; position: relative; margin: 0 auto; } #eArcuProfileImage { text-align: center; } #Welcome_pageView .iconLabel a { overflow-wrap: break-word; } /* #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconContainer { padding-top: 20px; padding-bottom: 24px; border-bottom: 1px solid #ccc; } #eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow .iconContainer { border-bottom: 0; } */ #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { float: none; } #eaContainer .rowItemsInnerContainer2 { overflow: hidden; } #eaContainer #Welcome_pageView #WelcomeInfoBlock_Logout_formRow { display: block; } #eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { padding: 2em; } #eaContainer .pageBlockInner_FormBlock .formRowIconRow .iconRowValues .iconRowValueHighLight:hover { animation: blinker 1s linear infinite; } @keyframes blinker { 50% { opacity: 0; } } #eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { background-position: 30px 15px; } #Welcome_pageView .iconLabel a { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif !important; font-weight: normal; font-size: 24px; text-transform: uppercase; } /*--------------------------------------- 4.2 My profile -----------------------------------------*/ #eArcuProfileImage .imageContainer_DefaultImage { background: rgba(0, 0, 0, 0) url("../images/icons/icon_avatar.png") no-repeat scroll center center !important; } #eaContainer #MyDetailsStauts_pageBlockContainer .pageBlockContent.pageBlockContent_TextTagReplacementBlock { border: 1px solid #d0d0d0; } /* #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock { padding-top: 0; } */ #eaContainer #ShowCurrentAppLink_buttons_formRow { margin-top: 0.75em; margin-bottom: 1em; } #eaContainer .pageBlockInner_FormBlock div.textLiteral { text-align: left; } #Grid_PERSONALDETAILS_pageBlock .rowlink { padding-left: 20px; } #eaContainer .pageBlockContainer #Grid_PERSONALDETAILS_pageBlock .rowHeader .rowlink a { margin-left: 1em; } /* Add Email */ #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { width: 251px; } #eaContainer #MyDetails_Username_pageView .usernameOrPrimaryEmailContainer { width: 100%; } #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailContainer { padding: 15px 10px 10px; } /* Connected */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer2 { margin-left: 0; } #eaContainer #MyDetails_ConnectedServices_pageView a.connect { background: none; color: #000000; padding-left: 0; text-decoration: none; } /*--------------------------------------- 4.3 My applications -----------------------------------------*/ #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowHeader { padding: 3px 3px 3px 10px; } html body .pageBlockInner_GridBlock table.gridTable tr.oddRow:hover a, html body .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover a { text-decoration: none; } #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent { padding: 10px 0; } #eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconListStyle, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer { background: #f0f0f0; padding: 1em; /* border-bottom: 1px solid #d0d0d0; */ margin-bottom: 1em; } #eaContainer .mainearcublock .rowContainer_Last, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer_Last, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer_Last { border-bottom: 0; } #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer a.rcMenu { font-size: 24px; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif !important; text-decoration: none; } #eaContainer #ApplicationsGrid_pageBlock, #eaContainer #Application_List_pageView #intro_pageBlock { padding-left: 0; } /* -------------------------------------- ========================================= 5. APPLICATION SECTIONS ========================================= -----------------------------------------*/ /*--------------------------------------- 5.1 Progress bar -----------------------------------------*/ #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBar { height: 30px; } #eaContainer #posSummaryBlock_pageBlock .appCompleteChartBack { height: 30px; width: 100%; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { margin-top: 1em; text-align: right; font-weight: bold; } /* #eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryBlock dl { margin: 1em 0 3px; } */ #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { float: none; font-weight: bold; width: 120px; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt, #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { display: inline-block; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { width: 10%; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { width: 80%; margin-left: 0; margin-top: 10px; } /*--------------------------------------- 5.2 Application summary -----------------------------------------*/ .Welcome #pageMessages { display: none; } body #Welcome_pageView .pageBlockInner_FormBlock .iconContainer .iconImage { margin-top: 5px; height: 50px !important; width: 50px !important; } .iconContainer .iconImage img { height: 100% !important; width: 100% !important; } body #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel { background: #f0f0f0; } body #Welcome_pageView #WelcomeInfoBlock_pageBlock .YesStar { background: none; } #eaContainer #posSummaryBlock_pageBlock div.greenbox { padding-left: 0; padding-right: 0; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList, #eaContainer #Application_Home_pageView .ulList { margin: 0; } body #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock li.Section_OfferSubmit, #eaContainer #Application_Home_pageView .ulList li.Section_SubmitAndDeclarations { height: auto; padding: 0; min-height: 0; width: 100%; margin: 0; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel { margin: 0; padding: 5px 10px; text-align: left; } .PosMyAppSummaryValues { padding: 1em; } #eaContainer div.pageBlockInner_FormBlock #BackBlock_backrow_formRow { /* display: none !important; */ } /* #eaContainer #posSummaryBlock_pageBlock .PosMyAppSummaryValues { margin: 1em 0; } */ /* #eaContainer .PosMyAppSummaryLinks { margin-left: 2%; } */ #eaContainer #Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .labelContainer { width: auto; } /* #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem:hover, #Application_Home_pageView #sectionslist_pageBlock .ulListItem:hover { background-color: #ffc407; } */ #eaContainer .OfferSectionsSummaryBlockContainer .ulList .Completed div.ulListItemLabel a, #eaContainer #Application_Home_pageView .ulList .Completed div.ulListItemLabel a, #eaContainer .OfferSectionsSummaryBlockContainer .ulList div.ulListItemLabel:hover a { color: #ffffff; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-color: #9b9c9e; background-image: url("../images/sprites/unselected-progress-hover.png"); background-position: 99% 50%; border-color: #e3e3e3; float: none; height: auto; margin: 0 0 15px; padding: 0; width: auto; font-weight: normal; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulListItem.Completed, #Application_Home_pageView #sectionslist_pageBlock .ulListItem.Completed { background-image: url("../images/sprites/selected-progress-hover.png"); background-color: #00a6c5; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem:hover, #eaContainer #Application_Home_pageView .ulList li.ulListItem:hover { background-image: url("../images/sprites/unselected-progress-hover.png"); background-color: #333; } #eaContainer #MyWelcomePacks_OfferForm_Summary_pageView .ulList li.ulListItem.Completed:hover, #eaContainer #Application_Home_pageView .ulList li.ulListItem.Completed:hover { background-image: url("../images/sprites/selected-progress-hover.png"); background-color: #00a6c5; } #eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock, #eaContainer .OfferSectionsSummaryBlockContainer #BackBlock_pageBlock, .Application_Home #sectionslist_pageBlock, .Application_Home #BackBlock_pageBlock { padding: 0; margin-top: 15px; } /*--------------------------------------- 5.3 Global sections -----------------------------------------*/ /* Login / Register block */ .banner-main-container { position: relative; } #login-register-block { background: #9b9c9e; display: block; width: 300px; position: absolute; text-align: center; bottom: 50px; margin-left: 50px; padding: 1em; border-radius: 5px; } #login-register-block .buttonAnchor { background: #F1F1F1; color: #313131; margin-right: 1em; } .block-right { float: right; } #login-register-block .buttonAnchor.no-margin { margin: 0; } #eaContainer .pageBlockInner_GridBlock .ListGridContainer .rowContainer_WithIcons .rowItemsInnerContainer { margin-left: 0; } #Grid_REFEREES_pageBlock .gridContent * { float: none !important; } #eaContainer .PosMyAppSummaryLinks { margin-bottom: 1em; /*margin-top: 1em;*/ } #eaContainer .PosMyAppSummaryLinks a { /*background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 0;*/ padding-left: 20px; } #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader, #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridValue { padding-left: 1em; } #eaContainer .questionsAnswerBlock .answersContainer div.appSummaryGridHeader { font-weight: bold; } #eaContainer DIV#SectionCompleteBlock_completed_formRow .labelContainer { padding-top: 0px; } #eaContainer .pageBlockInner_FormBlock .fakecheck { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked.png") no-repeat scroll left center; } #eaContainer .pageBlockInner_FormBlock .fakecheck:hover { background: rgba(0, 0, 0, 0) url("../images/sprites/unticked-pink.png") no-repeat scroll left center; } #eaContainer .pageBlockInner_FormBlock .fakechecked:hover, #eaContainer .pageBlockInner_FormBlock .fakechecked { background: rgba(0, 0, 0, 0) url("../images/sprites/ticked.png") no-repeat scroll left center; } #eaContainer div.blockSummaryText { padding-left: 3px; margin-bottom: 1em; } #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { border-color: #abadb3 #dbdfe6 #e3e9ef #e2e3ea; border-style: solid; border-width: 1px; padding: 3px; width: 251px; } body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea { width: 100%; } #eaContainer .pageBlockInner_FormBlock label.formLabel { padding-right: 5px; font-weight: bold; } #eaContainer #Buttons_pageBlock .pageBlockInner .buttonHolder ul li { width: auto; } #eaContainer .pageBlockContainerMiddle .buttonsContainer { margin-top: 1em; } #eaContainer .PosMyWelcomePackSummaryLinks { display: inline-block; } #Add_REFEREES_Description_formRow .labelContainer { text-align: left; } #eaContainer .mainearcublock .rowContainer { background: #F1F1F1; } .Application_List #eaContainer .mainearcublock .rowContainer { background: none; } #eaContainer .PosMyAppSummaryValues { background: #F1F1F1; margin-top: 13px; } #eaContainer .PosMyAppSummaryLinks { margin-bottom: 1em; margin-top: 2em; } .Pos_Description_Review #eaContainer .PosMyAppSummaryLinks { margin-left: 0; } #eaContainer .PosMyAppSummaryLinks a { background: transparent url("../images/sprites/arrow-right.png") no-repeat scroll 0 3px; padding-left: 20px; } .earcujobref { display: inline; } #eaContainer #posSummaryBlock_pageBlock .welcomePackStatus_NotSubmitted, #eaContainer #posSummaryBlock_pageBlock .appStatusNotSubmitted { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; } #eaContainer .Application_earcuBody #posSummaryBlock_pageBlock .PosMyAppSummaryValues { margin: 2px 0 3px; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt, #eaContainer #posSummaryBlock_pageBlock div.greenbox dd { display: inline-block; } #eaContainer .pageBlockContainer .rowHeader .rowlink { padding-left: 0; } /*--------------------------------------- 5.4 CV upload -----------------------------------------*/ .fileContainer .deletefile img { opacity: 0; } .fileContainer .deletefile { background: url("../images/sprites/black-cross.png") no-repeat right; } .fileContainer .deletefile:hover { background: url("../images/sprites/red-cross.png") no-repeat right; } .filename.rcFileMenu { height: 65px; overflow: auto; position: absolute; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button, #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover { background-image: url("../images/sprites/white-upload.png"); padding: 8px 25px 8px 50px; background-position: 10% center; background-repeat: no-repeat; } /* #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button.hover { background-image: url("../images/sprites/white-upload.png"); } */ #eaContainer .fileContainer { background-image: none !important; text-transform: uppercase; } #eaContainer .pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel { margin: 10px; text-align: right; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .uploadedFilesHeader { padding: 5px 5px 5px 20px; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .uploadedFilesContainer { margin: 0 4px 10px; } #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filenameInner { text-align: center; } #eaContainer #fileupload_Files_formRow .controlContainer { float: right; margin-bottom: 10px; } #eaContainer #fileupload_Files_formRow .labelContainer { text-align: right; width: 100%; margin-bottom: 10px; } #eaContainer .mainearcublock .bottomControlContainer .uploadedFilesHeader { background: #F1F1F1; border: 0; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif !important; color: #313131; } body .pageBlockInner_FormBlock div.formRowFileUploadRow .bottomControlContainer .filename { background: #9b9c9e; } /*--------------------------------------- 5.5 Equal opportunities -----------------------------------------*/ body #eaContainer #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer, body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow div.labelContainer, body #eaContainer #Edit_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel, body #eaContainer #Add_WORKEXPERIENCE_pageBlock .formRowTextAreaRow label.formLabel, #Edit_EQUALOPS_form .textLiteral { margin-top: 1em; margin-bottom: 1em; text-align: left; } /*--------------------------------------- 5.6 Interviews -----------------------------------------*/ #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small { margin-left: 0; width: auto; } #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { width: 30%; } /* -------------------------------------- ========================================= 6. MEDIA QUERIES ========================================= -----------------------------------------*/ /*--------------------------------------- 6.1 Laptop -----------------------------------------*/ @media only screen and (max-width: 1224px) { /* Summary box */ .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_FormBlock, .Pos_Description_Review #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock, #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_FormBlock, #eaContainer .Application_earcuBody div.pageBlockContainer.pageBlockContainer_GridBlock, .MyEmailsByApplication #eaContainer div.pageBlockContainer.pageBlockContainer_GridBlock, .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer { float: none; width: 100%; margin-right: 0; } #eaContainer div.posDescriptionContainer317 .LeftJobBox, #eaContainer div.posDescriptionContainer317 .RightJobBox { width: 95%; float: none; display: block; margin: 0; } .Pos_Description_Review #eaContainer #posSummaryBlock_pageBlockContainer, .Application_earcuBody #posSummaryBlock_pageBlockContainer, .MyEmailsByApplication #eaContainer #posSummaryBlock_pageBlockContainer, .Email_Detail #eaContainer #posSummaryBlock_pageBlockContainer { float: none; width: 100%; } /* Search */ #FindJobHeroBlock, #FindJobContainer { display: block; position: relative; top: 0; left: 0; padding: 0; width: 100%; padding-bottom: 0; border-radius: 0; } #FindJobHeroBlock { padding-bottom: 15px; } body #FindJobHeroBlock .formRowTextInputRow { display: block; width: 100%; } body #FindJobHeroBlock input { margin-left: 0 !important; } /* Job Description */ #eaContainer .PosDescriptionText .ApplyNowContainer { display: none; } } /*--------------------------------------- 6.2 Tablet -----------------------------------------*/ @media screen and (max-width: 980px) { /* Set label and input widths to 100% */ #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight, body button.buttonAnchor, body input.buttonSubmit, body a.buttonAnchor, #eaContainer a.button, body #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer, body #modalcodelistlookup_pageBlock .labelContainer, body .ui-dialog #LookupFilterBlock_pageBlock .labelContainer, .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.labelContainer, #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common input, #EmailForm_pageBlock .pageBlockInner_FormBlock .formRowSelectInputRow_Common select, body .pageBlockInner_FormBlock label.formLabel, body .pageBlockInner_FormBlock input.inputText, #eaContainer html body #lookupResults_gridTable, #eaContainer .pageBlockInner_FormBlock div.divajaxcontainter, #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small, #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapInnerContainer_Small, #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnly, #eaContainer .pageBlockInner_FormBlock div.formRowTextAreaRow div.controlContainer_ReadOnlyWithControl, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailButtonsContainer, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer, #eaContainer #SearchForm_pageBlock #SearchForm_filter_text_formRow, #eaContainer #SearchForm_pageBlock #SearchForm_filter_locationradius_formRow, #eaContainer #SearchForm_pageBlock #SearchForm_SaveButtonRow_formRow, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .labelContainer, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer, #eaContainer #SearchForm_pageBlockContainer div.pageBlockInner_FormBlock div.formRow .controlContainer .inputText, #eaContainer .pageBlockInner_FormBlock input.inputText, #eaContainer .pageBlockInner_FormBlock label.formLabel, #eaContainer .pageBlockInner_FormBlock div.labelContainer, #eaContainer .pageBlockInner_FormBlock div.controlContainer, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select, #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailValuesContainer { width: 100%; text-align: left; } /* Set button widths to 100% */ #eaContainer a.button, html body .buttonsRight, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor, #Grid_PERSONALDETAILS_pageBlock .rowlink a { width: 100%; float: none; } #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuLeft, #eaContainer #MyDetails_pageView #MyDetailsStauts_pageBlock .eArcuRight, .pageBlockContent_FormBlock .pageBlockInner_FormBlock div.controlContainer, #eaContainer .pageBlockInner .buttonsLeft, #eaContainer .pageBlockInner .buttonsRight, #eaContainer .pageBlockInner .buttonsLeft li, #eaContainer .pageBlockInner .buttonsRight li { float: none; } body div.ui-dialog .pageBlockInner_GridBlock input.scroller { margin: 1em 0em; } /* Align search labels left */ body .pageBlockInner_FormBlock div.labelContainer, #eaContainer .pageBlockInner_FormBlock div.labelContainer, #eaContainer #SearchForm_pageBlock .pageBlockInner_FormBlock div.labelContainer { text-align: left; } /* Home */ #eaContainer .col-left, #eaContainer .col-right { width: 100%; } /* No vacancies */ #eaContainer #Home_pageView #noPositions_pageBlockContainer .leftContainer, #eaContainer #Home_pageView #noPositions_pageBlockContainer .rightContainer { width: 100%; float: none; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_login { margin-left: 0; } #eaContainer #Home_pageView #noPositions_pageBlockContainer .content_register { margin-right: 0; } html body .tooltip2_Outer, html body .posListHover { display: none; } #eaContainer #why-good-stuff, #eaContainer #latest-jobs { margin-top: 2em; margin-bottom: 2em; } /* Category & AP section blocks */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer { width: 50%; /* height: auto; */ } .col-third { display: block; width: 100%; } .cat-container, .count-block .no-of { display: inline-block; width: 49.5%; } .count-block .no-of { display: block; width: 100%; } /* Category pages */ #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .imageContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .imageContainer, #eaContainer #Pos_Category_Description_pageView #categorydesc_pageBlock .descContainer, #eaContainer #Campaign_Detail_pageView #campaign_pageBlock .descContainer { display: block; width: 100%; } /* Search results */ #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { display: block; margin: 0; padding-left: 0; width: 50%; } #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label { margin-left: 2em; } #eaContainer .category-blocks .category-block, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 1% !important; width: 48%; } #eaContainer .category-blocks .category-block { min-height: 210px; } /* Alerts */ #eaContainer .pageBlockInner_FormBlock div.SelectAutoRow .inputContainer, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow { overflow: visible; } #MyJobFeedForm_MultiCodeList4_formRow .labelContainer { display: none; } #eaContainer .pageBlockInner_FormBlock .inputContainer .inputText, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter { float: none !important; } /* Summary icons */ #eaContainer #WelcomeInfoBlock_pageBlock div.pageBlockInner_FormBlock div.formRow { width: 100%; display: inline-block; } /* Email address */ #eaContainer #MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer { float: none; margin-top: 1em; } /* Questions and answers */ #eaContainer .questionsAnswerBlock div.appSummaryGridHeader { width: 100%; } #eaContainer .questionsAnswerBlock div.appSummaryQuestionGridRow div.appSummaryGridValue { margin-left: 0; width: 100%; } /* File upload */ #eaContainer .pageBlockInner_FormBlock div.formRowFileUploadRow button { background-position: 5% center; background-repeat: no-repeat; } /* Interview map */ #eaContainer .interviewdetailform .pageBlockInner_FormBlock .mapRow .mapContainer_Small { margin-left: 0; } /* Search Results */ #posBrowser_ResultsGrid_pageBlockContainer, #posBrowser_Filter_pageBlockContainer { width: 100%; display: block; } #FindJobBlock #quicksearch_filter_text_formRow, #FindJobBlock #quicksearch_filter_locationradius_formRow { width: 100%; display: block; } #FindJobBlock #quicksearch_form { width: 50%; margin-left: 25%; padding-left: 0; } /* Job Description */ #eaContainer div.posDescriptionContainer317 .LeftJobBox, #eaContainer div.posDescriptionContainer317 .RightJobBox, .RightBackBox { width: 100%; display: block; } .RightBackBox, #eaContainer div.posDescriptionContainer317 .RightJobBox { margin-left: 0; margin-top: 1em; } /* Main Banner */ #login-register-block { background: #9b9c9e; display: block; width: 100%; bottom: 0; margin-left: 0; position: relative; min-height: 75px; } #login-register-block .buttonAnchor { margin-bottom: 16px; width: auto; } .block-right { float: right; } } /*--------------------------------------- 6.3 Phablet -----------------------------------------*/ @media screen and (max-width: 600px) { /* Main headings */ #eaContainer h1 { font-size: 35px; word-wrap: break-word; } /* Align buttons */ #eaContainer a.button, #eaContainer #Pos_Description_pageView #posdesc_pageBlock a.right, #eaContainer .fileuploadbutton, #eaContainer .buttonsLeft button.buttonAnchor, #eaContainer .buttonsRight button.buttonAnchor, #eaContainer .buttonsLeft input.buttonSubmit, #eaContainer .buttonsRight input.buttonSubmit, #eaContainer .buttonsLeft a.buttonAnchor, #eaContainer .buttonsRight a.buttonAnchor { float: none; margin: 0; margin-bottom: 10px; } /* Align labels left */ #eaContainer .pageBlockInner_FormBlock div.labelContainer { text-align: left; } #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { float: none; } /* Job search */ #quicksearch_pageBlockContainer .buttonsRight li, #quicksearch_pageBlockContainer .buttonsRight input, #quicksearch_pageBlockContainer .buttonsRight { float: none; width: 98%; } #Home_pageView #CodeListCounts_pageBlockContainer .availableListsContainer li { width: 100%; } #Home_quicksearch_filter_locationradius, #Home_quicksearch_filter_text { font-size: 1.6em; } .hero-text .section-content .blockquote { font-size: 28px; } /* Category & AP section blocks */ #eaContainer #MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer, #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer { width: 100%; } .col-third, .cat-container { display: block; width: 100%; } #eaContainer .category-blocks .category-block { min-height: 0; } /* Search result blocks */ #eaContainer .category-blocks .category-block, #eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer { margin-left: 1% !important; width: 98%; } /* Job alerts */ body .pageBlockInner_GridBlock div.gridContentWithHeader { width: 350px !important; } body .ui-dialog { width: 380px !important; } /* Candidate portal */ #eaContainer #posSummaryBlock_pageBlock div.greenbox dt { display: block; width: 100%; } #eaContainer #posSummaryBlock_pageBlock dd { margin-left: 0; } /* Search results */ #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li { display: block; margin: 0; padding-left: 0; width: 100%; } /* Job Description */ #eaContainer #posdesc_pageBlock ul.jobSum li { display: block; } #eaContainer #posdesc_pageBlock ul.jobSum li:after { content: none; } #eaContainer .OfferSectionsSummaryBlockContainer .ulListItem, #Application_Home_pageView #sectionslist_pageBlock .ulListItem { background-position: 97% 50%; } } /*--------------------------------------- 6.4 Phone -----------------------------------------*/ @media screen and (max-width: 480px) { /* Job alerts */ body .pageBlockInner_GridBlock div.gridContentWithHeader { width: 250px !important; } body .ui-dialog { width: 280px !important; } /* Search */ #FindJobBlock #quicksearch_form { width: 100%; margin-left: 0; padding-left: 0; } div.alternateViews a.alternateViewsButton_Map:before { content: none; } #Grid_PERSONALDETAILS_pageBlock .rowlink a { display: block; } } .navbar-brand img { width: 187px; } /*------*/ @charset "utf-8"; /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ img, legend { border: 0 } legend, td, th { padding: 0 } .header-secondary select, .select select, footer select { -webkit-appearance: none; -moz-appearance: none } html { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif !important; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block } audio, canvas, progress, video { display: inline-block; vertical-align: baseline } audio:not([controls]) { display: none; height: 0 } [hidden], template { display: none } a { background-color: transparent } a:active, a:hover { outline: 0 } abbr[title] { border-bottom: 1px dotted } b, optgroup, strong { font-weight: 700 } dfn { font-style: italic } mark { background: #ff0; color: #000 } .img-thumbnail, body { background-color: #fff } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } svg:not(:root) { overflow: hidden } hr { -moz-box-sizing: content-box; box-sizing: content-box; margin-top: 20px; margin-bottom: 20px } pre { overflow: auto } code, kbd, pre, samp { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif !important; font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } button { overflow: visible } button, select { text-transform: none } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } html { font-size: 10px; -webkit-tap-highlight-color: transparent } body { line-height: 1.42857 } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } a:focus, a:hover { color: #23527c; text-decoration: underline } a:focus { outline: dotted thin; outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px } figure { margin: 0 } .img-responsive { display: block; max-width: 100%; height: auto } .img-rounded { border-radius: 6px } .img-thumbnail { padding: 4px; line-height: 1.42857; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto } .img-circle { border-radius: 50% } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } #adminForm, #searchForm, .container, .container-fluid { margin-right: auto; margin-left: auto; padding-left: 20px; padding-right: 20px } #adminForm:after, #adminForm:before, #searchForm:after, #searchForm:before, .container:after, .container:before { content: " "; display: table } #adminForm:after, #searchForm:after, .container:after { clear: both } @media (min-width:768px) { #adminForm, #searchForm, .container { width: 760px } } @media (min-width:992px) { #adminForm, #searchForm, .container { width: 980px } } @media (min-width:1200px) { #adminForm, #searchForm, .container { width: 1200px } } .container-fluid:after, .container-fluid:before { content: " "; display: table } .container-fluid:after { clear: both } .row { margin-left: -20px; margin-right: -20px } .row:after, .row:before { content: " "; display: table } .row:after { clear: both } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, footer .wrapper-menu .wrapper-menu-2 ul.menu > li { position: relative; min-height: 1px; padding-left: 20px; padding-right: 20px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { float: left } .col-xs-1 { width: 8.33333% } .col-xs-2 { width: 16.66667% } .col-xs-3 { width: 25% } .col-xs-4 { width: 33.33333% } .col-xs-5 { width: 41.66667% } .col-xs-6 { width: 50% } .col-xs-7 { width: 58.33333% } .col-xs-8 { width: 66.66667% } .col-xs-9 { width: 75% } .col-xs-10 { width: 83.33333% } .col-xs-11 { width: 91.66667% } .col-xs-12 { width: 100% } .col-xs-pull-0 { right: auto } .col-xs-pull-1 { right: 8.33333% } .col-xs-pull-2 { right: 16.66667% } .col-xs-pull-3 { right: 25% } .col-xs-pull-4 { right: 33.33333% } .col-xs-pull-5 { right: 41.66667% } .col-xs-pull-6 { right: 50% } .col-xs-pull-7 { right: 58.33333% } .col-xs-pull-8 { right: 66.66667% } .col-xs-pull-9 { right: 75% } .col-xs-pull-10 { right: 83.33333% } .col-xs-pull-11 { right: 91.66667% } .col-xs-pull-12 { right: 100% } .col-xs-push-0 { left: auto } .col-xs-push-1 { left: 8.33333% } .col-xs-push-2 { left: 16.66667% } .col-xs-push-3 { left: 25% } .col-xs-push-4 { left: 33.33333% } .col-xs-push-5 { left: 41.66667% } .col-xs-push-6 { left: 50% } .col-xs-push-7 { left: 58.33333% } .col-xs-push-8 { left: 66.66667% } .col-xs-push-9 { left: 75% } .col-xs-push-10 { left: 83.33333% } .col-xs-push-11 { left: 91.66667% } .col-xs-push-12 { left: 100% } .col-xs-offset-0 { margin-left: 0 } .col-xs-offset-1 { margin-left: 8.33333% } .col-xs-offset-2 { margin-left: 16.66667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.33333% } .col-xs-offset-5 { margin-left: 41.66667% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.33333% } .col-xs-offset-8 { margin-left: 66.66667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.33333% } .col-xs-offset-11 { margin-left: 91.66667% } .col-xs-offset-12 { margin-left: 100% } @media (min-width:768px) { .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { float: left } .col-sm-1 { width: 8.33333% } .col-sm-2 { width: 16.66667% } .col-sm-3 { width: 25% } .col-sm-4 { width: 33.33333% } .col-sm-5 { width: 41.66667% } .col-sm-6 { width: 50% } .col-sm-7 { width: 58.33333% } .col-sm-8 { width: 66.66667% } .col-sm-9 { width: 75% } .col-sm-10 { width: 83.33333% } .col-sm-11 { width: 91.66667% } .col-sm-12 { width: 100% } .col-sm-pull-0 { right: auto } .col-sm-pull-1 { right: 8.33333% } .col-sm-pull-2 { right: 16.66667% } .col-sm-pull-3 { right: 25% } .col-sm-pull-4 { right: 33.33333% } .col-sm-pull-5 { right: 41.66667% } .col-sm-pull-6 { right: 50% } .col-sm-pull-7 { right: 58.33333% } .col-sm-pull-8 { right: 66.66667% } .col-sm-pull-9 { right: 75% } .col-sm-pull-10 { right: 83.33333% } .col-sm-pull-11 { right: 91.66667% } .col-sm-pull-12 { right: 100% } .col-sm-push-0 { left: auto } .col-sm-push-1 { left: 8.33333% } .col-sm-push-2 { left: 16.66667% } .col-sm-push-3 { left: 25% } .col-sm-push-4 { left: 33.33333% } .col-sm-push-5 { left: 41.66667% } .col-sm-push-6 { left: 50% } .col-sm-push-7 { left: 58.33333% } .col-sm-push-8 { left: 66.66667% } .col-sm-push-9 { left: 75% } .col-sm-push-10 { left: 83.33333% } .col-sm-push-11 { left: 91.66667% } .col-sm-push-12 { left: 100% } .col-sm-offset-0 { margin-left: 0 } .col-sm-offset-1 { margin-left: 8.33333% } .col-sm-offset-2 { margin-left: 16.66667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.33333% } .col-sm-offset-5 { margin-left: 41.66667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.33333% } .col-sm-offset-8 { margin-left: 66.66667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.33333% } .col-sm-offset-11 { margin-left: 91.66667% } .col-sm-offset-12 { margin-left: 100% } } @media (min-width:992px) { .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, footer .wrapper-menu .wrapper-menu-2 ul.menu > li { float: left } .col-md-1 { width: 8.33333% } .col-md-2 { width: 16.66667% } .col-md-3 { width: 25% } .col-md-4, footer .wrapper-menu .wrapper-menu-2 ul.menu > li { width: 33.33333% } .col-md-5 { width: 41.66667% } .col-md-6 { width: 50% } .col-md-7 { width: 58.33333% } .col-md-8 { width: 66.66667% } .col-md-9 { width: 75% } .col-md-10 { width: 83.33333% } .col-md-11 { width: 91.66667% } .col-md-12 { width: 100% } .col-md-pull-0 { right: auto } .col-md-pull-1 { right: 8.33333% } .col-md-pull-2 { right: 16.66667% } .col-md-pull-3 { right: 25% } .col-md-pull-4 { right: 33.33333% } .col-md-pull-5 { right: 41.66667% } .col-md-pull-6 { right: 50% } .col-md-pull-7 { right: 58.33333% } .col-md-pull-8 { right: 66.66667% } .col-md-pull-9 { right: 75% } .col-md-pull-10 { right: 83.33333% } .col-md-pull-11 { right: 91.66667% } .col-md-pull-12 { right: 100% } .col-md-push-0 { left: auto } .col-md-push-1 { left: 8.33333% } .col-md-push-2 { left: 16.66667% } .col-md-push-3 { left: 25% } .col-md-push-4 { left: 33.33333% } .col-md-push-5 { left: 41.66667% } .col-md-push-6 { left: 50% } .col-md-push-7 { left: 58.33333% } .col-md-push-8 { left: 66.66667% } .col-md-push-9 { left: 75% } .col-md-push-10 { left: 83.33333% } .col-md-push-11 { left: 91.66667% } .col-md-push-12 { left: 100% } .col-md-offset-0 { margin-left: 0 } .col-md-offset-1 { margin-left: 8.33333% } .col-md-offset-2 { margin-left: 16.66667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.33333% } .col-md-offset-5 { margin-left: 41.66667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.33333% } .col-md-offset-8 { margin-left: 66.66667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.33333% } .col-md-offset-11 { margin-left: 91.66667% } .col-md-offset-12 { margin-left: 100% } } @media (min-width:1200px) { .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { float: left } .col-lg-1 { width: 8.33333% } .col-lg-2 { width: 16.66667% } .col-lg-3 { width: 25% } .col-lg-4 { width: 33.33333% } .col-lg-5 { width: 41.66667% } .col-lg-6 { width: 50% } .col-lg-7 { width: 58.33333% } .col-lg-8 { width: 66.66667% } .col-lg-9 { width: 75% } .col-lg-10 { width: 83.33333% } .col-lg-11 { width: 91.66667% } .col-lg-12 { width: 100% } .col-lg-pull-0 { right: auto } .col-lg-pull-1 { right: 8.33333% } .col-lg-pull-2 { right: 16.66667% } .col-lg-pull-3 { right: 25% } .col-lg-pull-4 { right: 33.33333% } .col-lg-pull-5 { right: 41.66667% } .col-lg-pull-6 { right: 50% } .col-lg-pull-7 { right: 58.33333% } .col-lg-pull-8 { right: 66.66667% } .col-lg-pull-9 { right: 75% } .col-lg-pull-10 { right: 83.33333% } .col-lg-pull-11 { right: 91.66667% } .col-lg-pull-12 { right: 100% } .col-lg-push-0 { left: auto } .col-lg-push-1 { left: 8.33333% } .col-lg-push-2 { left: 16.66667% } .col-lg-push-3 { left: 25% } .col-lg-push-4 { left: 33.33333% } .col-lg-push-5 { left: 41.66667% } .col-lg-push-6 { left: 50% } .col-lg-push-7 { left: 58.33333% } .col-lg-push-8 { left: 66.66667% } .col-lg-push-9 { left: 75% } .col-lg-push-10 { left: 83.33333% } .col-lg-push-11 { left: 91.66667% } .col-lg-push-12 { left: 100% } .col-lg-offset-0 { margin-left: 0 } .col-lg-offset-1 { margin-left: 8.33333% } .col-lg-offset-2 { margin-left: 16.66667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.33333% } .col-lg-offset-5 { margin-left: 41.66667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.33333% } .col-lg-offset-8 { margin-left: 66.66667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.33333% } .col-lg-offset-11 { margin-left: 91.66667% } .col-lg-offset-12 { margin-left: 100% } } .clearfix:after, .clearfix:before { content: " "; display: table } .clearfix:after { clear: both } .center-block { display: block; margin-left: auto; margin-right: auto } .pull-right { float: right !important } .pull-left { float: left !important } .hide { display: none !important } .show { display: block !important } .hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .hidden { visibility: hidden !important } .affix { position: fixed } blockquote, body { position: relative; top: 0; left: 0 } @-ms-viewport { width: device-width } @media (max-width:767px) { .visible-xs { display: block !important } table.visible-xs { display: table } tr.visible-xs { display: table-row !important } td.visible-xs, th.visible-xs { display: table-cell !important } .visible-xs-block { display: block !important } .visible-xs-inline { display: inline !important } .visible-xs-inline-block { display: inline-block !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display: block !important } table.visible-sm { display: table } tr.visible-sm { display: table-row !important } td.visible-sm, th.visible-sm { display: table-cell !important } .visible-sm-block { display: block !important } .visible-sm-inline { display: inline !important } .visible-sm-inline-block { display: inline-block !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display: block !important } table.visible-md { display: table } tr.visible-md { display: table-row !important } td.visible-md, th.visible-md { display: table-cell !important } .visible-md-block { display: block !important } .visible-md-inline { display: inline !important } .visible-md-inline-block { display: inline-block !important } } @media (min-width:1200px) { .visible-lg { display: block !important } table.visible-lg { display: table } tr.visible-lg { display: table-row !important } td.visible-lg, th.visible-lg { display: table-cell !important } .visible-lg-block { display: block !important } .visible-lg-inline { display: inline !important } .visible-lg-inline-block { display: inline-block !important } .hidden-lg { display: none !important } } @media (max-width:767px) { .hidden-xs { display: none !important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none !important } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none !important } } .visible-print { display: none !important } @media print { .visible-print { display: block !important } table.visible-print { display: table } tr.visible-print { display: table-row !important } td.visible-print, th.visible-print { display: table-cell !important } } .visible-print-block { display: none !important } @media print { .visible-print-block { display: block !important } } .visible-print-inline { display: none !important } @media print { .visible-print-inline { display: inline !important } } .visible-print-inline-block { display: none !important } @media print { .visible-print-inline-block { display: inline-block !important } .hidden-print { display: none !important } } img, small { display: block } * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } ::selection { background-color: #00a6c5; color: #fff } ::-moz-selection { background-color: #00a6c5; color: #fff } ::-webkit-selection { background-color: #00a6c5; color: #fff } blockquote, body, em, h1, h2, h3, h4, h5, h6, ol, p, small, strong, ul { margin: 0; padding: 0; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-style: normal } body { color: #192543; overflow-x: hidden; font-size: 18px } h1, h2, h3, h4, h5, h6 { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; color: #00a6c5; font-weight: 400 } .cta, .page-system-default a, form .formValidation > *, strong, table tr:first-child * { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } h1 { font-size: 40px } h2 { font-size: 26px } h3 { font-size: 21px } h4 { font-size: 18px } h5 { font-size: 15px } h6 { font-size: 12px } blockquote, p { font-size: 18px } .page-header h1 { padding-left: 15px; padding-right: 15px; padding-bottom: 5px } li, ol, ul { list-style: none } p { line-height: 1.4 } em { font-style: italic } strong { font-weight: 500 } a { color: inherit; cursor: pointer; text-decoration: none } a:focus, a:hover, a:target { text-decoration: none; color: inherit } hr { border: none; background: none; border-bottom: 4px dotted #00a6c5; } blockquote { background-color: #333; color: #fff !important; padding: 45px 25px 35px 25psx; line-height: 1.5; box-shadow: 0 5px 0 rgba(0,0,0,.3); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px } blockquote cite { color: #fff !important; font-size: 14px; font-style: normal; display: block; margin-top: 20px } blockquote:after { content: ''; position: absolute; top: 20px; left: 25px; width: 23px; height: 17px; display: block; background-image: url(../images/sprite.png); background-position: -157px -123px; background-size: auto 750px } .btn, table { width: 100% } @media (min-width:992px) { blockquote { padding: 54px 50px 40px 84px } blockquote:after { top: 44px; left: 48px } } small { font-size: 10px } table { border-collapse: collapse; border-spacing: 0; font-size: 15px } table td { padding: 10px 12px 8px } table tr:nth-child(odd) { background-color: #e8e8e8 } table tr:first-child { background-color: #333 !important } table tr:first-child * { color: #fff; font-size: 18px } .pos-email .icon, .pos-email .person-result__email:before, .pos-email .person-result__linkedin:before { padding-left: 20px } .wrapper-breadcrumbs ul li { display: inline-block; line-height: 22px; padding: 0 10px 0 0 } .wrapper-breadcrumbs ul li * { display: inline-block; font-size: 14px } .wrapper-breadcrumbs ul li + li { border-left: 1px solid #ccc; padding: 0 10px } .wrapper-breadcrumbs ul li.uk-active { color: #00a6c5 } .btn { position: relative; top: 0; left: 0; display: inline-block; background-color: #00a6c5; color: #fff !important; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 5px 0 rgba(0,0,0,.3) } .btn:after { content: '\f061'; font-family: FontAwesome; font-weight: 100; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 22px; } .btn:hover { opacity: 1; background-color: #008DAC } @media (min-width:992px) { .btn { width: auto } } .cta { position: relative; top: 0; left: 0; display: inline-block; padding-right: 30px; font-size: 16px; width: auto } .cta:after { content: ''; display: block; position: absolute; top: 50%; right: 0; width: 11px; height: 18px; margin-top: -8px; background-image: url(../images/sprite.png); background-position: -153px -101px; background-size: auto 750px } .th-bg-color-1 .btn { color: #00a6c5 !important } .th-bg-color-1 .btn:after { background-position: -193px -70px } .th-bg-color-1 .formResponsive .btn { color: #fff !important } .th-bg-color-1 .cta:after { background-position: -128px -101px } .th-bg-color-1 p a { color: #fff } .banner--alert { background-color: #008DAC; color: #fff; padding: 14px 0 } .banner--alert-grey { background-color: #333 } .banner__icon { width: 20px; height: 20px; margin-right: 10px; float: left } @media (min-width:768px) { .banner__icon { margin-right: 9px } } .banner__text { font-size: 16px; line-height: 23px } @media (min-width:768px) { .banner__text { line-height: 22px } } @media (min-width:1200px) { .banner__icon { margin-right: 15px } .banner__text { line-height: 21px } } .banner__link { display: inline-block; position: relative; border-bottom: solid 1px #fff; transition: transform .3s ease-in-out } .banner__link:hover { font-weight: 700 } form .rsform-block { margin-bottom: 20px } @media (min-width:992px) { form .rsform-block { margin-bottom: 30px } } form .formControlLabel, form label { margin-bottom: 6px; color: #323232; display: inline-block } form .formRequired { vertical-align: super; font-size: 10px; margin-left: 4px } @media (min-width:768px) { form input[type=checkbox] + label, form input[type=radio] + label { width: 33.3333% } } @media (min-width:992px) { form input[type=checkbox] + label, form input[type=radio] + label { width: 50% } } @media (min-width:1200px) { form input[type=checkbox] + label, form input[type=radio] + label { width: 33.3333% } } form input[type=checkbox] + label:before, form input[type=radio] + label:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px; background-color: #fff; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px } form input[type=checkbox]:checked + label:before, form input[type=radio]:checked + label:before { border-color: #00a6c5 } form input[type=checkbox]:checked + label:after, form input[type=radio]:checked + label:after { content: ''; position: absolute; top: 5px; left: 5px; display: block; width: 14px; height: 14px; background-color: #00a6c5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px } form input[type=radio] + label:after, form input[type=radio] + label:before, form input[type=radio]:checked + label:after, form input[type=radio]:checked + label:before { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50% } form .formValidation { position: relative; top: 0; left: 0; display: block } form .formValidation > * { display: none } form .formValidation .formError { padding: 4px 7px; display: block; font-size: 11px; text-transform: uppercase; position: absolute; bottom: -23px; left: 0; right: 0; color: #a94442; background-color: #f2dede } textarea { overflow: auto; resize: none; height: 200px } .select, .select select { height: 46px; width: 100% } select::-ms-expand { display: none } .select { overflow: hidden; position: relative; display: inline-block } .select select { padding-left: 15px; line-height: 46px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #ccc } .select select option { border: none; padding: 5px } .select:after { content: ""; text-align: center; line-height: 44px; height: 44px; width: 40px; padding: 0; margin: -1px 0 0; overflow: hidden; background-color: #fff; background-image: url(../images/sprite.png); background-position: -384px 16px; background-size: auto 750px; background-repeat: none; pointer-events: none; position: absolute; right: 1px; top: 2px; -moz-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-bottom-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px } span.select:before { position: absolute; top: 4px; bottom: 4px; right: 1px; content: ''; background: #fff; box-shadow: -5px 0 4px 0 #fff; width: 35px } .people .select select { background: 0 0 !important; padding-right: 45px } .people .select select option { background: #fff } .people .select:after { z-index: -1 } .people .select:before { display: none } .btn-submit { height: 50px; width: auto; overflow: hidden; position: relative; display: inline-block } .btn-submit *, .btn-submit :after, .btn-submit :before { background-image: none } input[type=text]::-ms-clear { display: none } form.uk-form .uk-form-row { position: relative; top: 0; left: 0 } form.uk-form input[type=checkbox] { display: block } form.uk-form input[type=checkbox]:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px; background-color: #fff; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px } form.uk-form .uk-form-row > label { cursor: pointer; position: relative; top: 0; left: 0; padding-left: 38px; line-height: 24px; display: inline-block; width: 50% } @media (min-width:768px) { form.uk-form .uk-form-row > label { width: 33.3333% } .page-system-default .wrapper-page * { line-height: 1.6 } } @media (min-width:992px) { form.uk-form .uk-form-row > label { width: 50% } } @media (min-width:1200px) { form.uk-form .uk-form-row > label { width: 33.3333% } } form.uk-form .uk-form-row > label:after, form.uk-form .uk-form-row > label:before { display: none } form.uk-form input[type=checkbox]:checked:before { content: ''; position: absolute; top: 0; left: 0; display: block; width: 24px; height: 24px; background-color: #fff; border: 1px solid #00a6c5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px } form.uk-form input[type=checkbox]:checked:after { content: ''; position: absolute; top: 5px; left: 5px; display: block; width: 14px; height: 14px; background-color: #00a6c5; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px } :focus { outline: 0 !important } form.form-inline .control-group.checkbox { margin-top: 20px; display: block; float: left; clear: both } form.form-inline .control-group.checkbox label { width: 100% } form .pretext { text-align: center; background-color: #f2dede; margin-bottom: 30px; padding: 15px } form .pretext * { color: #a94442 !important; padding: 0 !important; margin: 0 !important; font-size: 11px !important; text-transform: uppercase } form .pretext button { display: none } @media (max-width:767px) { .bx-wrapper { position: relative; top: 0; left: 0; padding-bottom: 40px } .bx-wrapper .bx-controls { position: absolute; left: 0; right: 0; bottom: 0 } .bx-wrapper .bx-controls .bx-pager { text-align: center } .bx-wrapper .bx-controls .bx-pager-item { display: inline-block; margin: 0 5px } .bx-wrapper .bx-controls .bx-pager-item a { width: 12px; height: 12px; display: block; text-indent: -9999px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50% } .bx-wrapper .bx-controls .bx-pager-item a.active { background-color: #00a6c5 } .th-bg-color-1 .bx-wrapper .bx-controls .bx-pager-item a.active { background-color: #333 } } .page-system-default { text-align: center } .page-system-default .wrapper-hero .wrapper-text h1 { font-size: 80px } .page-system-default .wrapper-hero .wrapper-text h2 { font-size: 50px } .page-system-default .wrapper-page { padding-top: 80px } .page-system-default .wrapper-page * { font-size: 20px } .page-system-default .wrapper-page .col-md-12 * { margin-bottom: 10px } @media (min-width:992px) { .page-system-default .wrapper-page .col-md-12 { padding: 0 200px } } .page-system-default a { color: #00a6c5; text-decoration: none } .wrapper-hero .wrapper-text *, .wrapper-image .wrapper-cutout *, .wrapper-staff-profile h4 { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } .clear { clear: both } .line-clamp { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .display-none { display: none } select, select option { background: #fff !important; color: #333 !important } header select { background: 0 0 !important; color: #fff !important } footer select { background: 0 0 !important; color: #192543 !important } @media (min-width:768px) { body.people .teaser-details__name { height: 64px; overflow: hidden } } .th-color-1 { color: #00a6c5 } .th-color-2 { color: #333 } .th-color-3 { color: #e8e8e8 } .th-color-4 { color: #fff } .th-bg-color-1 { background-color: #00a6c5; color: #fff } .th-bg-color-2 { background-color: #333; color: #fff } .th-bg-color-3 { background-color: #e8e8e8 } .th-bg-color-4 { background-color: #fff } .th-pad-sm { padding: 10px } .th-pad-lg { padding: 30px } .th-pad-xl { padding: 40px } .th-pad-xxl { padding: 50px } .th-pad-b-sm { padding-bottom: 10px } .th-pad-b-md { padding-bottom: 20px } .th-pad-b-lg { padding-bottom: 30px } .th-pad-b-xl { padding-bottom: 40px } .th-pad-b-xxl { padding-bottom: 50px } .th-pad-tb-sm { padding-top: 10px; padding-bottom: 10px } .th-pad-tb-md { padding-top: 20px; padding-bottom: 20px } .th-pad-tb-lg { padding-top: 30px; padding-bottom: 30px } .th-pad-tb-xl { padding-top: 40px; padding-bottom: 40px } .th-pad-tb-xxl { padding-top: 50px; padding-bottom: 50px } .th-crn-sm { overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .social-share-vertical, .th-crn-md { overflow: hidden; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px } .th-crn-lg { overflow: hidden; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px } .th-crn-xl { overflow: hidden; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px } .pagination a, .pagination span, .rsform, .sidebar-module, .social-share-vertical, .th-drp-sdw, .uk-pagination a, .uk-pagination span, .wrapper-tile-category, .zoo-pagination a, .zoo-pagination span { box-shadow: 0 5px 0 rgba(0,0,0,.3) } .th-accent-1, .th-accent-2, .th-accent-3, .th-accent-4 { position: relative; top: 0; left: 0; padding-top: 12px } .th-accent-1:before, .th-accent-2:before, .th-accent-3:before, .th-accent-4:before { position: absolute; content: ''; top: 0; left: 0; width: 48px; height: 6px; background-color: #00a6c5; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } .th-accent-2:before { background-color: #333 } .th-accent-3:before { background-color: #e8e8e8 } .th-accent-4:before { background-color: #fff } .right { float: right !important } .th-pad-md { padding: 30px } .header-secondary { display: none; background: #333; color: #fff } @media (min-width:768px) { .header-secondary { display: block; padding: 0 12px } } @media (min-width:1200px) { .header-secondary { padding: 0 30px } } .header-secondary__list { display: inline-block; height: 46px; line-height: 2.9em } .header-secondary__item { position: relative; overflow: hidden; float: left; padding: 0 6px; border-left: 1px solid #4b4b4b; font-size: .8em } .header-secondary__item:last-child { border-right: 1px solid #4b4b4b; max-height: 52px } @media (min-width:768px) { .header-secondary__item a:after { position: absolute; top: -100px; right: -100px; bottom: -100px; left: -100px; content: '' } .header-secondary__item a:before { position: absolute; left: 0; right: 0; bottom: -3px; height: 4px; background: #00a6c5; content: ''; opacity: 0; transition: .15s } .header-secondary__item a:hover:before { bottom: -1px; opacity: 1; transition: .15s } } @media (min-width:1200px) { .header-secondary__item { padding: 0 15px } } .header-secondary select { border: 0; background: 0 0; text-indent: 1px; text-overflow: ''; padding-right: 28px; margin-right: -28px } .header-secondary .icon-search { display: block; width: 37px; height: 51px; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -134px -50px } .header-secondary .icon-phone-number, .header-secondary .icon-phone-number *, .header-secondary .icon-phone-number :hover, .header-secondary .icon-phone-number:hover, .header-secondary .select-phone-number, .header-secondary .select-phone-number *, .header-secondary .select-phone-number :hover, .header-secondary .select-phone-number:hover { cursor: pointer } .header-secondary .select-phone-number:before { content: ""; float: right; width: 18px; height: 11px; margin: 20px 0 0 10px; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -46px -101px } .header-secondary .icon-phone-number:before { content: ""; float: left; width: 24px; height: 24px; margin: 0 10px; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -349px -124px; background-size: 500px auto } @media (min-width:768px) { .header-secondary .icon-phone-number:before { width: 17px; height: 18px; margin: 16px 10px 0; background-position: -325px -124px } } .tm-isblog .wrapper-hero { margin-bottom: 30px } .wrapper-image { position: relative; top: 0; left: 0; padding: 0; width: 100%; max-width: 400px; background-color: #000 } .wrapper-image img { position: relative; top: 0; left: 0; z-index: 1 } .wrapper-image .wrapper-fader { position: absolute; top: 0; right: 0; z-index: 1; width: 520px; height: 100% } .wrapper-image .wrapper-fader > div { width: 80px; height: 100%; display: block; float: left } .wrapper-image .wrapper-fader .col-1 { background: -moz-linear-gradient(left,#000 0,transparent 100%); background: -webkit-linear-gradient(left,#000 0,transparent 100%); background: linear-gradient(to right,#000 0,transparent 100%) } .wrapper-image .wrapper-cutout { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; overflow: hidden; background-image: url(//www.vwv.co.uk/templates/yoo_master2/assets/img/bg-shape2.png); background-size: 325% auto; background-position: 99% 95%; background-repeat: no-repeat; padding: 30px 20px } @media (min-width:992px) { .tm-isblog .wrapper-hero { margin-bottom: 0 } .wrapper-image { max-width: none } .wrapper-image .wrapper-cutout { background-size: auto 650px; background-position: 99% 99% } } .wrapper-image .wrapper-cutout * { color: #fff; line-height: 1.1; margin-bottom: 20px } .wrapper-image .wrapper-cutout h2 { margin-bottom: 60px } .wrapper-hero { position: relative; top: 0; left: 0; border-bottom: solid 10px #333 } .wrapper-hero * { color: #fff } .wrapper-hero .wrapper-text { padding-top: 30px; padding-bottom: 30px } .wrapper-hero .wrapper-text * { font-size: 2 1em } .wrapper-hero .wrapper-text h1 { font-size: 30px; line-height: 36px; margin-bottom: 10px } @media (min-width:992px) { .wrapper-hero .wrapper-text h1 { font-size: 36px; line-height: 40px } .wrapper-hero .wrapper-text:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; box-shadow: inset 0 -35px 25px -20px #00a6c5 } .wrapper-hero { height: auto } .wrapper-hero:after { content: ''; position: absolute; bottom: -80px; right: 0; display: block; height: 250px; background-color: #00a6c5; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; z-index: -1; width: 100%; left: 0 } .wrapper-hero .wrapper-text { padding-top: 69px; height: 270px } .wrapper-hero .wrapper-text + div { padding-top: 80px } .wrapper-hero.wrapper-imgpresent-no { height: auto; padding-bottom: 20px } .wrapper-hero.wrapper-imgpresent-no:after { bottom: -135px } .wrapper-hero.wrapper-imgpresent-no .wrapper-text { height: auto; padding-top: 50px; padding-bottom: 40px } } @media (min-width:1200px) { .wrapper-image .wrapper-cutout { background-position: 90% 98% } .wrapper-hero:after { width: 110%; left: -5% } } .wrapper-hero .wrapper-image:after { content: ''; width: 20px; height: 100%; position: absolute; top: 0; right: 0; background-color: #00a6c5; display: block } @media (min-width:992px) { .wrapper-hero .wrapper-image { width: 53.3333%; margin-left: -20%; margin-right: 0 } } @media (min-width:768px) and (max-width:991px) { .wrapper-hero #adminForm, .wrapper-hero #searchForm, .wrapper-hero .container { width: 100% } .wrapper-hero #adminForm .wrapper-text, .wrapper-hero #searchForm .wrapper-text, .wrapper-hero .container .wrapper-text { width: 760px; margin: 0 auto } } @media (min-width:992px) { .wrapper-hero .wrapper-image { display: block; width: 120%; margin-left: -87% } .wrapper-hero .wrapper-image img { width: auto; max-width: 520px; min-height: 260px; float: right; height: auto } } .wrapper-wide-hero #adminForm, .wrapper-wide-hero #searchForm, .wrapper-wide-hero .container { width: 100% } .wrapper-wide-hero .wrapper-cutout-content { text-shadow: 0 0 10px rgba(0,0,0,.85) } @media (min-width:768px) { .wrapper-hero { border-bottom: none } .wrapper-wide-hero .wrapper-cutout-content { margin: 0 auto; padding-left: 20px; padding-right: 20px; width: 760px } } @media (min-width:992px) { .wrapper-wide-hero .wrapper-cutout-content { width: 980px; padding-right: 40% } } @media (min-width:1200px) { .wrapper-wide-hero .wrapper-cutout-content { width: 1200px; padding-right: 550px } } .wrapper-wide-hero .btn { box-shadow: 0 5px 0 rgba(172,21,26,.7); display: block; clear: both; float: left; width: 295px; color: #fff !important; text-shadow: none } @media (min-width:992px) { .wrapper-wide-hero .btn { width: 250px; margin-right: 50px; clear: none } } .wrapper-wide-hero .btn:after { background-position: -166px -70px; width: 14px; height: 23px; margin-top: -11px } .wrapper-wide-hero .wrapper-image { overflow: hidden } .wrapper-wide-hero .wrapper-image img { position: absolute; top: 0; left: 0; width: auto; height: 100% } @media (min-width:480px) { .wrapper-wide-hero .wrapper-image img { width: auto; height: 120% } } @media (min-width:768px) { .wrapper-wide-hero .wrapper-image img { width: 110%; height: auto; top: 100%; margin-top: -70% } } @media (min-width:992px) { .wrapper-wide-hero .wrapper-image img { width: auto; height: 110%; top: 0; margin-top: 0 } } @media (min-width:1200px) { .wrapper-wide-hero .wrapper-image img { width: 1600px; height: auto; left: 50%; top: -300px; margin-left: -800px } } .wrapper-wide-hero .wrapper-image .wrapper-cutout { position: relative; top: 0; left: 0; padding-top: 60px; padding-bottom: 60px; background-position: 96% 95%; background-size: 4000px auto; height: auto } .wrapper-wide-hero .wrapper-image .wrapper-cutout h2 { font-size: 22px } @media (min-width:992px) { .wrapper-wide-hero .wrapper-image .wrapper-cutout { height: 750px; background-position: 99% 95%; padding-top: 100px; padding-bottom: 100px } .wrapper-page { -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px } } .wrapper-wide-hero .wrapper-fader { width: 1600px; left: 50%; margin-left: -800px; display: none } .wrapper-staff-profile { padding-left: 100px; position: relative; top: 0; left: 0; height: 135px } .wrapper-staff-profile .wrapper-staff-image { position: absolute; top: 0; left: 0; width: 100px; height: 100%; display: block; background-color: #fff; overflow: hidden } .wrapper-staff-profile img { width: auto; height: 100%; max-width: none; position: relative; top: 0; left: 50%; transform: translateX(-50%) } .wrapper-staff-profile h4 { line-height: 40px; height: 40px; padding: 0 20px; font-size: .8em } @media (min-width:1200px) { .wrapper-wide-hero .wrapper-fader { display: block } .wrapper-staff-profile h4 { font-size: 1em } } .wrapper-staff-profile ul li, .wrapper-staff-profile ul li * { font-size: 15px; color: #00a6c5 } .wrapper-staff-profile ul { margin: 9px 0; height: 77px; display: flex; flex-direction: column; justify-content: center } .wrapper-staff-profile ul li { padding: 2px 15px 2px 40px; position: relative; top: 0; left: 0; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .wrapper-staff-profile ul li .icon, .wrapper-staff-profile ul li .person-result__email:before, .wrapper-staff-profile ul li .person-result__linkedin:before { position: absolute; top: 4px; left: 20px } .wrapper-tiles-short { padding-left: 10px } .wrapper-page { position: relative; display: block; width: 100%; clear: both; top: 0; left: 0; z-index: 0; margin-bottom: 30px; margin-top: 30px; background-color: #fff } .wrapper-page > .row:not(.wrapper-breadcrumbs):not( .wrapper-tiles-short):not(.wrapper-search) { margin-left: 10px; margin-right: 10px } .wrapper-sidebar .left-panel-sticky { width: 100% } .wrapper-sidebar .left-panel-sticky.sticky { position: fixed; top: 0 } .wrapper-sidebar .js-mobile-accordion .social-networks { display: inline-block } .wrapper-sidebar .js-mobile-accordion .accordion-title { position: relative; content: 'More in this section'; color: #00a6c5; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 18px; border-bottom: 1px solid #000; margin-bottom: 30px; padding: 30px 0; top: 0; left: 0 } .wrapper-sidebar .js-mobile-accordion .accordion-title:after { content: ''; position: absolute; top: 50%; right: 20px; width: 40px; height: 40px; margin-top: -20px; display: block; background-image: url(../images/sprite.png); background-position: -259px -118px; background-size: auto 1000px } .wrapper-sidebar .js-mobile-accordion .accordion-title.js-open:after { background-position: -154px -590px } .wrapper-sidebar .js-mobile-accordion .accordion-content { display: none; margin-bottom: 30px } .wrapper-sidebar .js-mobile-accordion h1, .wrapper-sidebar .js-mobile-accordion h2, .wrapper-sidebar .js-mobile-accordion h3, .wrapper-sidebar .js-mobile-accordion h4, .wrapper-sidebar .js-mobile-accordion h5, .wrapper-sidebar .js-mobile-accordion h6 { font-size: 18px; margin-top: 3px; margin-bottom: 6px } @media (min-width:992px) { .wrapper-sidebar .js-mobile-accordion .accordion-content { display: block } .wrapper-sidebar .js-mobile-accordion .accordion-content h6 { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } .wrapper-sidebar .js-mobile-accordion .accordion-content .item { border-bottom: 1px solid #e8e8e8 } .wrapper-sidebar .js-mobile-accordion ul { display: block; margin-bottom: 30px } } .wrapper-sidebar .js-mobile-accordion ul li { line-height: 40px; font-size: 16px } .wrapper-sidebar .js-mobile-accordion ul li.category { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } .wrapper-sidebar .js-mobile-accordion ul li.active { color: #00a6c5 } .wrapper-logos img { width: 45%; float: left; margin-bottom: 20px } .wrapper-logos img:nth-child(even) { margin-left: 10% } .events-wrapper-wysiwyg, .wrapper-wysiwyg { padding: 30px 0; } @media (min-width:992px) { .col-md-8 .events-wrapper-wysiwyg, .col-md-8 .wrapper-wysiwyg { padding-left: 0 } .events-wrapper-wysiwyg ul li, .wrapper-wysiwyg ul li { padding-right: 25px } } .events-wrapper-wysiwyg > *, .wrapper-wysiwyg > * { margin-bottom: 30px } .events-wrapper-wysiwyg *, .wrapper-wysiwyg * { color: #000 } .events-wrapper-wysiwyg em, .wrapper-wysiwyg em { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-style: italic } .events-wrapper-wysiwyg ul li, .wrapper-wysiwyg ul li { position: relative; top: 0; left: 0; padding-left: 20px; font-size: 19px; line-height: 26px; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } .events-wrapper-wysiwyg ul li:before, .wrapper-wysiwyg ul li:before { content: ''; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; margin-top: -2px; display: block; background-color: #00a6c5; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px } .events-wrapper-wysiwyg ol li, .wrapper-wysiwyg ol li { position: relative; top: 0; left: 0; padding-left: 35px; counter-increment: counter } .events-wrapper-wysiwyg ol li:before, .wrapper-wysiwyg ol li:before { position: absolute; content: counter(counter); top: 0; left: 0; color: #00a6c5 } .events-wrapper-wysiwyg hr, .wrapper-wysiwyg hr { margin-top: 0 } .events-wrapper-wysiwyg p a, .wrapper-wysiwyg p a { color: #00a6c5 } .wrapper-team { padding-left: 0 !important; padding-right: 0 !important; overflow: hidden } .wrapper-team .wrapper-intro * { color: #fff } .wrapper-team .wrapper-intro h1, .wrapper-team .wrapper-intro h2, .wrapper-team .wrapper-intro h3, .wrapper-team .wrapper-intro h4, .wrapper-team .wrapper-intro h5, .wrapper-team .wrapper-intro h6 { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; margin-bottom: 20px; font-size: 26px } .meet-the-team__description, .wrapper-team .wrapper-intro p { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 16px } .wrapper-team .wrapper-intro p { margin-bottom: 20px } .meet-the-team__header { color: #fff; padding-top: 20px } .meet-the-team__description { color: #fff; line-height: 24px } .meet-the-team__link { color: #fff; font-size: 16px; line-height: 24px; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; margin-bottom: 30px } .meet-the-team__link:focus, .meet-the-team__link:hover { color: #fff !important } .meet-the-team__link:after { content: ''; display: inline-block; margin: -9px 0 -4px 10px; width: 13px; height: 18px; background-image: url(../images/sprite.png); background-position: -216px -70px; background-size: auto 750px } .meet-the-team .col-md-8 { margin: 30px 0 0 20px; color: #fff } @media (min-width:992px) { .events-wrapper-wysiwyg ol, .events-wrapper-wysiwyg ul, .wrapper-wysiwyg ol, .wrapper-wysiwyg ul { overflow: hidden } .wrapper-team .grid-tile { padding-left: 0 } .meet-the-team .col-md-8 { margin: 0 } } .meet-the-team .grid-tile { padding-left: 0; padding-right: 0 } @media (min-width:768px) { .meet-the-team .grid-tile { padding-left: 20px; padding-right: 20px } .meet-the-team .teaser-details__specialism { position: relative; height: 135px; overflow: hidden } .meet-the-team .teaser-details__specialism:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; box-shadow: inset 0 -35px 25px -20px #fff; content: '' } } .meet-the-team .meet-the-team__description { padding: 15px 0 20px } .meet-the-team .meet-the-team__panels { padding-top: 30px } .meet-the-team .meet-the-team__panels--slider { position: relative; width: 100%; max-width: 448px; visibility: hidden } @media (min-width:768px) { .meet-the-team .meet-the-team__panels--slider { padding: 0 0 40px } } .meet-the-team .meet-the-team__panels--slider .wrapper-staff-image img { left: 50%; transform: translateX(-50%); padding: 0; margin: 0; max-width: none } .meet-the-team .meet-the-team__panels--slider .bx-wrapper { margin-bottom: 8px } .meet-the-team .meet-the-team__panels--slider .bx-wrapper .wrapper-staff-profile { max-width: 448px } .meet-the-team .meet-the-team__panels--slider .bx-controls { width: 50%; display: flex; justify-content: flex-end; position: absolute; top: 100%; right: 0; bottom: auto; left: auto } .meet-the-team .meet-the-team__panels--slider .bx-controls-direction { order: 2; margin: 8px 0 } .meet-the-team .meet-the-team__panels--slider .bx-controls-direction .bx-prev { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1) } .meet-the-team .meet-the-team__panels--slider .bx-controls-direction .bx-next, .meet-the-team .meet-the-team__panels--slider .bx-controls-direction .bx-prev { width: 25px; height: 25px; background-color: inherit; background-position: -209px -67px; margin: 0 0 0 8px } .meet-the-team .meet-the-team__panels--slider .bx-controls-direction .bx-next:hover, .meet-the-team .meet-the-team__panels--slider .bx-controls-direction .bx-prev:hover { background-color: inherit; background-position: -209px -67px } .meet-the-team .meet-the-team__panels--slider .bx-controls-direction, .meet-the-team .meet-the-team__panels--slider .bx-pager { width: auto; position: relative; right: auto; bottom: 0; left: auto } .meet-the-team .meet-the-team__panels--slider .bx-pager { order: 1; padding: 8px 0 } .meet-the-team .meet-the-team__panels--slider .bx-pager .bx-pager-link { background: #e8e8e8; opacity: .6 } @media (min-width:992px) { .meet-the-team .meet-the-team__panels--slider .bx-pager { padding: 4px 0 } .meet-the-team .meet-the-team__panels--slider .bx-pager .bx-pager-link { width: 6px; height: 6px } } @media (min-width:1200px) { .meet-the-team .meet-the-team__panels--slider .bx-pager { padding: 8px 0 } .meet-the-team .meet-the-team__panels--slider .bx-pager .bx-pager-link { width: 12px; height: 12px } .meet-the-team .meet-the-team__panels { padding-top: 0 } } .meet-the-team .meet-the-team__panels--slider .bx-pager .bx-pager-link.active { background: #fff; opacity: 1 } .meet-the-team .meet-the-team__panels--slider .bx-viewport li { height: auto; background: 0 0 } .meet-the-team .meet-the-team__panels--slider .meet-the-team__link { line-height: 24px; width: 50%; display: block; margin-bottom: 8px } .meet-the-team .meet-the-team__panels .teaser-details__phone { margin-bottom: 9px; margin-top: 6px; font-size: 14px; line-height: 16px } .meet-the-team .meet-the-team__panels .teaser-details__web { margin-top: 9px } @media (min-width:768px) { .meet-the-team .meet-the-team__panels { padding-right: 0 } .meet-the-team .meet-the-team__panels .col-sm-4 { width: 33.333%; padding-left: 20px; padding-right: 0 } } .meet-the-team .meet-the-team__panels .wrapper-tile { border: none } .meet-the-team .meet-the-team__panels img { margin: -25px 0 0; padding-left: 75px; z-index: 1 } .meet-the-team .meet-the-team__panels .teaser-details { border-bottom: none; z-index: 2 } .wrapper-blog { padding-left: 0 !important; padding-right: 0 !important } .wrapper-blog .wrapper-title h1, .wrapper-blog .wrapper-title h2, .wrapper-blog .wrapper-title h3, .wrapper-blog .wrapper-title h4, .wrapper-blog .wrapper-title h5, .wrapper-blog .wrapper-title h6 { color: #fff; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; margin-bottom: 20px; font-size: 28px } @media (min-width:480px) and (max-width:991px) { .grid-tile { float: left; width: 50% } } @media (min-width:480px) and (max-width:991px) and (min-width:480px) and (max-width:768px) { .grid-tile { width: 100% } } .wrapper-tiles-short .grid-tile .type-category a { overflow: hidden } .wrapper-tiles-short .grid-tile .type-category img { height: auto; display: none } @media (min-width:768px) { .wrapper-tiles-short > .grid-tile { margin-bottom: 30px } .wrapper-tiles-short .grid-tile .type-category img { display: block } } .wrapper-tiles-short .grid-tile .wrapper-tile .details-title { padding: 15px; font-size: 1em } .wrapper-tiles-short .grid-tile .wrapper-tile .details-title:after { content: ''; display: block; position: absolute; top: 25px; right: 22px; width: 13px; height: 18px; margin-top: -9px; background-image: url(../images/sprite.png); background-position: -192px -70px; background-size: auto 750px } .wrapper-tiles-short .grid-tile .wrapper-tile .details-title a:hover { color: #333 !important; opacity: 1 } .wrapper-tile-category { display: inline-block; position: relative; width: 100%; margin-bottom: 30px; padding: 60px 0; background: #00a6c5 } .wrapper-tile-category .col-md-8 { padding: 0 } .wrapper-tile-category.meet-the-team__panels-wrapper { padding: 0; box-shadow: none } @media (min-width:768px) { .wrapper-tile-category.meet-the-team__panels-wrapper { max-width: 728px; margin: auto; display: block } } @media (min-width:992px) { .wrapper-tile-category.meet-the-team__panels-wrapper { max-width: 100%; margin: auto; display: block } } .bx-wrapper .wrapper-tile { overflow: visible } .wrapper-ctas, .wrapper-tile, .wrapper-tile .details-contact ul { overflow: hidden } .wrapper-tile { display: inline-block; background-color: #fff; color: #333; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; float: left; padding: 0; border: 1px solid #ccc; margin: 0 0 10px; width: 100% } @media (min-width:992px) { .wrapper-tile { margin: 0 0 20px } } .wrapper-tile hr { margin: 0; background: #00a6c5; display: none } @media (min-width:768px) { .wrapper-tile hr { display: block } } .wrapper-tile .details-name-position * { color: #fff; display: block } .wrapper-tile .details-name-position em { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 17px; margin-top: 2px } .wrapper-tile .details-name-position span { font-size: 15.5px } .wrapper-tile .details-speciality { padding: 14px 20px 13px } .wrapper-tile .details-speciality * { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 16px; line-height: 24px } .wrapper-tile .details-contact { border-top: 1px solid #ccc; padding: 18px 14px 18px 20px } .wrapper-tile .details-contact ul li { position: relative; top: 0; left: 0; padding-left: 22px; color: #00a6c5; width: auto; display: inline-block; float: left; font-size: 14px; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } .wrapper-tile .details-contact ul li + li { float: right; text-indent: -9999px; width: 18px; margin-left: 8px } .wrapper-tile .details-contact ul li * { color: #00a6c5 } .wrapper-tile .details-contact ul li .icon, .wrapper-tile .details-contact ul li .person-result__email:before, .wrapper-tile .details-contact ul li .person-result__linkedin:before { position: absolute; top: 0; left: 0 } .wrapper-tile .details-title { position: relative; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 18px; line-height: 20px; top: 0; left: 0; padding: 0 0 10px } .wrapper-tile .details-title a { display: block; padding-right: 26px } .wrapper-tile .details-blog-article, .wrapper-tile .details-blog-details { padding: 25px } .wrapper-tile .details-blog-article a:hover *, .wrapper-tile .details-blog-details a:hover * { opacity: .5 } .wrapper-tile .details-blog-article { position: relative; top: 0; left: 0; padding-bottom: 0 } .wrapper-tile .details-blog-article h6 { text-transform: uppercase; color: #00a6c5; font-size: 13px; margin-bottom: 15px } .wrapper-tile .details-blog-article h5 { font-size: 19px; margin-bottom: 40px } .wrapper-tile .details-blog-article p { font-size: 16px } .wrapper-tile .details-blog-article .overlay-grad { pointer-events: none; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 50%; background: -moz-linear-gradient(top,rgba(125,185,232,0) 0,#fff 100%); background: -webkit-linear-gradient(top,rgba(125,185,232,0) 0,#fff 100%); background: linear-gradient(to bottom,rgba(125,185,232,0) 0,#fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='$whitefff', GradientType=0 ) } .wrapper-tile .details-blog-details { padding-top: 15px } .wrapper-tile .details-blog-details h6 { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 16px } .wrapper-tile .details-blog-details span { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; color: #00a6c5; margin-top: 24px } .wrapper-ctas { margin-bottom: 30px; padding-left: 0 !important; padding-right: 0 !important } .wrapper-ctas h1, .wrapper-ctas h2, .wrapper-ctas h3, .wrapper-ctas h4, .wrapper-ctas h5, .wrapper-ctas h6 { color: #fff; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; margin-bottom: 20px; font-size: 20px } .wrapper-reviews .wrapper-title *, .wrapper-reviews blockquote, .wrapper-usp .wrapper-content *, .wrapper-usp .wrapper-title * { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } .wrapper-ctas .btn { display: block; background-color: #fff; color: #00a6c5; float: left; width: 100%; padding: 12px 15px } .wrapper-ctas .btn + .btn { margin-top: 20px } .wrapper-twitter { margin-bottom: 30px; padding-left: 0 !important; padding-right: 0 !important } .wrapper-twitter h1, .wrapper-twitter h2, .wrapper-twitter h3, .wrapper-twitter h4, .wrapper-twitter h5, .wrapper-twitter h6 { margin-bottom: 20px; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 28px; color: #000 } .wrapper-twitter .wrapper-tweet-content { background-color: #fff; padding: 30px } @media (min-width:992px) { .wrapper-ctas .btn { width: 31.3333%; margin-right: 3% } .wrapper-ctas .btn + .btn { margin-top: 0 } .wrapper-ctas .btn + .btn + .btn + .btn { margin-top: 30px } .wrapper-ctas .btn:nth-child(3n+1) { margin-right: 0 } .wrapper-twitter .wrapper-tweet-content { padding: 40px } } .wrapper-twitter .wrapper-tweet-content ul li { position: relative; top: 0; left: 0; float: left } .wrapper-twitter .wrapper-tweet-content ul li * { font-size: 16px } .wrapper-twitter .wrapper-tweet-content ul li a { color: #00a6c5 } .wrapper-twitter .wrapper-tweet-content ul li .twitter-user { margin-bottom: 4px } .wrapper-twitter .wrapper-tweet-content ul li .twitter-content { margin-bottom: 2px } .wrapper-twitter .wrapper-tweet-content ul li + li { margin-top: 20px } @media (min-width:992px) { .wrapper-twitter .wrapper-tweet-content ul li { width: 26.3333%; min-height: 160px } .wrapper-twitter .wrapper-tweet-content ul li + li { margin-top: 0; margin-left: 10% } .wrapper-twitter .wrapper-tweet-content ul li + li:before { content: ''; position: absolute; top: 0; left: -20%; width: 1px; height: 100%; background-color: #ccc } .wrapper-usp .wrapper-title { padding-right: 0 } } .wrapper-usp > #adminForm > .row + .row, .wrapper-usp > #searchForm > .row + .row, .wrapper-usp > .container > .row + .row { margin-top: 40px } .wrapper-usp hr { background: #ccc; height: 1px } .wrapper-usp .wrapper-title * { color: #000; margin-bottom: 20px; font-size: 26px } @media (min-width:992px) { .wrapper-usp .wrapper-content { padding-left: 80px; padding-top: 16px } .wrapper-reviews blockquote:after { top: 18px; left: 20px } } .wrapper-usp .wrapper-content * { font-size: 15px } .wrapper-reviews { padding-left: 0 !important; padding-right: 0 !important } .wrapper-reviews blockquote { background-color: #fff; color: #000 !important; padding: 48px 20px 20px; font-size: 17px } .wrapper-reviews blockquote cite { color: #000 !important; font-size: 16px } .wrapper-reviews blockquote:after { content: ''; position: absolute; top: 18px; left: 20px; width: 22px; height: 20px; display: block; background-position: -128px -123px } .wrapper-reviews .wrapper-title * { color: #fff; margin-bottom: 20px; font-size: 28px } .wrapper-reviews .col-md-4 + .col-md-4, .wrapper-reviews footer .wrapper-menu .wrapper-menu-2 ul.menu > .col-md-4 + li, .wrapper-reviews footer .wrapper-menu .wrapper-menu-2 ul.menu > li + .col-md-4, .wrapper-reviews footer .wrapper-menu .wrapper-menu-2 ul.menu > li + li, footer .wrapper-menu .wrapper-menu-2 .wrapper-reviews ul.menu > .col-md-4 + li, footer .wrapper-menu .wrapper-menu-2 .wrapper-reviews ul.menu > li + .col-md-4, footer .wrapper-menu .wrapper-menu-2 .wrapper-reviews ul.menu > li + li { margin-top: 30px } .wrapper-login { padding-left: 0 !important; padding-right: 0 !important } .wrapper-login .wrapper-login-form { display: block; float: left; width: 100%; clear: both; position: relative; top: 0; left: 0; z-index: 0; background-color: #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px } .wrapper-login .wrapper-login-form * { color: #000; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } .wrapper-login .wrapper-login-form h2 { margin-bottom: 20px; font-size: 32px } .wrapper-login .wrapper-login-form .unstyled { overflow: hidden; clear: both } .wrapper-login .wrapper-login-form .unstyled li { float: left; display: inline-block; width: auto; clear: both } .wrapper-login .wrapper-login-form .unstyled li a { color: #00a6c5; text-decoration: underline; font-size: 13px; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } .wrapper-login .wrapper-login-form .rsform-block.rsform-block-submit { margin-bottom: 0 } @media (min-width:992px) { .wrapper-reviews .col-md-4 + .col-md-4, .wrapper-reviews footer .wrapper-menu .wrapper-menu-2 ul.menu > .col-md-4 + li, .wrapper-reviews footer .wrapper-menu .wrapper-menu-2 ul.menu > li + .col-md-4, .wrapper-reviews footer .wrapper-menu .wrapper-menu-2 ul.menu > li + li, footer .wrapper-menu .wrapper-menu-2 .wrapper-reviews ul.menu > .col-md-4 + li, footer .wrapper-menu .wrapper-menu-2 .wrapper-reviews ul.menu > li + .col-md-4, footer .wrapper-menu .wrapper-menu-2 .wrapper-reviews ul.menu > li + li { margin-top: 0 } .wrapper-login .wrapper-login-form .unstyled li { clear: none } .wrapper-login .wrapper-login-form .unstyled li + li { margin-left: 20px } .wrapper-login .wrapper-login-form .rsform-block { float: left; width: 50%; padding-right: 25px } .wrapper-login .wrapper-login-form .rsform-block:nth-child(even) { padding-left: 25px; padding-right: 0 } .wrapper-login .wrapper-login-form .rsform-block.rsform-block-submit { width: 100%; padding: 0 } .wrapper-login .wrapper-login-form .rsform-block.rsform-block-submit .formControls { width: 200px } } .endorsement, .events-wrapper-wysiwyg .endorsement, .wrapper-wysiwyg .endorsement { background: #333; border-radius: 5px; clear: both; color: #fff; margin: 0 0 30px; padding: 30px 30px 60px; width: 100%; display: inline-block } .endorsement p, .events-wrapper-wysiwyg .endorsement p, .wrapper-wysiwyg .endorsement p { color: #fff; padding: 0 30px; margin-top: -10px } @media (min-width:992px) { .endorsement p:first-of-type, .events-wrapper-wysiwyg .endorsement p:first-of-type, .wrapper-wysiwyg .endorsement p:first-of-type { padding-left: 34px } } .endorsement p:first-of-type:before, .events-wrapper-wysiwyg .endorsement p:first-of-type:before, .wrapper-wysiwyg .endorsement p:first-of-type:before { display: inline-block; content: ""; width: 28px; height: 34px; background-image: url(../images/sprite.png); background-position: -29px -114px; background-repeat: no-repeat; overflow: hidden; margin: 15px 0 -15px -34px } .endorsement p:last-of-type:before, .events-wrapper-wysiwyg .endorsement p:last-of-type:before, .wrapper-wysiwyg .endorsement p:last-of-type:before { display: inline-block; content: ""; width: 28px; height: 34px; background-image: url(../images/sprite.png); background-position: -29px -114px; background-repeat: no-repeat; overflow: hidden; -webkit-transform: rotate(180deg); transform: rotate(180deg); float: right; margin: -20px -20px 0 0 } .endorsement__details, .events-wrapper-wysiwyg .endorsement__details, .wrapper-wysiwyg .endorsement__details { list-style-type: none; margin-top: 30px; overflow: visible; padding: 0 0 0 34px } .endorsement__detail, .events-wrapper-wysiwyg .endorsement__detail, .wrapper-wysiwyg .endorsement__detail { color: #fff; float: left; font-size: .8em; padding: 0 } .endorsement__detail:before, .events-wrapper-wysiwyg .endorsement__detail:before, .wrapper-wysiwyg .endorsement__detail:before { display: none } .endorsement__detail:after, .events-wrapper-wysiwyg .endorsement__detail:after, .wrapper-wysiwyg .endorsement__detail:after { content: "|"; margin: 0 10px } .endorsement__detail:last-child:after, .events-wrapper-wysiwyg .endorsement__detail:last-child:after, .wrapper-wysiwyg .endorsement__detail:last-child:after { display: none } .heading-redline { width: 80px; height: 4px; background: #00a6c5 } .heading-whiteline { width: 80px; height: 4px; background: #fff } .latest-posts { display: inline-block; width: 100%; margin: 0 0 10px; padding: 30px 0; } .latest-posts .featured-blog { display: block; padding: 0; margin: -30px 0 20px; background: #00a6c5; color: #fff; overflow: hidden; position: relative; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px } @media (min-width:992px) { .latest-posts .featured-blog { -moz-border-radius: 0 10px 10px; -webkit-border-radius: 0 10px 10px 10px; border-radius: 0 10px 10px } .latest-posts .featured-blog .cutout { position: absolute; top: 0; left: 50%; z-index: 2; width: 260px; height: 100%; overflow: hidden; background-image: url(//www.vwv.co.uk/templates/yoo_master2/assets/img/bg-shape4.png); background-size: auto 100%; background-position: 0 0; background-repeat: no-repeat; padding: 30px 20px } } @media (min-width:1200px) { .latest-posts .featured-blog .cutout { left: 50% } } .latest-posts .featured-blog__content { padding: 30px } @media (min-width:992px) { .latest-posts .featured-blog__content { float: left; width: 50%; padding-right: 0 } .latest-posts .featured-blog__image:after { display: none } } .latest-posts .featured-blog__image { position: relative } .latest-posts .featured-blog__image:after { position: absolute; top: 0; left: 0; width: 100%; height: 45px; background: url(//www.vwv.co.uk/templates/yoo_master2/assets/img/featured-blog-overlay-xs.png) top left no-repeat; background-size: 100% 100%; content: '' } @media (min-width:992px) { .latest-posts .featured-blog__image { position: relative; float: right; max-width: 50%; height: auto } } .latest-posts .featured-blog__image img { -moz-border-radius: 0 0 10px; -webkit-border-radius: 0 0 10px 0; border-radius: 0 0 10px } .latest-posts .featured-blog__title { color: #fff; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 14px; line-height: 16px; padding: 25px 0 20px } .latest-posts .featured-blog__subtitle { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; margin-bottom: 17.14px; color: #fff; font-size: 28px; line-height: 32px; overflow: hidden } .latest-posts .featured-blog__link { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 16px; line-height: 18px; margin-top: 20px } .latest-posts .featured-blog__link a:after { content: ''; display: inline-block; margin: -9px 0 -4px 10px; width: 13px; height: 18px; background-image: url(../images/sprite.png); background-position: -216px -70px; background-size: auto 750px } .latest-posts .featured-blog__text { position: relative; margin-bottom: 15px; font-size: 18px; line-height: 20px; height: 100%; overflow: hidden; font-weight: bold; } .latest-posts .featured-blog__text:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; max-height: 30px; box-shadow: inset 0 -25px 25px -20px #00a6c5 } .latest-posts__blog { margin-top: 30px; padding-left: 0; padding-right: 0 !important } @media (min-width:768px) { .latest-posts__blog { padding-left: 20px; padding-right: 20px !important } } .latest-posts__blog .grid-tile { padding-left: 0; padding-right: 0 !important } @media (min-width:768px) { .latest-posts__blog .grid-tile { padding-left: 20px; padding-right: 20px !important } } .latest-posts__blog > h2 { color: #333; margin-bottom: 20px } .latest-posts__blog .grid-tile { padding: 0 } .latest-posts__blog .grid-tile:first-of-type { padding-right: 20px } .latest-posts__blog .wrapper-tile { border: none; position: relative; padding-bottom: 50px; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; height: 100%; min-height: 500px } .latest-posts__blog .wrapper-tile img { overflow: hidden; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0 } @media (min-width:992px) { .latest-posts__blog .wrapper-tile { height: 100% } } .latest-posts__blog .zoo-list > li { overflow: visible; border-top: none; margin-top: 0; padding-top: 0 } .latest-posts .details-category { margin: 20px 30px 0 } .latest-posts .details-category a { color: #00a6c5; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 14px; line-height: 16px; text-transform: uppercase } .latest-posts .details-title { margin: 10px 30px; height: 42px; overflow: hidden } .latest-posts .details-text { position: relative; margin: 0 30px 15px; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 16px; line-height: 20px; overflow: hidden; max-height: 72px } .latest-posts .details-text:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 40px; box-shadow: inset 0 -35px 25px -20px #fff } .latest-posts .details-date { margin: 0 30px; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 14px; line-height: 16px; opacity: .9 } .latest-posts .details-link a { position: absolute; bottom: 0; left: 0; float: left; margin: 0 30px 10px; color: #00a6c5; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 16px; line-height: 18px } .latest-posts .details-link a:after { content: ''; display: block; float: right; width: 15px; height: 24px; margin-left: 10px; background-image: url(../images/sprite.png); background-position: -23px -101px; pointer-events: none } .latest-posts__tweets { display: inline-block; padding: 0; margin-top: 30px } @media (min-width:768px) { .latest-posts__tweets { margin-left: 20px; margin-right: 20px } } @media (min-width:992px) { .latest-posts__tweets { margin-left: 0; margin-right: 0 } } .latest-posts__tweets .grid-tile { width: 100% } @media (min-width:1200px) { .latest-posts__tweets .grid-tile { float: left } } .latest-posts__tweets > h2 { color: #333; margin-bottom: 20px } .latest-posts .wrapper-tweet-content { position: relative; height: 500px; padding: 30px; background: #fff; font-size: .85em } .latest-posts .wrapper-tweet-content:after { content: ''; position: absolute; bottom: 0; left: 10px; right: 10px; height: 40px; box-shadow: inset 0 -35px 25px -20px #fff } .latest-posts .wrapper-tweet-content li { padding: 15px 0; border-bottom: 1px solid #e8e8e8 } .latest-posts .wrapper-tweet-content li:last-child { border-bottom: 0 } .latest-posts .wrapper-tweet-content a { color: #00a6c5 } .apply-button { margin-bottom: 30px } @media (min-width:768px) { .application-header { float: left; width: 75% } .apply-button { float: right; width: 25%; margin-bottom: 0 } } .apply-button .btn { width: 120px } .awards, .awards__heading { width: 100%; margin-bottom: 30px } .apply-button .btn:after { display: none } .awards { position: relative; padding: 30px 0; background: #e8e8e8 } .awards__heading { display: inline-block } .awards__header { float: left; color: #333; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 1em; text-transform: uppercase } .awards__link { float: right; margin-right: 30px; color: #00a6c5 } @media (max-width:479px) { .awards { padding: 30px 0 70px } .awards__link { float: left; margin-top: 15px; position: absolute; bottom: 20px; width: 90px; right: 0 } } .awards__link:hover { color: #00a6c5; text-decoration: none } .awards__link:after { content: ''; display: block; float: right; width: 15px; height: 24px; margin-left: 10px; background-image: url(../images/sprite.png); background-position: -236px -570px; background-size: auto 1000px; pointer-events: none } .awards__list { clear: both; margin-right: -1% } .awards__list > li { display: block; float: left; margin: 0 4% 4% 0; width: 46%; border-radius: 10px } .awards__list > li:last-child { display: none } @media (min-width:768px) { .awards__heading { padding-left: 20px } .awards__list > li { width: 19%; margin-right: 1%; margin-bottom: 1% } .awards__list > li:last-child { display: inline-block } } .awards__listitem { margin: 0 30px 30px 0; padding: 30px; overflow: hidden; background: #fff } .awards .grid-tile { float: none; width: auto } .awards-padding { padding-top: 15px; padding-bottom: 15px } #yoo-zoo .row { margin: 0 } #yoo-zoo .item p.pos-meta { font-size: 16px; line-height: 18px; color: #fff } @media (min-width:992px) { #yoo-zoo .item p.pos-meta { font-size: 18px; line-height: 20px } } #yoo-zoo .item h3 { font-family: inherit } .element { margin-bottom: 30px } .element.last { margin-bottom: 30px !important } .element-textarea h2, .element-textarea h3, .element-textarea h4, .element-textarea h5 { padding-bottom: 10px } .locations { padding-left: 10px } .locations img { width: 100%; height: 180px; object-fit: cover; } .locations .teaser-details__specialism { padding: 20px 15px; font-size: 17px; font-weight: bold; } .locations .teaser-details__specialism p { font-size: 17px } .locations dd { margin: 0 !important } .locations .teaser-details { margin-bottom: 50px } .get-directions.row { margin: 0 } #getdirections { width: 13em; padding: 5px 30px 5px 0 } #google-maps-controls input { padding: 4px } .about .teaser-details, .careers .teaser-details { border-bottom: none; margin-bottom: 0 } .about .th-pad-md, .careers .th-pad-md { padding: 30px 0 0 30px } .about .people-search-results, .careers .people-search-results { display: inline-block; margin: 0 10px } .about .people-search-results .wrapper-tile img, .careers .people-search-results .wrapper-tile img { min-height: 100%; padding-bottom: 0; display: none } .about .people-search-results .wrapper-tile .teaser-details, .careers .people-search-results .wrapper-tile .teaser-details { border-top: none } .about .people-search-results .wrapper-tile .teaser-details__name, .careers .people-search-results .wrapper-tile .teaser-details__name { background: #fff; color: #333; margin-bottom: 10px } @media (min-width:768px) { .about .people-search-results .wrapper-tile img, .careers .people-search-results .wrapper-tile img { display: block } .about .people-search-results .wrapper-tile .teaser-details, .careers .people-search-results .wrapper-tile .teaser-details { border-top: solid 4px #00a6c5 } .about .people-search-results .wrapper-tile .teaser-details__name, .careers .people-search-results .wrapper-tile .teaser-details__name { height: 63px; overflow: hidden; padding-right: 60px } } .about .people-search-results .wrapper-tile .teaser-details:after, .careers .people-search-results .wrapper-tile .teaser-details:after { position: absolute; content: ''; display: block; bottom: 16px; right: 20px; width: 13px; height: 18px; margin-top: -9px; background-image: url(../images/sprite.png); background-position: -192px -70px; background-size: auto 750px } @media (min-width:768px) { .about .people-search-results .wrapper-tile .teaser-details:after, .careers .people-search-results .wrapper-tile .teaser-details:after { bottom: 23px } } .about .wrapper-tile.type-category, .careers .wrapper-tile.type-category { padding-bottom: 0 } .about .wrapper-sidebar, .careers .wrapper-sidebar { margin-left: -10px; margin-top: 30px } .about .person-result, .careers .person-result { margin: 20px 20px 15px 1px } body.about .type-category { position: relative; overflow: hidden } body.about .teaser-details__name a:after { position: absolute; top: -100px; right: -100px; bottom: -100px; left: -100px; content: '' } body.about .wrapper-tile.type-category { margin-top: 0 } @media (min-width:768px) { body.about .wrapper-tile.type-category { margin-top: 20px } } .location .wrapper-tile { position: relative } .location .wrapper-tile img { -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .location .teaser-details__phone a { color: #00a6c5 !important; text-decoration: none !important; padding-left: 10px } .news .wrapper-tiles-short, .services .wrapper-tiles-short { margin-top: 20px; padding-left: 10px } @media (min-width:992px) { .news .wrapper-tiles-short, .services .wrapper-tiles-short { margin-top: 0 } } .news .wrapper-tile.type-category, .services .wrapper-tile.type-category { margin-bottom: 20px } .news .wrapper-tile.type-category hr, .services .wrapper-tile.type-category hr { display: none } .people .wrapper-page > .th-pad-md { padding-top: 30px; padding-bottom: 0 } @media (min-width:768px) { .news .wrapper-tile.type-category, .services .wrapper-tile.type-category { margin-bottom: 0 } .news .wrapper-tile.type-category hr, .services .wrapper-tile.type-category hr { display: block } .people .wrapper-page > .th-pad-md { padding-top: 0; padding-bottom: 30px } } .people .wrapper-tile .teaser-details__email { width: 20px; height: 20px; overflow: hidden; margin-right: 10px } .people .wrapper-tile .teaser-details__linkedin { width: 20px; height: 20px; overflow: hidden } .people .pos-sector { padding: 15px 0 0 15px } .sectors .wrapper-tiles-short { display: block; margin-top: 30px; padding-left: 10px } .sectors .wrapper-tiles-short .grid-tile .wrapper-tile { padding-bottom: 0; margin-bottom: 20px; min-height: 100% } .sectors .wrapper-tiles-short .grid-tile .wrapper-tile hr { display: none } @media (min-width:768px) { .sectors .wrapper-tiles-short .grid-tile .wrapper-tile hr { display: block } } .sectors .wrapper-tiles-short .grid-tile .wrapper-tile .details-title { min-height: 70px; height: 70px; overflow: hidden } .sectors .wrapper-tiles-short .grid-tile .wrapper-tile .details-title:after { top: 34px } .sectors .wrapper-tiles-short .grid-tile .type-category img { display: none } @media (min-width:768px) { .sectors .wrapper-tiles-short .grid-tile .type-category img { display: block; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } } .sectors .wrapper-tiles-short .grid-tile .type-category a { height: 100% } @media (min-width:992px) { .sectors .wrapper-tiles-short { margin-top: 0; padding-left: 10px } .awards-and-accreditation .people-search-results .grid-tile { margin-bottom: 50px } } .awards-and-accreditation .people-search-results .wrapper-tile { padding-bottom: 0; margin-bottom: 0 } .awards-and-accreditation .people-search-results .wrapper-tile .teaser-details { border-bottom: 0; margin-bottom: 10px; height: 55px; overflow: hidden; padding: 15px 60px 15px 15px; position: relative } .awards-and-accreditation .people-search-results .wrapper-tile hr { display: none !important } @media (min-width:768px) { .awards-and-accreditation .people-search-results .wrapper-tile hr { display: block !important } } .awards-and-accreditation .people-search-results .wrapper-tile img { display: none } .awards-and-accreditation .people-search-results .wrapper-tile .teaser-details:after { content: ''; display: block; position: absolute; top: 32px; right: 13px; width: 13px; height: 18px; margin-top: -9px; background-image: url(../images/sprite.png); background-position: -192px -70px; background-size: auto 750px } .careers .wrapper-tile .details-title { padding: 15px } .careers .wrapper-tile .details-title:after { content: ''; display: block; position: absolute; top: 25px; right: 22px; width: 13px; height: 18px; margin-top: -9px; background-image: url(../images/sprite.png); background-position: -192px -70px; background-size: auto 750px } .meet-the-team#adminForm, .meet-the-team#searchForm, .meet-the-team.container, .news-and-events > #adminForm, .news-and-events > #searchForm, .news-and-events > .container, body:not(.tm-isblog) > #adminForm, body:not(.tm-isblog) > #searchForm, body:not(.tm-isblog) > .container { padding-left: 0; padding-right: 0 } @media (min-width:768px) { .awards-and-accreditation .people-search-results .wrapper-tile img { display: block } .meet-the-team#adminForm, .meet-the-team#searchForm, .meet-the-team.container, .news-and-events > #adminForm, .news-and-events > #searchForm, .news-and-events > .container, body:not(.tm-isblog) > #adminForm, body:not(.tm-isblog) > #searchForm, body:not(.tm-isblog) > .container { padding-left: 20px; padding-right: 20px } body.services .wrapper-tiles-short .grid-tile .wrapper-tile .details-title { min-height: 70px } body.services .wrapper-tiles-short .grid-tile .wrapper-tile .details-title:after { top: 24px !important } } .row.wrapper-tiles-short { margin-left: 0; margin-right: 0 } .wrapper-page .events-wrapper-wysiwyg p, .wrapper-page .wrapper-wysiwyg p { font-size: 19px; line-height: 26px; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } .wrapper-page .events-wrapper-wysiwyg img, .wrapper-page .wrapper-wysiwyg img { margin-bottom: 15px } .people-search-results.people-search-results--no-info .wrapper-tile { padding-bottom: 0 } .people-search-results.people-search-results--no-info .details-title { padding: 10px } body.awards-and-accreditation .wrapper-tile .teaser-details, body.awards-and-accreditation .wrapper-tile hr { display: none } .jq_quiz_container_tbl .btn { padding-right: 40px } .jq_quiz_container_tbl .btn:after { right: 12px } .jq_quiz_container_tbl form input[type=checkbox], .jq_quiz_container_tbl form input[type=radio] { display: inline-block } .jq_quiz_container_tbl form input, .jq_quiz_container_tbl form textarea { width: auto } body .jq_question_answers_cont table tr:first-child * { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } .type-category--portal .details-title { height: 55px; padding-bottom: 0 !important; margin-bottom: 15px; overflow: hidden } .type-category--portal .details-title:after { top: 35px !important } .mob-footer .telephone a { display: block; padding: 10px } .mob-footer .request-info, .mob-footer .telephone { border-left: 1px solid #fff } .uk-panel .mob-footer .request-info { border: none; margin: 10px 0 } .pos-content ol, .pos-content p, .pos-content ul { margin-bottom: 10px } .pos-content a { color: #00a6c5 } .pos-content a:hover { color: #008DAC } .pos-content li { margin-left: 20px } .pos-content ul li { list-style-type: disc } .pos-content ol li { list-style-type: decimal } .pos-content form input[type=checkbox], .pos-content form input[type=radio] { display: none; height: auto; line-height: auto; margin: 0 10px 0 5px; position: relative; top: -2px; width: auto } .events-wrapper-wysiwyg h2, .wrapper-wysiwyg h2 { color: #00a6c5 } header { background: #fff; z-index: 999; position: relative } header:before { position: absolute; bottom: -6px; left: 0; width: 100%; height: 6px; content: ''; background: rgba(0,0,0,.1) } .deeper > a, .wrapper-top-a { position: relative } @media (min-width:768px) { .header { margin: 0 auto } } .header .logo, header .legacy.wrapper-header .wrapper-logo .large-logo { display: block; width: 120px; height: 42px; margin-top: 8px; margin-left: 20px; background: url(../images/custom/vwv-logo.svg) top left no-repeat; background-size: 100% auto } @media (min-width:768px) { .header .logo, header .legacy.wrapper-header .wrapper-logo .large-logo { width: 147px; height: 52px } } @media (min-width:992px) { .header .logo, header .legacy.wrapper-header .wrapper-logo .large-logo { width: 187px; height: 67px; margin-top: 30px } } header .legacy.wrapper-header .wrapper-logo .large-logo { margin-top: 0 } header .legacy.wrapper-header .wrapper-logo .small-logo { margin-left: 15px } .mobile-menu { float: left; width: 100% } .mobile-menu__item { float: left; border-right: 1px solid #ccc; width: 18.33333% } .mobile-menu__item:first-child { border-right: 0; width: 45% } .mobile-menu__item:last-child { border-right: 0 } .mobile-menu__item.menu--open { background: #00a6c5 } .mobile-menu__item.menu--open a { background-position: -104px -693px } .mobile-menu a { display: block; width: 60px; height: 30px; margin: auto; background-image: url(../images/sprite.png) } .mobile-menu .locations, .mobile-menu .search { height: 34px; margin-top: 14px; margin-bottom: 14px } .mobile-menu .locations { background-position: -36px -649px; width: 27px } .mobile-menu .search { background-position: -66px -649px; width: 36px } .mobile-menu .menu { background-position: -104px -652px; width: 36px; height: 30px; margin-top: 16px; margin-bottom: 16px } @media (min-width:768px) { .mobile-menu a { display: none } .mobile-menu { width: auto; border-right: 0 } } .deeper > a:after { content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 50%; right: 15px; margin-top: -9px; background-image: url(../images/sprite.png); background-position: -127px -428px; background-size: auto 750px } .deeper > a.flip:after { transform: rotate(180deg) } .desktop-menu { float: left } @media (max-width:479px) { .desktop-menu { width: 100% } } header .nav.menu > li { border-bottom: 1px solid #4d4d4d } @media (min-width:768px) { .deeper > a:after { display: none } .desktop-menu { float: right } header .nav.menu > li { float: left; border: none; font-size: .8em } } header .nav.menu > li:not(:last-child):hover { background: #00a6c5; color: #fff } header .nav.menu > li:not(:last-child):hover > a { background: #00a6c5; color: #fff } header .nav.menu > li > a { position: relative; display: block } @media (min-width:768px) { header .nav.menu > li > a { padding: 26px 7px } header .nav.menu > li > a:before { position: absolute; top: 25px; right: 0; width: 1px; height: 20px; content: ''; background: #e8e8e8; display: none } header .nav.menu > li > a:hover:before { display: none } } @media (min-width:992px) { header .nav.menu > li > a { padding: 44px 15px } header .nav.menu > li > a:before { top: 45px; height: 22px; display: block } } header .nav.menu > li > a.vwv-plus { font-weight: 600; color: #fff; background: #00a6c5; transition: all ease .2s } header .nav.menu > li > a.vwv-plus:before { display: none } header .nav.menu > li > a.vwv-plus:hover { background: #008DAC } @media (min-width:768px) { header .nav.menu > li > a.vwv-plus { margin: 6px 0 0 10px; padding: 20px 10px; border-radius: 18px } } @media (min-width:992px) { header .nav.menu > li > a.vwv-plus { height: 60px; padding: 20px 22px; margin: 24px 0 0 10px } } header .nav.menu > li.item-171 > a:before { display: none } header .menu > li > .nav-child { display: none; position: absolute; top: 124px; left: 0; right: 0; z-index: 2; width: 100%; margin: 0 auto; padding: 15px; border-top: 6px solid #00a6c5; overflow: hidden; background-color: #333; opacity: .98; color: #fff } @media (min-width:992px) { header .menu > li > .nav-child { top: 160px } } @media (min-width:1200px) { header .nav.menu > li { font-size: 18px } header .menu > li > .nav-child { top: 165px } } @media (max-width:767px) { header .menu > li > .nav-child { position: relative; border-top: none; min-height: 0; top: 0 } } header .menu > li > .nav-child li { margin-bottom: 10px } header .menu > li > .nav-child li > a { opacity: 1 !important } header .menu > li > .nav-child li > a:hover { border-color: #00a6c5 } @media (min-width:768px) { .nav__services + ul { text-align: center } .nav__services + ul > li { text-align: left; display: inline-block; float: none; vertical-align: top } .nav__services + ul > li a, .nav__services + ul > li ul li { display: block } .nav__services + ul > li > a { font-weight: 700; border-bottom: 1px solid #fff; padding-top: 5px; margin-bottom: 10px; padding-bottom: 5px } .nav__services + ul li:only-child { width: 1130px } .nav__services + ul li:only-child ul li { float: left; width: 50% } .nav__services + ul li:first-child:nth-last-child(2), .nav__services + ul li:first-child:nth-last-child(2) ~ li { width: 46% } .nav__services + ul li:first-child:nth-last-child(3), .nav__services + ul li:first-child:nth-last-child(3) ~ li { width: 30% } .nav__services + ul li:first-child:nth-last-child(3) ul li, .nav__services + ul li:first-child:nth-last-child(3) ~ li ul li { float: none; width: 100% } .nav__sectors + ul { text-align: center } .nav__sectors + ul > li { width: 1130px; float: none; max-width: 100%; text-align: left; vertical-align: top; margin: auto } .nav__sectors + ul a, .nav__services + ul a { position: relative; display: block } .nav__sectors + ul a:before, .nav__services + ul a:before { position: absolute; top: 2px; left: -10px; bottom: 4px; width: 3px; background: #00a6c5; content: '|'; text-indent: -999px; overflow: hidden; display: none } .nav__sectors + ul a:hover:before, .nav__services + ul a:hover:before { display: block } } @media (min-width:1330px) { .nav__services + ul li:only-child { width: 565px; transform: translateX(-282.5px) } .nav__services + ul li:only-child ul li { float: left; width: 50% } .nav__services + ul li:first-child:nth-last-child(2), .nav__services + ul li:first-child:nth-last-child(2) ~ li { width: 565px } .nav__services + ul li:first-child:nth-last-child(2) ul li, .nav__services + ul li:first-child:nth-last-child(2) ~ li ul li { float: left; width: 50% } .nav__services + ul li:first-child:nth-last-child(3), .nav__services + ul li:first-child:nth-last-child(3) ~ li { width: 376.67px } } .nav-child .nav-child { display: block; left: 0; width: auto; min-height: auto; border-top: none } .nav-child .nav-child li { font-weight: 400 } .nav-child li:nth-of-type(2) .nav-child { left: 47% !important } .desktop-menu .hidden { display: block !important; visibility: visible !important } @media (min-width:768px) { .desktop-menu .hidden { display: none !important; visibility: hidden !important } } @media (max-width:767px) { .desktop-menu { width: 100% } #header__desktop { top: 62px; left: 0; display: none; float: none; width: 100%; border-top: 6px solid #00a6c5; overflow: hidden } #header__desktop li { position: static; padding: 0; background: rgba(51,51,51,.95) } #header__desktop a { position: relative; display: block; width: 100%; padding: 15px; color: #fff } #header__desktop .nav-child { display: none; top: 0; border: 0; background: 0 0; padding: 0 } #header__desktop .nav-child li { padding-top: 0; padding-bottom: 0; background: rgba(72,72,72,.85); border-color: #4d4d4d !important } #header__desktop .nav-child li > a { padding-top: 7.5px; padding-bottom: 7.5px; color: #fff !important } #header__desktop .nav-child li li { background: #e8e8e8; border-color: #ccc !important } #header__desktop .nav-child li li > a { color: #333 !important } #header__desktop .nav-child a { padding-left: 30px } #header__desktop .nav-child .nav-child { margin-top: 10px; margin-bottom: -8px } #header__desktop .nav-child li { border-bottom: 1px solid #ccc; padding: 7.5px 0; margin: 0; width: 100% } #header__desktop .nav-child li:first-child { border-top: 1px solid #4d4d4d } #header__desktop .nav-child li:last-child { margin-bottom: 0; border-bottom: none } #header__desktop .nav-child li a { border-left: 0; color: #333; padding-top: 0; padding-bottom: 0; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } #header__desktop .nav-child li:nth-of-type(2) .nav-child { left: 0 !important } #header__desktop .nav-child .deeper.parent { float: none !important } } footer { overflow: hidden } footer .icon-phone-number, footer .select-phone-number { padding: 10px 0; border-top: 1px solid #e8e8e8; cursor: pointer; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } footer .icon-phone-number *, footer .icon-phone-number :hover, footer .icon-phone-number:hover, footer .select-phone-number *, footer .select-phone-number :hover, footer .select-phone-number:hover { cursor: pointer } @media (min-width:768px) { .header .menu > li:nth-child(2) > .nav-child ul { display: none } .nav__services + ul > li { margin-right: 2% } footer .icon-phone-number, footer .select-phone-number { float: right; border-top: 0 } } footer .select-phone-number:before { content: ""; float: left; width: 18px; height: 11px; margin: 7px 10px 0; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: 0 -758px; cursor: pointer } footer .icon-phone-number:before { content: ""; float: left; width: 24px; height: 24px; margin: 0 10px; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -409px -124px; background-size: 500px auto; cursor: pointer } @media (min-width:768px) { footer .icon-phone-number:before { width: 17px; height: 18px; margin: 4px 10px 0; background-position: -385px -124px } } footer .footer-logo__right { margin-top: 20px; width: 165px; height: 98px } @media (min-width:768px) { footer .footer-logo__right { float: right; margin-top: 0 } } footer select { border: 0; text-indent: 1px; text-overflow: ''; padding-left: 28px; margin-left: -28px } footer > div { padding-left: 0 !important; padding-right: 0 !important } footer .newsletter { display: inline-block; width: 100%; padding: 30px 0; margin-top: 30px } footer .newsletter > #adminForm, footer .newsletter > #searchForm, footer .newsletter > .container { max-width: 1100px } footer .newsletter h5 { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } footer .newsletter .btn { box-shadow: 0 5px 0 0 #008DAC; width: 100% } footer .newsletter .btn:hover { box-shadow: 0 5px 0 0 #008DAC } @media (min-width:992px) { footer .newsletter .newsletter-content { padding-right: 30px; padding-bottom: 0 } footer .newsletter .row { display: table; padding: 0 30px } footer .newsletter .row > div { display: table-cell; float: none; vertical-align: middle } } footer .newsletter #adminForm, footer .newsletter #searchForm, footer .newsletter .container { padding: 0 30px } @media (max-width:479px) { footer .newsletter #adminForm, footer .newsletter #searchForm, footer .newsletter .container { padding: 0 } } footer .newsletter p { font-size: 17px } footer .newsletter h1, footer .newsletter h2, footer .newsletter h3, footer .newsletter h4, footer .newsletter h5, footer .newsletter h6 { color: #fff; font-size: 18px; margin-bottom: 10px } @media (min-width:992px) { footer .wrapper-menu { padding-top: 30px; padding-bottom: 30px } } footer .wrapper-menu #adminForm, footer .wrapper-menu #searchForm, footer .wrapper-menu .container { padding: 0 } @media (min-width:768px) { footer .wrapper-menu #adminForm, footer .wrapper-menu #searchForm, footer .wrapper-menu .container { padding-left: 20px; padding-right: 20px } } footer .wrapper-menu * { color: #192543 } footer .wrapper-menu ul.menu > li { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } footer .wrapper-menu ul.menu > li:hover { height: auto; background: 0 0 } footer .wrapper-menu ul.menu > li.parent > a { position: relative } footer .wrapper-menu ul.menu > li.parent > a:after { content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 50%; right: 15px; margin-top: -9px; background-image: url(../images/sprite.png); background-position: -127px -450px; background-size: auto 750px } .footer-secondary .nav.menu > li:hover, footer .wrapper-menu .wrapper-menu-2 ul.menu > li:hover { height: auto; background: 0 0 } @media (min-width:992px) { footer .wrapper-menu #adminForm, footer .wrapper-menu #searchForm, footer .wrapper-menu .container { padding: 0 } footer .wrapper-menu ul.menu > li.parent > a:after { display: none } } footer .wrapper-menu ul.menu > li.parent.open > a:after { background-position: -147px -450px } footer .wrapper-menu ul.menu > li a { padding: 0 20px; line-height: 56px; display: block } footer .wrapper-menu ul.menu > li > a { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } .footer-secondary h2, .footer-secondary p { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; color: #737373 } footer .wrapper-menu ul.menu li { border-bottom: 1px solid #ccc; padding-left: 0 } footer .wrapper-menu .wrapper-menu-1 { padding: 0 } @media (min-width:992px) { footer .wrapper-menu ul.menu li { border: none } footer .wrapper-menu .wrapper-menu-1 { padding-left: 20px } footer .wrapper-menu .wrapper-menu-1 ul.menu > li a { line-height: 36px } } footer .wrapper-menu .wrapper-menu-2 { padding-right: 0; padding-left: 0; margin-bottom: 2px } @media (max-width:479px) { footer .wrapper-menu .wrapper-menu-1, footer .wrapper-menu .wrapper-menu-2 { padding: 0 } } @media (min-width:992px) { footer .wrapper-menu .wrapper-menu-2 { padding-left: 20px; max-width: 66% } footer .wrapper-menu .wrapper-menu-2 ul.menu > li { width: 33.3333%; float: left } footer .wrapper-menu .wrapper-menu-2 ul.menu > li > a { line-height: 36px; border-bottom: 1px solid #999; margin-bottom: 16px !important } footer .wrapper-menu .wrapper-menu-2 ul.menu > li a { margin: 0 20px; padding: 0 } } footer .wrapper-menu .wrapper-menu-2 ul.menu > li:after { display: none } footer .nav-child { position: static; width: auto; min-height: auto; padding: 0; border: 0; background: 0 0; margin: 16px 0 -16px } footer .nav-child > li { padding: 5px 0 5px 10px } footer .nav-child > li:first-child { border-top: 1px solid #ccc } footer .nav-child > li a { margin: 0; border: 0 } footer .wrapper-menu .wrapper-menu-2 ul.menu > li { padding: 15px 0 } footer .wrapper-menu .wrapper-menu-2 ul.menu > li > a { padding-left: 20px } @media (min-width:992px) { footer .wrapper-menu .wrapper-menu-2 ul.menu > li > a { padding-left: 0 } } @media (min-width:1200px) { footer .wrapper-menu .wrapper-menu-2 ul.menu > li { padding: 0 0 0 20px } } footer .wrapper-menu .wrapper-menu-2 ul.menu > li:last-child { border-bottom: 0 } footer .wrapper-menu .wrapper-menu-2 ul.menu > li a { line-height: 28px } .footer-secondary { margin: 30px 15px } @media (min-width:768px) { footer .wrapper-menu .wrapper-menu-2 ul.menu > li a:after { right: 0 } footer .wrapper-menu ul.menu li { float: none } .footer-secondary { margin: 30px auto; padding: 0 70px } } .footer-secondary h2 { font-size: 14px } .footer-secondary p { display: block; float: left; width: 100%; clear: both; margin-top: 30px; font-size: 12px; line-height: 20px } .footer-secondary .nav.menu { display: none } .footer-secondary .nav.menu > li { padding: 0; font-size: .8em } .footer-secondary .nav.menu > li a { color: #737373 } .footer-secondary .nav.menu > li:hover a { color: #333 } .footer-secondary .nav.menu > li:after { content: "|"; margin: 0 10px; color: #737373 } @media (min-width:1200px) { .footer-secondary h2 { float: left } .footer-secondary .nav.menu { display: inline-block } .footer-secondary .nav.menu > li { float: left } } .footer-secondary .nav.menu > li:last-child:after { display: none } .footer-secondary-menu { float: left; clear: left; margin: 15px 0 0 } footer .nav.menu > li, footer .nav.menu > li:hover { padding: 0 } footer .wrapper-menu #adminForm, footer .wrapper-menu #searchForm, footer .wrapper-menu .container { max-width: 1180px } .mob-footer { position: fixed; width: 100%; bottom: 0; background: #00a6c5; z-index: 10; box-shadow: 0 -5px 5px 0 rgba(0,0,0,.33) } .mob-footer .request-info, .mob-footer .telephone { width: 50%; float: left; color: #fff; padding: 10px 16px 16px; text-align: center; text-decoration: none } .mob-footer .request-info { border-right: 1px solid #fff } .mob-footer .telephone a { color: #fff } .legacy.wrapper-header .wrapper-title-text em, .legacy.wrapper-header .wrapper-title-text span, .legacy.wrapper-header .wrapper-title-text strong, .wrapper-breadcrumbs .nav li a:hover { color: #00a6c5 } .mob-footer #signup-form { display: block } @media (min-width:768px) { .mob-footer #signup-form { display: none } } .dcsns-toolbar { width: 100%; padding: 0; margin: 0 } .dcsns-toolbar .filter li { float: none; text-transform: uppercase; width: auto } .dcsns-toolbar .filter li:before { display: none } .dcsns-toolbar .filter li a { height: 31px } .dcsns-toolbar .filter img { vertical-align: top } .dcsns-toolbar .filter .link-all { line-height: 22px; padding-left: 5px; padding-right: 5px } .legacy.wrapper-header .wrapper-title-text, .legacy.wrapper-header .wrapper-title-text * { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 18px !important; line-height: 1 } .dcsns-content .stream { display: block; float: left; width: 100% } .dcsns-content .stream li { float: none; padding: 0; border: none; width: 46%; margin: 0 2% 15px } @media (min-width:768px) { .dcsns-content .stream li { width: 23%; margin: 0 1% 20px } } .dcsns-content .stream li:before { display: none } .dcsns-content .stream li .inner { padding: 0 0 40px } .dcsns-content .dcsns-twitter .section-thumb { display: none } .wrapper-breadcrumbs .th-pad-md { position: relative } .wrapper-breadcrumbs .nav > li { width: 100% } .wrapper-breadcrumbs .nav li { vertical-align: top; border: none } .wrapper-breadcrumbs .nav li .nav-header { font-weight: 700; padding-bottom: 7.5px } .wrapper-breadcrumbs .nav > li > .nav-header { position: absolute; top: 30px; right: 30px; font-weight: 400; padding-bottom: 0; padding-right: 30px; cursor: pointer } .wrapper-breadcrumbs .nav > li > .nav-header:after { position: absolute; top: 4px; right: 0; width: 18px; height: 13px; content: ''; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -79px -99px } .wrapper-breadcrumbs .nav > li > .nav-child { display: none; width: 100%; background: #e8e8e8; border-radius: 3px; padding: 30px; margin-top: 15px } .wrapper-breadcrumbs .nav > li > .nav-child > li { width: 50% } @media (min-width:768px) { .wrapper-breadcrumbs .nav > li > .nav-child > li { width: 25% } } .wrapper-breadcrumbs .nav > li > .nav-child > li li { display: block; width: 100% } .wrapper-breadcrumbs .nav > li > .nav-child > li a, .wrapper-breadcrumbs .nav > li > .nav-child > li li { padding: 0 } .legacy.wrapper-header { padding-top: 20px; padding-bottom: 20px } .legacy.wrapper-header #adminForm, .legacy.wrapper-header #searchForm, .legacy.wrapper-header .container { padding: 0 } .legacy.wrapper-header .row { display: table; margin: 0; width: 100% } .legacy.wrapper-header .row > div { display: table-cell; vertical-align: middle; float: none } @media (min-width:768px) { .legacy.wrapper-header #adminForm, .legacy.wrapper-header #searchForm, .legacy.wrapper-header .container { padding: 0 20px } .legacy.wrapper-header .row { margin: 0 -20px } } .legacy.wrapper-header .wrapper-logo { padding-left: 0 } .legacy.wrapper-header .wrapper-logo a { display: block } .legacy.wrapper-header .wrapper-logo .small-logo { background-position: -128px -300px; width: 150px; height: 44px } .legacy.wrapper-header .wrapper-logo .large-logo { background-position: -128px 0; width: 231px; height: 62px } .legacy.wrapper-header .wrapper-title-text { float: right; padding-top: 5px; text-align: right } @media (min-width:480px) { .legacy.wrapper-header .wrapper-title-text, .legacy.wrapper-header .wrapper-title-text * { font-size: 22px !important } } .legacy.wrapper-footer { padding-top: 20px; padding-bottom: 20px; font-size: 14px; line-height: 1.4; background-color: #1d1d1b } .legacy.wrapper-footer ul { margin-left: 0; padding-top: 18px } .legacy.wrapper-footer p { color: #939598; font-size: .643em } .legacy.wrapper-footer p a { color: #fff; font-weight: 700 } #c_flag_label img { width: auto; height: auto } #map_canvas { height: 500px; width: 100%; max-width: 100%; margin-bottom: 30px; margin-top: 20px } .bx-wrapper { position: relative; margin-bottom: 45px; height: 100%; padding-bottom: 0 } @include-tablet-sm { .bx-wrapper { height: 360px } } .bx-wrapper li * { transition: none } .bx-viewport .wrapper-tile.type-category { margin-top: 0 } .bx-viewport li { height: 100% } .bx-viewport img { max-width: 100%; border-radius: 0 } @media (min-width:768px) { .bx-viewport li { height: 360px; background: #333; overflow: hidden } .bx-viewport img { max-width: none; width: 100%; left: -46%; position: relative; height: auto; top: 0 } } @media (min-width:992px) { .bx-viewport img { max-width: 55%; width: auto; left: 0; position: relative; height: auto; top: 0 } } @media (min-width:1440px) { .bx-viewport img { width: 660px; max-width: 660px; height: auto; min-height: 360px; position: absolute; left: 55%; top: 0; transform: translateX(-105%) } } .bx-controls, .bx-controls-direction, .bx-pager { left: 0; position: absolute } .bx-controls { bottom: 0; width: 100% } .bx-controls-direction { bottom: 180px; width: 100%; height: 0 } .bx-controls-direction .bx-next, .bx-controls-direction .bx-prev { display: none; width: 38px; height: 38px; background: #000; text-indent: -999px; overflow: hidden } @media (min-width:768px) { .bx-controls-direction .bx-next, .bx-controls-direction .bx-prev { display: block } } .bx-controls-direction .bx-prev { float: left; border-radius: 0 5px 5px 0; background-image: url(../images/sprite.png); background-position: -120px 688px; background-size: auto 750px } .bx-controls-direction .bx-prev:hover { background: url(../images/sprite.png) -120px 688px #00a6c5; background-size: auto 750px } .bx-controls-direction .bx-next { float: right; border-radius: 5px 0 0 5px; background-image: url(../images/sprite.png); background-position: -150px 688px; background-size: auto 750px } .bx-controls-direction .bx-next:hover { background: url(../images/sprite.png) -150px 688px #00a6c5; background-size: auto 750px } .bx-pager { bottom: -45px; width: 100%; text-align: center } .bx-pager .bx-pager-item { display: inline-block; margin: 0 5px } .bx-pager .bx-pager-item .bx-pager-link { background: #e8e8e8; display: block; width: 12px; height: 12px; border-radius: 100%; text-indent: -999px; overflow: hidden } .bx-pager .bx-pager-item .bx-pager-link.active { background: #00a6c5 } .rsepro-step span { width: 30px } .rsepro-step span i { vertical-align: super; color: #fff } table tr:first-child select { color: #000 } #rseproUserForm .accordion-inner { display: block; padding: 30px 0 } #rseproUserForm .accordion-inner > p { display: none } #rseproUserForm .accordion-inner .control-group { display: block; float: left; width: 100%; padding-top: 20px } @media (min-width:768px) { #rseproUserForm .accordion-inner .control-group { width: 48% } #rseproUserForm .accordion-inner .control-group:nth-child(odd) { float: right } #rseproUserForm .accordion-inner > div:first-of-type { width: 25%; float: left; margin-right: 75% } } #rseproUserForm > .clearfix { padding: 25px 0 } #rsepro-total-cart { padding: 30px 0 } .rsepro-steps:before { position: absolute; top: 14px; bottom: 0; content: " "; width: 100%; height: 1px; background-color: #ccc; z-order: 0 } #rsepro-checkout-cart-btns .btn:after { display: none } #rseproaccordion .accordion-heading { padding-bottom: 20px } #rseproaccordion .accordion-inner p small { display: none } #rseproaccordion .accordion-inner h3 { padding: 0 0 20px } #rseproaccordion .accordion-inner h3 small { float: right } #rseproaccordion .accordion-inner h3 small a { margin-left: 5px } #rseproaccordion table thead tr:first-child { background-color: #333 !important } #rseproaccordion table thead tr:first-child th { padding: 10px } #rseproaccordion table thead tr:first-child th:first-child { text-align: left } #rseproaccordion table thead tr:first-child * { color: #fff } #rseproaccordion table tr:first-child { background: #e8e8e8 !important } #rseproaccordion table tr:first-child * { color: inherit; font-size: 18px; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } .social-share-horizontal h3, .teaser-details__name { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } #userForm .rsform-block-last-name { padding-left: 0 } .rsform-upload-box::-ms-value { border: 0 } .rsform-upload-box::-ms-browse { border: 1px solid #ccc; background-color: #e8e8e8 } .rsform-block-first-name, .rsform-block-last-name { width: 100% !important } #directions-map .form-section > p { padding-bottom: 10px } #directions-map .form-section > button, #directions-map .form-section > input { display: block; width: 100%; margin: 10px 0 } @media (min-width:768px) { #directions-map .form-section > button, #directions-map .form-section > input { display: inline-block } #directions-map .form-section > input { width: 200px } #directions-map .form-section > button { width: 13em } } .get-directions .events-wrapper-wysiwyg, .get-directions .wrapper-wysiwyg { padding-top: 30px } .tm-noblog .tooltip { display: none !important } .footer-social { margin-left: -30px; margin-right: -30px } .footer-social .icon-phone-number, .footer-social .select-phone-number, .footer-social .social-networks { padding: 0 30px } @media (min-width:768px) { .footer-social { margin: 0 30px } .footer-social .icon-phone-number, .footer-social .select-phone-number, .footer-social .social-networks { margin-bottom: -7px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8 } } @media (min-width:992px) { .footer-social .icon-phone-number, .footer-social .select-phone-number, .footer-social .social-networks { margin-top: -7px } } .footer-social .social-networks { padding-top: 9px; padding-bottom: 9px } .footer-social .icon-phone-number, .footer-social .select-phone-number { padding-top: 19px; padding-bottom: 16px } .social-networks { display: inline-block } .social-networks li { float: left; margin-right: 15px } .social-networks li .facebook { background-position: -119px -510px } .social-networks li .twitter { background-position: -153px -510px } .social-networks li .googleplus { background-position: -186px -510px } .social-networks li .linkedin, .social-networks li .person-result__linkedin:before { background-position: -221px -510px } .social-networks li .instagram { background-position: -340px -420px; width: 40px } .social-networks li .youtube { width: 35px; background-position: -253px -510px } .social-networks .icon, .social-networks .person-result__email:before, .social-networks .person-result__linkedin:before { display: block; width: 28px; height: 42px; background-image: url(../images/sprite.png); background-repeat: no-repeat; overflow: hidden } .footer-social .social-networks li { position: relative; overflow: hidden; } .footer-social .social-networks li a:before { position: absolute; top: -100px; right: -100px; bottom: -100px; left: -100px; content: '' } .footer-social .social-networks li .icon, .footer-social .social-networks li .person-result__email:before, .footer-social .social-networks li .person-result__linkedin:before { background-image: url(../images/sprite.png); background-size: auto auto; height: 27px; margin: 7px 4px } .footer-social .social-networks li .facebook.person-result__email:before, .footer-social .social-networks li .facebook.person-result__linkedin:before, .footer-social .social-networks li .icon.facebook { background-position: 0 -239px; width: 12px } .footer-social .social-networks li .facebook.person-result__email:hover:before, .footer-social .social-networks li .facebook.person-result__linkedin:hover:before, .footer-social .social-networks li .icon.facebook:hover { background-position: 0 -266px } .footer-social .social-networks li .icon.twitter, .footer-social .social-networks li .twitter.person-result__email:before, .footer-social .social-networks li .twitter.person-result__linkedin:before { background-position: -35px -239px } .footer-social .social-networks li .icon.twitter:hover, .footer-social .social-networks li .twitter.person-result__email:hover:before, .footer-social .social-networks li .twitter.person-result__linkedin:hover:before { background-position: -35px -266px } .footer-social .social-networks li .googleplus.person-result__email:before, .footer-social .social-networks li .googleplus.person-result__linkedin:before, .footer-social .social-networks li .icon.googleplus { background-position: -82px -239px } .footer-social .social-networks li .googleplus.person-result__email:hover:before, .footer-social .social-networks li .googleplus.person-result__linkedin:hover:before, .footer-social .social-networks li .icon.googleplus:hover { background-position: -82px -266px } .footer-social .social-networks li .icon.linkedin, .footer-social .social-networks li .linkedin.person-result__email:before, .footer-social .social-networks li .person-result__email.person-result__linkedin:before, .footer-social .social-networks li .person-result__linkedin:before { background-position: -128px -239px } .footer-social .social-networks li .icon.linkedin:hover, .footer-social .social-networks li .linkedin.person-result__email:hover:before, .footer-social .social-networks li .person-result__email.person-result__linkedin:hover:before, .footer-social .social-networks li .person-result__linkedin:hover:before { background-position: -128px -266px } .footer-social .social-networks li .icon.instagram, .footer-social .social-networks li .instagram.person-result__email:before, .footer-social .social-networks li .instagram.person-result__linkedin:before { background-position: -80px -239px; width: 35px } .footer-social .social-networks li .icon.instagram:hover, .footer-social .social-networks li .instagram.person-result__email:hover:before, .footer-social .social-networks li .instagram.person-result__linkedin:hover:before { background-position: -80px -266px } .footer-social .social-networks li .icon.youtube, .footer-social .social-networks li .youtube.person-result__email:before, .footer-social .social-networks li .youtube.person-result__linkedin:before { background-position: -171px -239px; width: 30px } .footer-social .social-networks li .icon.youtube:hover, .footer-social .social-networks li .youtube.person-result__email:hover:before, .footer-social .social-networks li .youtube.person-result__linkedin:hover:before { background-position: -171px -266px } .footer-social .social-networks { margin-top: 0 !important; } .footer-social .social-networks li a { background: none !important; font-size: 25px; text-align: center; width: auto !important; height: auto !important; margin-top: 0 !important; margin-bottom: 0 !important; transition: all .2s ease; } .footer-social .social-networks li a:hover { color: #00a6c5; } .social-share-horizontal { margin-bottom: 30px; padding: 0 20px } .social-share-horizontal__bottom { display: inline-block; width: 100%; padding: 0 0 30px; margin: 0 30px 30px; border-bottom: 1px solid #333 } .social-share-horizontal .social-networks { border: none } .social-share-horizontal .social-networks li { border: 0 !important } .col-md-8 .social-share-horizontal, .wrapper-sidebar .social-share-horizontal { padding-left: 0 } .wrapper-sidebar .social-share-horizontal { margin-bottom: 0 } .wrapper-sidebar .social-share-horizontal .social-networks { margin-bottom: 20px } .social-share-vertical { position: fixed; top: 33%; right: 0; z-index: 9; border-top-right-radius: 0; border-bottom-right-radius: 0; padding: 0; margin: 0; display: none } @media (min-width:768px) { .social-share-vertical { display: block } } .social-share-vertical .social-networks { display: block; float: left; clear: both; width: 100%; padding: 10px 0; margin: 0; border: none; background: #e8e8e8 } .social-share-vertical .social-networks a { overflow: visible } .social-share-vertical .social-networks > li { position: relative; overflow: hidden; display: block; float: left; width: 100%; clear: both; padding: 3px 10px; margin: 0 } .social-share-vertical .social-networks > li .icon, .social-share-vertical .social-networks > li .person-result__email:before, .social-share-vertical .social-networks > li .person-result__linkedin:before { display: block; width: 20px; height: 48px; margin: 0 auto; background-size: auto auto; transform: scale(.55) } .social-share-vertical .social-networks > li .icon:before, .social-share-vertical .social-networks > li .person-result__email:before, .social-share-vertical .social-networks > li .person-result__linkedin:before { position: absolute; top: -100px; right: -100px; bottom: -100px; left: -100px; content: '' } .social-share-vertical .social-networks > li .facebook.person-result__email:before, .social-share-vertical .social-networks > li .facebook.person-result__linkedin:before, .social-share-vertical .social-networks > li .icon.facebook { background-position: -256px -420px; width: 18px } .social-share-vertical .social-networks > li .facebook.person-result__email:hover:before, .social-share-vertical .social-networks > li .facebook.person-result__linkedin:hover:before, .social-share-vertical .social-networks > li .icon.facebook:hover { background-position: -256px -374px } .social-share-vertical .social-networks > li .icon.twitter, .social-share-vertical .social-networks > li .twitter.person-result__email:before, .social-share-vertical .social-networks > li .twitter.person-result__linkedin:before { background-position: -287px -420px; width: 43px } .social-share-vertical .social-networks > li .icon.twitter:hover, .social-share-vertical .social-networks > li .twitter.person-result__email:hover:before, .social-share-vertical .social-networks > li .twitter.person-result__linkedin:hover:before { background-position: -287px -374px } .social-share-vertical .social-networks > li .icon.linkedin, .social-share-vertical .social-networks > li .linkedin.person-result__email:before, .social-share-vertical .social-networks > li .person-result__email.person-result__linkedin:before, .social-share-vertical .social-networks > li .person-result__linkedin:before { background-position: -394px -420px; width: 40px } .social-share-vertical .social-networks > li .icon.linkedin:hover, .social-share-vertical .social-networks > li .linkedin.person-result__email:hover:before, .social-share-vertical .social-networks > li .person-result__email.person-result__linkedin:hover:before, .social-share-vertical .social-networks > li .person-result__linkedin:hover:before { background-position: -394px -374px } .social-share-vertical .social-networks > li .googleplus.person-result__email:before, .social-share-vertical .social-networks > li .googleplus.person-result__linkedin:before, .social-share-vertical .social-networks > li .icon.googleplus { background-position: -339px -420px; width: 43px } .social-share-vertical .social-networks > li .googleplus.person-result__email:hover:before, .social-share-vertical .social-networks > li .googleplus.person-result__linkedin:hover:before, .social-share-vertical .social-networks > li .icon.googleplus:hover { background-position: -339px -374px } .social-share-vertical .social-networks > li .icon.instagram, .social-share-vertical .social-networks > li .instagram.person-result__email:before, .social-share-vertical .social-networks > li .instagram.person-result__linkedin:before { background-position: -340px -420px; width: 40px } .social-share-vertical .social-networks > li .icon.instagram:hover, .social-share-vertical .social-networks > li .instagram.person-result__email:hover:before, .social-share-vertical .social-networks > li .instagram.person-result__linkedin:hover:before { background-position: -340px -374px } .social-share-vertical .social-networks > li .icon.youtube, .social-share-vertical .social-networks > li .youtube.person-result__email:before, .social-share-vertical .social-networks > li .youtube.person-result__linkedin:before { background-position: -449px -434px; width: 46px; height: 36px } .social-share-vertical .social-networks > li .icon.youtube:hover, .social-share-vertical .social-networks > li .youtube.person-result__email:hover:before, .social-share-vertical .social-networks > li .youtube.person-result__linkedin:hover:before { background-position: -449px -386px } .social-share-vertical .social-networks > li:last-of-type { border-bottom: 0 } .social-share-vertical .social-networks > li:hover { background: #00a6c5 } .social-share-horizontal { display: block; width: 100%; clear: both; padding-top: 10px } .social-share-horizontal h3 { float: left; padding-right: 10px; color: #333; padding-bottom: 10px } .social-share-horizontal .social-networks .icon, .social-share-horizontal .social-networks .person-result__email:before, .social-share-horizontal .social-networks .person-result__linkedin:before { width: 30px; height: 30px; border-radius: 35%; display: block; background: url(../images/sprite.png) no-repeat #00a6c5 } .social-share-horizontal .social-networks .facebook.person-result__email:before, .social-share-horizontal .social-networks .facebook.person-result__linkedin:before, .social-share-horizontal .social-networks .icon.facebook { background-position: 10px -298px } .social-share-horizontal .social-networks .icon.twitter, .social-share-horizontal .social-networks .twitter.person-result__email:before, .social-share-horizontal .social-networks .twitter.person-result__linkedin:before { background-position: -29px -298px } .social-share-horizontal .social-networks .icon.linkedin, .social-share-horizontal .social-networks .linkedin.person-result__email:before, .social-share-horizontal .social-networks .person-result__email.person-result__linkedin:before, .social-share-horizontal .social-networks .person-result__linkedin:before { background-position: -109px -298px } .social-share-horizontal .social-networks .googleplus.person-result__email:before, .social-share-horizontal .social-networks .googleplus.person-result__linkedin:before, .social-share-horizontal .social-networks .icon.googleplus { background-position: -69px -298px } .social-share-horizontal .social-networks .icon.instagram, .social-share-horizontal .social-networks .instagram.person-result__email:before, .social-share-horizontal .social-networks .instagram.person-result__linkedin:before { background-position: -69px -298px } .social-share-horizontal .social-networks .icon.youtube, .social-share-horizontal .social-networks .youtube.person-result__email:before, .social-share-horizontal .social-networks .youtube.person-result__linkedin:before { display: none } .people-search { display: inline-block; width: 100% } .people-search .grid-tile { margin-bottom: 15px } .people-search__filter { float: left; color: #fff } @media (min-width:1200px) { .people-search__filter { display: block } } .people-search__filter .select { height: auto } .people-search__filter .select:after { top: 33px; height: 30px; background-color: transparent } .people-search__filter .itemname input { height: 45px } @media (min-width:992px) { .people-search .form-element-row { float: left; width: 22%; margin-right: 3.8%; padding: 0 } } @media (min-width:992px) and (max-width:479px) { .people-search .form-element-row { width: 100%; margin-right: 0 } } @media (min-width:992px) { .people-search .form-element-row:last-of-type { width: 16%; margin-right: 2% } .people-search .form-element-row select { color: #333 } } @media (min-width:992px) and (max-width:479px) { .people-search .form-element-row:last-of-type { width: 100%; margin-right: 0 } } .people-search .btn-submit { width: 100%; height: 75px } @media (min-width:992px) { .people-search .btn-submit { height: 75px; width: auto } } @media (max-width:479px) { .people-search .btn-submit { width: 100%; margin-right: 0; background-image: none } } .people-search .btn-submit:after { background-image: none } .people-search #zoo-filter-form-151 .button { width: 100%; text-indent: 0 } @media (min-width:992px) { .people-search #zoo-filter-form-151 .button { width: 40px; height: 40px; margin-top: 29px; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -101px -61px; text-indent: -9999px } } @media (max-width:479px) { .people-search #zoo-filter-form-151 .button { width: 100%; margin-right: 0; text-indent: 0; background-image: none } } .people-search-results { width: 97%; display: inline-block; margin: 0 10px; padding-top: 30px } .people-search-results .grid-tile { margin-bottom: 15px } .people-search-results .pos-sector { display: none } .people-search-results .wrapper-tile { padding-bottom: 30px } .people-search-results .wrapper-tile.clogin { height: 100%; min-height: 100%; padding-bottom: 0; border: 1px solid #e8e8e8 !important } .people-search-results .wrapper-tile.clogin .details-title { padding: 10px 60px 30px 10px; font-size: 18px; border-top: solid 4px #00a6c5; height: 63px; overflow: hidden } .people-search-results .wrapper-tile.clogin .details-title:after { content: ''; display: block; position: absolute; bottom: 23px; right: 23px; width: 13px; height: 18px; margin-top: -9px; background-image: url(../images/sprite.png); background-position: -192px -70px; background-size: auto 750px } .people-search-results .wrapper-tile.clogin hr { display: none } .people-search-results.locations .wrapper-tile { min-height: 100%; padding-bottom: 30px } @media (min-width:480px) { .people-search-results.locations .wrapper-tile { min-height: 620px; overflow: hidden } } .people-search-results.locations .wrapper-tile.clogin { height: 100%; min-height: 100% } .people-search-results.locations .wrapper-tile.clogin .details-title { padding: 10px 0 20px 10px; font-size: 18px } .people .people-search-results { padding-top: 0 } .icon, .person-result__email:before, .person-result__linkedin:before { display: block; background-image: url(../images/sprite.png); background-position: 0 0; background-size: auto 750px; width: 18px; height: 18px } .icon.phone, .phone.person-result__email:before, .phone.person-result__linkedin:before { background-position: -219px -123px } .border-red .email.person-result__linkedin:before, .border-red .icon.email:before, .border-red .person-result__linkedin.person-result__email:before, .border-red .pos-phone:before, .email.person-result__linkedin:before, .icon.email, .person-result__email:before { background-position: -273px -120px } .icon.linkedin, .linkedin.person-result__email:before, .person-result__linkedin:before { background-position: -296px -124px } .border-red .email.person-result__linkedin:before, .border-red .icon.email, .border-red .icon.email:before, .border-red .person-result__email:before, .border-red .person-result__linkedin.person-result__email:before, .border-red .pos-phone:before { background-image: none; display: inline } .border-red .email.person-result__linkedin:before, .border-red .icon.email:before, .border-red .person-result__email:before, .border-red .person-result__linkedin.person-result__email:before, .border-red .pos-phone:before { content: ""; display: inline-block; width: 18px; height: 18px; margin-right: 5px; background-image: url(../images/sprite.png); background-position: -273px -120px; background-size: auto 750px } .border-red .pos-phone:before { background-image: url(../images/sprite.png); background-position: -215px -120px; background-size: auto 750px; display: inline-block; width: 18px; height: 18px; content: "" } .person-result { margin: 0 20px 0 1px; padding-bottom: 30px; border-bottom: 1px solid #00a6c5 } .person-result__image { float: left; width: 200px; margin-right: 30px } .person-result__email:before { content: ""; float: left; margin-right: 5px } .person-result__linkedin:before { content: ""; float: left; margin-right: 5px } .person-result__details p a { color: #00a6c5; text-decoration: none } .person-result__details .tel { color: #333 } .ordering { margin: 20px } .ordering .select { margin-bottom: 20px } @media (min-width:992px) { .ordering .select { width: 30%; margin-bottom: 0 } } .teaser-item__date, .teaser-item__title { margin-bottom: 10px; color: #333 } .ordering .btn-submit { height: 46px; border-radius: 10px; width: 100% } @media (min-width:992px) { .ordering .btn-submit { width: 100px } } .total { clear: both } .teaser-item__category { margin-bottom: 10px; color: #00a6c5; font-weight: 700; margin-top: 30px } .teaser-item__date { font-size: 15px } .teaser-item__content { color: #333; font-size: 22px } .teaser-item__link { margin-top: 15px; margin-bottom: 30px; color: #00a6c5 } @media (max-width:479px) { .teaser-item__link { margin: 15px 0 } } .teaser-item__thumb { width: 100%; overflow: hidden; margin-top: 30px } @media (min-width:768px) { .teaser-item__thumb { margin-top: 0 } } .teaser-item__thumb img { width: 100%; height: auto } .teaser-item hr { clear: both; margin: 30px 0 } .container-blog .teaser-item__category a:after { content: " | " } .container-blog .teaser-item__category a:last-child:after { content: " " } .teaser-details { border-bottom: 1px solid #ccc; margin-bottom: 20px } .teaser-details__name { padding: 15px 10px 10px; background: #333; color: #fff } .teaser-details__title { padding: 0 15px 15px; background: #333; color: #fff; font-size: .8em; height: 60px; overflow: hidden } .teaser-details__title p { height: 50px; overflow: hidden; font-size: 14px; line-height: 22px } .teaser-details__specialism { padding: 15px 15px 0; margin-bottom: 20px; font-size: 1em; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif !important; height: 114px; overflow: hidden } .meet-the-team .teaser-details__phone, .news-and-events .details-category, .news-and-events .details-link, .teaser-details__phone { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } .teaser-details__specialism p { font-size: 17px } .teaser-details__specialism p:nth-of-type(n+5) { display: none } .teaser-details__contact { position: absolute; bottom: 15px; width: 100% } .teaser-details__phone { float: left; padding: 0 0 0 15px; color: #00a6c5 !important; margin-top: -3px; font-size: 14px; line-height: 16px } .teaser-details__phone:before { display: inline-block; content: ""; background-image: url(../images/sprite.png); background-position: -215px -120px; background-size: auto 750px; width: 18px; height: 18px } .teaser-details__web { float: right; padding: 0 15px 0 0 } #search-results ul li, #userForm .rsform-block-first-name, .teaser-details__linkedin { float: left } .teaser-details__email { float: left; padding: 0 10px 0 0 } .teaser-details a:nth-of-type(2) { display: none } .teaser-details--profile { margin-bottom: 30px } .teaser-details--profile .teaser-details__contact { bottom: 0; height: 52px } .teaser-details--profile .teaser-details__phone-wrapper { position: absolute; top: 50%; transform: translateY(-50%); height: auto; margin-top: -3px } .teaser-details--profile .teaser-details__phone { clear: left; padding: 2px 0 2px 15px } .teaser-details--profile .teaser-details__web { position: absolute; top: 50%; right: 0; transform: translateY(-50%) } .type-category { position: relative } .meet-the-team .teaser-details__title { margin-bottom: 11px } .meet-the-team .teaser-details__specialism { border-bottom: 1px solid #ccc; margin-bottom: 12px; font-size: 16px; line-height: 22px } @media (min-width:768px) { .meet-the-team .teaser-details__specialism { height: 100px } } .meet-the-team .teaser-details__phone { margin-bottom: 9px; margin-top: -4px; font-size: 14px; line-height: 16px } .meet-the-team .teaser-details__phone:before { margin-right: 5px } .news .details-title a, .news .wrapper-tile.type-category, .services .details-title a, .services .wrapper-tile.type-category { height: auto !important } .news .details-title:after, .services .details-title:after { top: 14px !important; margin-top: 0 !important } .wrapper-tile.type-category { margin-top: 20px } @media (min-width:992px) { .wrapper-tile.type-category { margin-top: 0 } } .values-module { padding: 0 20px 30px } @media (max-width:479px) { .values-module { padding: 30px 15px } } .values-module h2 { color: #333 } .values-module h2:before { margin-left: 20px } .values-module p { margin-top: 22px } .pagination, .uk-pagination { clear: both; margin: 30px 0 15px; color: #00a6c5; padding-left: 20px; text-align: center } .pagination .pagination-bg, .uk-pagination .pagination-bg { color: #00a6c5 } .pagination a, .uk-pagination a { margin-bottom: 20px; margin-right: 7.5px; padding: 10px 20px; border: 1px solid #00a6c5; border-radius: 5px; display: none } @media (min-width:768px) { .pagination, .uk-pagination { text-align: left } .pagination a, .uk-pagination a { margin-right: 15px; display: inline-block } } .pagination a.end, .pagination a.next, .pagination a.previous, .pagination a.start, .uk-pagination a.end, .uk-pagination a.next, .uk-pagination a.previous, .uk-pagination a.start { display: inline-block } .pagination span, .uk-pagination span { display: inline-block; margin-right: 7.5px; padding: 10px 20px; border: 1px solid #00a6c5; background: #00a6c5; border-radius: 5px; color: #fff } @media (min-width:768px) { .pagination span, .uk-pagination span { margin-right: 15px } } .pagination span:hover, .uk-pagination span:hover { background: #00a6c5; color: #fff } .zoo-pagination { clear: both; margin: 30px 0; color: #00a6c5 } .zoo-pagination .pagination-bg { color: #00a6c5 } .zoo-pagination a:hover, .zoo-pagination span:hover { background: #00a6c5; color: #fff } .zoo-pagination a { margin-right: 15px; padding: 10px 20px; border: 1px solid #00a6c5; border-radius: 5px } .zoo-pagination span { margin-right: 15px; padding: 10px 20px; border: 1px solid #00a6c5; border-radius: 5px } .sidebar-module { margin-bottom: 30px; padding: 30px; border-radius: 5px; background: #e8e8e8 } .sidebar-module__header { margin-bottom: 15px; color: #333 } .sidebar-module__listItem { color: #333; font-weight: 700; cursor: pointer } .sidebar-module__listItem h4 { border-bottom: 1px solid #333; color: #333 } .sidebar-module__listItem p { display: none; margin-top: 15px; font-weight: 100 } .sidebar-module__phone { margin-bottom: 15px; color: #00a6c5; font-size: 30px; word-break: break-all } @media (min-width:1200px) { .sidebar-module__phone { font-size: 40px } } .sidebar-module--toggle .sidebar-module__listItem { padding-bottom: 7.5px; margin-bottom: 7.5px; border-bottom: 1px solid #999; font-weight: 300 } .sidebar-module--toggle .sidebar-module__listItem > a { position: relative; display: block; font-weight: 700; padding-right: 40px } #login-form .rsform-block, #userForm .rsform-block { padding-right: 0 } .sidebar-module--toggle .sidebar-module__listItem > a:after { position: absolute; top: 12px; right: 0; width: 18px; height: 13px; content: ''; background: url(../images/sprite.png) -79px -99px no-repeat } .job-details > p { margin-bottom: 15px } #userForm fieldset { border: 0 } #userForm .formControlLabel { width: 100% } @media (min-width:768px) { #userForm .formControlLabel { width: 50% } } #userForm .rsform-block-telephone, #userForm .select { width: 48% } #userForm .rsform-block-last-name { float: right } #searchForm .controls > *, .rsform { float: left } #searchForm fieldset { margin-bottom: 30px; padding: 30px; border-radius: 3px } #searchForm label > * { float: left; width: 35px; height: 35px } #searchForm .uk-form-row:first-of-type > label { padding-left: 0 } #searchForm .inputbox { margin-bottom: 15px } #searchForm .ordering { width: 100%; padding-left: 0 } #adminForm .controls { width: 50%; margin-bottom: 15px } .rsform { margin-bottom: 30px; padding: 30px; border-radius: 5px; background: #e8e8e8; width: 100%; clear: both } #userForm .rsform-block-first-name, #userForm .rsform-block-last-name { width: 49% } .rsform-upload-box { line-height: 0; padding: 15px; height: 100% } .pay-online-form .rsform-block-reference-1, .pay-online-form .rsform-block-reference-2 { display: none } @media (min-width:768px) { .pay-online-form .rsform-block-info-currency, .pay-online-form .rsform-block-reference-1, .pay-online-form .rsform-block-reference-2, .pay-online-form .rsform-block-total { width: 50%; float: left } .pay-online-form .rsform-block-info-currency .select, .pay-online-form .rsform-block-info-currency input, .pay-online-form .rsform-block-reference-1 .select, .pay-online-form .rsform-block-reference-1 input, .pay-online-form .rsform-block-reference-2 .select, .pay-online-form .rsform-block-reference-2 input, .pay-online-form .rsform-block-total .select, .pay-online-form .rsform-block-total input { width: 90% !important } .rsform-block-contact-method .formControls .rsformVerticalClear { display: inline-block; width: 40% } } .application-tabs, .application-tabs li { float: left; width: 100%; display: block } #userForm fieldset { margin: 0; padding: 30px 0 } .application-tabs { clear: both; border-bottom: 4px solid #00a6c5; margin-bottom: 52.5px; background: #fff } @media (min-width:768px) { .application-tabs li { width: 50% } } .application-tabs a { display: block; padding: 15px; text-align: center } .application-tabs a.application-tabs--active { background: #00a6c5; color: #fff } .file-pdf, .file-text, .file-word { width: 25px; background-repeat: no-repeat; background-size: cover; color: #00a6c5; height: 25px } .rsform-block-download-file { display: none } .icon-wrap { float: right; margin-top: -40px } .icon-wrap ul { margin: 0; padding: 0 } .icon-wrap ul li { float: left; margin-right: 10px } .file-word { background-image: url(//www.vwv.co.uk/templates/yoo_master2/assets/icons/file-word.svg); display: block } .file-pdf { background-image: url(//www.vwv.co.uk/templates/yoo_master2/assets/icons/file-pdf.svg); display: block } .file-text { background-image: url(//www.vwv.co.uk/templates/yoo_master2/assets/icons/file-text.svg); display: block } #checkoutForm #rsepro-checkout-total, .btn__red, .file-download:hover { color: #fff } .file-download { position: relative; width: 100%; float: none; clear: both; padding: 20px; border: 1px solid #00a6c5; display: block; margin: auto; text-align: center; font-size: 20px; color: #fff; background: #00a6c5 } @media (max-width:479px) { .file-download { font-size: 14px; color: #fff } } .file-download:after { content: ''; position: absolute; top: 20px; left: 20px; width: 25px; height: 25px; background-image: url(//www.vwv.co.uk/templates/yoo_master2/assets/icons/download.svg); background-repeat: no-repeat; background-size: cover; color: #fff; padding-right: 10px; display: none } @media (min-width:768px) { .file-download:after { display: block } } .table { word-break: break-word } .form-horizontal a .fa-pencil { display: none } .form-horizontal > div { padding-bottom: 30px } #checkoutForm .row-fluid { display: block; float: left; width: 100%; clear: both; padding-bottom: 30px } #checkoutForm .span6 { display: block; float: left; width: 47.5% } #checkoutForm .span6:first-child { margin-right: 5% } #checkoutForm .span4 { display: block; float: left; width: 33.33333% } #checkoutForm .span4:first-child { padding-right: 3% } #checkoutForm .span4:last-child { padding-left: 3% } #checkoutForm .alert-info { padding-bottom: 25px } #checkoutForm .control-group label.radio { padding-top: 5px; display: block; float: left; width: 100%; clear: both } #checkoutForm .control-group input[type=radio] { display: block; float: left; width: auto; margin: -11px 12px 0 0 } #checkoutForm .input-append .btn { margin-top: 10px } input.invalid, select.invalid { border-color: #00a6c5 } .pay-online-form span.select:before { display: none } .pay-online-form .select select { background: 0 0 } .pay-online-form span.slect { background: #fff } .events-wrapper-wysiwyg span.select:before { display: none } #rsepro-cart-tickets .select { min-width: 75px } .rsform-block-captcha, body #adminForm .rsform-block-captcha, body #searchForm .rsform-block-captcha, body .container .rsform-block-captcha { display: block; float: left; width: 100%; clear: both; margin: 20px 0 0; padding: 0 0 10px } .rsform-block-captcha .formControlLabel:empty, body #adminForm .rsform-block-captcha .formControlLabel:empty, body #searchForm .rsform-block-captcha .formControlLabel:empty, body .container .rsform-block-captcha .formControlLabel:empty { display: none } .rsform-block-submit, body .newsletter-signup-form .rsform-block-submit { display: block; float: left; width: 100%; clear: both; margin-right: 0 } .select.hide-arrow-overlay:before { top: 0; left: 0; width: 0; height: 0; background-color: transparent } #finder-search { position: relative; clear: both } @media (max-width:768px) { .page-subscribe .events-wrapper-wysiwyg > .rsform, .page-subscribe .wrapper-wysiwyg > .rsform { margin-left: 0; margin-right: 0 } .page-subscribe > #adminForm, .page-subscribe > #searchForm, .page-subscribe > .container { padding-left: 0; padding-right: 0 } #finder-search { margin-left: 20px; margin-right: 20px } } #finder-search .word { padding: 0; margin: 0 } #finder-search .form-element-row { width: 100% } #finder-search .btn-submit { position: absolute; top: 0; right: 0; border-radius: 0 4px 4px 0 } #finder-search .btn-submit button { border-radius: 0 } .container-blog { display: block; float: left; width: 100%; clear: both } .tm-isblog span.select:before { display: none } #finder-search .inputbox { border-radius: 4px } .btn { padding: 5px 15px; border-radius: 5px; cursor: pointer } .btn__red { background: #00a6c5 } .btn__white, .btn__white:hover { background: #fff } .btn__white { color: #00a6c5 } .btn--arrow { padding: 12px 60px 12px 15px } .wrapper-wide-hero .btn { padding: 15px } .wrapper-cta .btn { margin-top: 20px; padding: 20px } #zoo-filter-form-151 .button { margin-top: 15px; text-align: center; width: 12%; padding: 0; text-indent: -999px; overflow: hidden } .event-info .btn:after { display: none } #rsepro-get-directions { padding-right: 50px; border: none; margin-top: 10px } #rsepro-directions-from { width: 100% } .rsepro-location-content { padding-top: 30px } @media (min-width:992px) { #rsepro-get-directions { margin-top: 0 } #rsepro-directions-from { width: auto } .rsepro-location-content { padding-top: 0 } } .newsletter-signup-form .btn-submit { margin-top: 30px } .news-and-events { background: #333; padding: 50px 0 40px } .news-and-events .wrapper-tile { border: none } .news-and-events h2 { color: #fff } @media (min-width:768px) { .news-and-events h2 { padding-bottom: 30px } } .news-and-events .row { padding: 0 20px } .news-and-events .grid-tile { padding: 10px !important } .news-and-events .details-category { padding: 24px 30px 0; color: #00a6c5; font-size: 14px; line-height: 16px; text-transform: uppercase } .news-and-events .details-title { margin: 0 30px 5px; overflow: hidden; height: 77px } .news-and-events .details-title a:hover { color: #333 } .news-and-events .details-text { margin: 0 30px } .news-and-events .details-date { margin: 15px 30px 10px; font-size: 14px; line-height: 16px; opacity: .9 } .news-and-events .details-link { margin: 0 30px; color: #00a6c5 } .news-and-events .details-link a { position: absolute; bottom: 15px; left: 30px; float: left; font-size: 14px; line-height: 16px } .news-and-events .details-link a:after { content: ''; display: block; float: right; width: 15px; height: 24px; margin-left: 10px; background-image: url(../images/sprite.png); background-position: -23px -101px; pointer-events: none } .news-and-events.wrapper-tiles-short { margin-right: -20px } @media (min-width:992px) { .news-and-events .zoo-item-list li:first-child > div { padding-left: 0; width: 31.3333% } .news-and-events .zoo-item-list li:last-child > div { padding-right: 0 } } .news-and-events .wrapper-tile.type-category { position: relative; min-height: 510px; padding-bottom: 60px; overflow: hidden } .news-and-events .wrapper-tile.type-category img { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0 } .news-and-events .wrapper-tile.type-category .details-title { padding: 15px 0 } .news-and-events .wrapper-tile.type-category .details-text { position: relative; max-height: 80px; height: 80px; overflow: hidden; font-size: 16px; line-height: 20px } .news-and-events .wrapper-tile.type-category .details-text:before { position: absolute; bottom: 0; left: 0; width: 100%; height: 30px; content: ''; box-shadow: inset 0 -35px 25px -20px #fff } .news-and-events .zoo-item-list > li { overflow: visible; border-top: none; margin-top: 0; padding-top: 0 } .events .pos-meta { margin-bottom: 15px } .event-info, .events .more-link { margin-bottom: 30px } .events .more-link a { color: #00a6c5 } .event-info { padding: 30px; border: 1px solid #e8e8e8 } .event-info > div:first-of-type { margin-bottom: 30px } .event-info > div:first-of-type > p:first-of-type { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } .event-info .rsep_location { margin: 30px 0 15px } .event-info .rsep_location a { display: block; margin: 15px 0; color: #00a6c5 } .event-info .rsep_location a:before { content: "*" } .event-info .rsep_mail a { display: block; margin-bottom: 30px; padding-left: 20px; color: #00a6c5 } .event-info .rsep_phone { margin-bottom: 10px; font-size: 1.8em } .event-info .btn { width: 100%; margin-bottom: 30px; text-align: center } .event-dropdown-menu { display: inline-block !important; width: 100%; padding: 15px; border: 1px solid #e8e8e8 } .event-dropdown-menu li { float: left; border: 0 !important } .event-dropdown-menu li a { color: #00a6c5 } .event-dropdown-menu li:after { content: "|"; margin: 0 10px } .event-dropdown-menu li:last-of-type:after { display: none } .events-wrapper-wysiwyg { padding: 0 } .events-wrapper-wysiwyg .btn { margin-bottom: 15px } .events-wrapper-wysiwyg .btn:after { display: none } .events-wrapper-wysiwyg .btn:hover { background: #00a6c5 } .events-wrapper-wysiwyg .description { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 30px 0 } .events-wrapper-wysiwyg .wrapper-map-canvas { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #e8e8e8 } .events-wrapper-wysiwyg #map-canvas { width: 100%; height: 200px } .events-wrapper-wysiwyg h1, .events-wrapper-wysiwyg h2, .events-wrapper-wysiwyg h3, .events-wrapper-wysiwyg ol, .events-wrapper-wysiwyg p, .events-wrapper-wysiwyg ul { padding-bottom: 20px } .newsletter-signup-form .rsform-block { float: left; width: 100%; padding-bottom: 15px; display: table } @media (min-width:768px) { .newsletter-signup-form .rsform-block { width: 45%; margin-right: 5%; padding-bottom: 25px } } .newsletter-signup-form .rsform-block.rsform-block-title, .newsletter-signup-form .rsform-block:nth-child(odd) { clear: left } .newsletter-signup-form .formControlLabel { width: 100% !important; padding-left: 20px; font-size: 14px; line-height: 22px } .newsletter-signup-form .formBody label { width: 100%; color: #00a6c5; padding-bottom: 5px } .newsletter-signup-form .formContainer { padding: 20px 0 0 } .newsletter-signup-form .formControls { display: table-header-group } .newsletter-signup-form .formControlLabel { display: table-footer-group } .newsletter-signup-form .rsform-block-address, .newsletter-signup-form .rsform-block-company, .newsletter-signup-form .rsform-block-email, .newsletter-signup-form .rsform-block-first-name, .newsletter-signup-form .rsform-block-job-title, .newsletter-signup-form .rsform-block-last-name, .newsletter-signup-form .rsform-block-postcode, .newsletter-signup-form .rsform-block-telephone, .newsletter-signup-form .rsform-block-title { display: block; float: left; width: 100% !important; margin: 0 0 10px; padding: 0 } @media (min-width:768px) { .newsletter-signup-form .rsform-block-address, .newsletter-signup-form .rsform-block-company, .newsletter-signup-form .rsform-block-email, .newsletter-signup-form .rsform-block-first-name, .newsletter-signup-form .rsform-block-job-title, .newsletter-signup-form .rsform-block-last-name, .newsletter-signup-form .rsform-block-postcode, .newsletter-signup-form .rsform-block-telephone, .newsletter-signup-form .rsform-block-title { width: 45% !important; margin: 0 5% 15px 0 } } .newsletter-signup-form .rsform-block-address:nth-child(odd), .newsletter-signup-form .rsform-block-company:nth-child(odd), .newsletter-signup-form .rsform-block-email:nth-child(odd), .newsletter-signup-form .rsform-block-first-name:nth-child(odd), .newsletter-signup-form .rsform-block-job-title:nth-child(odd), .newsletter-signup-form .rsform-block-last-name:nth-child(odd), .newsletter-signup-form .rsform-block-postcode:nth-child(odd), .newsletter-signup-form .rsform-block-telephone:nth-child(odd), .newsletter-signup-form .rsform-block-title:nth-child(odd) { clear: none } .newsletter-signup-form .rsform-block-address .formControls, .newsletter-signup-form .rsform-block-company .formControls, .newsletter-signup-form .rsform-block-email .formControls, .newsletter-signup-form .rsform-block-first-name .formControls, .newsletter-signup-form .rsform-block-job-title .formControls, .newsletter-signup-form .rsform-block-last-name .formControls, .newsletter-signup-form .rsform-block-postcode .formControls, .newsletter-signup-form .rsform-block-telephone .formControls, .newsletter-signup-form .rsform-block-title .formControls { display: block } .newsletter-signup-form .rsform-block-address .formControlLabel, .newsletter-signup-form .rsform-block-company .formControlLabel, .newsletter-signup-form .rsform-block-email .formControlLabel, .newsletter-signup-form .rsform-block-first-name .formControlLabel, .newsletter-signup-form .rsform-block-job-title .formControlLabel, .newsletter-signup-form .rsform-block-last-name .formControlLabel, .newsletter-signup-form .rsform-block-postcode .formControlLabel, .newsletter-signup-form .rsform-block-telephone .formControlLabel, .newsletter-signup-form .rsform-block-title .formControlLabel { display: block; padding-left: 0 } .newsletter-signup-form .rsform-block-submit { margin-bottom: 0; padding-bottom: 0 } .blog-vwv .wrapper-page { margin-left: -20px; margin-right: -20px; width: auto } @media (min-width:768px) { .blog-vwv .wrapper-page { margin-left: 0; margin-right: 0; width: 100% } } .blog-vwv .wrapper-sidebar { padding-left: 30px } .blog-vwv .wrapper-sidebar .social-share-horizontal h3 { width: 100% } .blog-vwv .wrapper-sidebar .pos-related { margin-top: 0 !important } .blog-vwv .wrapper-sidebar .pos-related h3 { color: #00a6c5 !important; font-weight: 700 !important } .blog-vwv .wrapper-sidebar .pos-related li { background: 0 0 !important; line-height: 25px; padding: 10px 0 !important; border-bottom: solid 1px #ccc } .events-wrapper-wysiwyg .btn, .search fieldset { border: none } .blog-vwv .wrapper-sidebar .pos-related li:last-child { border-bottom: none } .rsep_contact_block .rsep_phone .fa, .rsep_contact_block .rsep_url .fa { display: none } .rsep_contact_block .rsep_phone { color: #00a6c5; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 30px; line-height: 30px; margin-bottom: 15px !important; word-break: break-all } .events-wrapper-wysiwyg .btn .fa { color: #fff } #rsepro-cart-tickets #ticket1 .select { float: left; width: 68%; min-width: 110px } #rseproUserForm .accordion-toggle, #rseproUserForm .accordion-toggle:hover, #rseproaccordion .accordion-toggle { cursor: default } #rseproaccordion .accordion-body { height: auto !important } .tm-noblog .wrapper-page > .row.row-mini--mobile > .col-md-4, .tm-noblog footer .wrapper-menu .wrapper-menu-2 .wrapper-page > ul.menu.row.row-mini--mobile > li, footer .wrapper-menu .wrapper-menu-2 .tm-noblog .wrapper-page > ul.menu.row.row-mini--mobile > li { margin-bottom: 30px } div.wrapper-page > .row.row-mini--mobile { margin-left: 0 !important; margin-right: 0 !important } @media (min-width:992px) { .blog-vwv.row .col-md-4, .blog-vwv.row footer .wrapper-menu .wrapper-menu-2 ul.menu > li, footer .wrapper-menu .wrapper-menu-2 .blog-vwv.row ul.menu > li { padding-left: 10px; padding-right: 10px } .teaser-item__thumb img { max-width: 90% } .rsep_contact_block .rsep_phone { font-size: 40px; line-height: 40px } .tm-noblog .wrapper-page > .row.row-mini--mobile > .col-md-4, .tm-noblog footer .wrapper-menu .wrapper-menu-2 .wrapper-page > ul.menu.row.row-mini--mobile > li, footer .wrapper-menu .wrapper-menu-2 .tm-noblog .wrapper-page > ul.menu.row.row-mini--mobile > li { margin-bottom: 0 } div.wrapper-page > .row.row-mini--mobile { margin-left: 10px !important; margin-right: 10px !important } } .tm-isblog #yoo-zoo .row { overflow: visible } .tm-isblog #yoo-zoo .item h2.pos-subtitle { margin: 0 0 25px; font-size: 22px; color: #333; line-height: 34px; font-weight: 700; text-transform: none } .rs_featured_event { background: 0 0 !important } #comments .wrapper-page { background-color: transparent; max-width: 100% } #comments h3.comments-meta { padding-bottom: 20px } #comments .btn-submit input { min-width: 205px } #yoo-zoo #comments #respond input[type=text] { height: 40px } #yoo-zoo #comments #respond textarea { padding: 5px; max-width: 100%; width: 400px } @media (min-width:768px) { #yoo-zoo #comments ul { width: 90% } } .alert a { color: #00a6c5 } .alert a:hover { color: #008DAC; text-decoration: underline } .search .wrapper-hero { z-index: -9; min-height: 250px } .search #adminForm, .search #searchForm, .search .container { z-index: 2 } .search h1 { line-height: 1.1; margin-bottom: 10px; font-size: 36px; color: #fff } .search #advancedSearch hr { background-image: none } .search .wrapper-text { height: auto; padding-top: 50px; padding-bottom: 20px } .search .ng-mrg { margin-top: -190px } .search input { -moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; border-right: none } .search .select select { padding-left: 15px; line-height: 46px; border-radius: 4px; border: 1px solid #ccc; color: #fff; background: 0 0 !important; width: 100% !important } .search .select:after { position: absolute; top: 0; right: 0; bottom: 0; content: ""; text-align: center; line-height: 46px; width: 41px; height: auto; padding: 0; overflow: hidden; background: url(../images/sprite.png) -380px -21px no-repeat #333; background-size: auto 750px; pointer-events: none; border-top-right-radius: 8px; border-bottom-right-radius: 7px; z-index: -1 } .search span.select:before { display: none } .search .finder-selects { margin-right: 20px; width: 100%; margin-bottom: 20px } @media (min-width:992px) { .search .finder-selects { width: 30% } } .search .finder-selects .select { width: 100% } .search .finder-selects .inputbox { max-width: 100%; width: 100% } @media (min-width:992px) { .search .finder-selects .inputbox { width: 320px } } .search .form-element-row { float: left; width: 84%; margin-right: 0; padding: 0 } @media (max-width:479px) { .search .form-element-row { width: 80% } } @media (min-width:768px) { .search .form-element-row { width: 40% } } .search .btn-submit { width: 50px; height: auto; -moz-border-radius: 0 10px 10px 0; -webkit-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; text-indent: -9999px } .search .btn-submit:after { background: 0 0; width: 30px } .search .btn-submit button { display: block; width: 30px; height: 46px; background: url(../images/sprite.png) -196px -57px no-repeat #333; text-indent: -9999px; border: none; box-shadow: none } .search #advancedSearch .th-pad-md { padding: 0 } @media (min-width:992px) { .search #advancedSearch .th-pad-md { padding: 30px } } .backtolink { padding: 30px 30px 0; text-align: center } .backtolink .btn { padding-left: 25px; padding-right: 25px } .backtolink .btn:after { display: none } .wrapper-search .grid-tile { margin-bottom: 20px; display: table } @media (min-width:768px) { .backtolink { padding-bottom: 30px } .wrapper-search .wrapper-tile { min-height: 445px } } .wrapper-search .wrapper-tile.type-category { padding-bottom: 10px } .wrapper-search .wrapper-tile.type-category > img { max-height: 210px } @media (min-width:769px) { .wrapper-search .wrapper-tile.type-category > a { height: 210px; overflow: hidden; display: block } } .uk-panel-box .bxslider .details-date, .uk-panel-box .bxslider .wrapper-tile hr { display: none } .wrapper-search .teaser-details { min-height: 247px; margin-bottom: 50px; overflow: hidden } @media (min-width:992px) { .backtolink { text-align: right; position: absolute; top: 0; right: 0 } .wrapper-search .teaser-details { min-height: 269px } } .homepage-hero { position: relative; margin-bottom: 30px; background-color: #00a6c5; background-repeat: no-repeat; background-size: auto 100%; background-position: 75% top } @media (max-width:479px) { .wrapper-search .wrapper-tile { position: relative } .homepage-hero { margin-bottom: 50px } } @media (min-width:768px) { .homepage-hero { background-size: cover; background-position: auto; overflow: hidden } } .homepage-hero__overlay { position: absolute; left: 0; right: 0; top: 133px; bottom: 0; background: rgba(238,238,238,.9) } .homepage-hero__overlay:after { position: absolute; content: ''; top: -38px; left: 0; right: 0; height: 38px; background: url(//www.vwv.co.uk/templates/yoo_master2/assets/img/home-hero-overlay-xs.png) top left no-repeat; background-size: 100% 100% } @media (min-width:768px) { .homepage-hero__overlay { top: 0; left: 0 } } @media (min-width:992px) { .homepage-hero__overlay { width: 50%; height: 455px } .homepage-hero__overlay:after { top: 0; right: -195px; bottom: 0; left: auto; width: 195px; height: 100%; background: url(//www.vwv.co.uk/templates/yoo_master2/assets/img/home-hero-overlay-lrg.png) top left no-repeat; background-size: 100% 100% } } .uk-search .btn-submit, .uk-search-field { float: left; height: 45px; box-shadow: 0 3px 0 rgba(0,0,0,.3) } .homepage-hero__content { padding: 75px 0 20px; max-width: 100% } .homepage-hero__content .uk-search-field { border: none } .homepage-hero__content .uk-search:after { border: none } .homepage-hero__header { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; margin-bottom: 30px; font-size: 28px; line-height: 32px; padding-top: 80px } @media (min-width:768px) { .homepage-hero__content { padding-bottom: 57px } .homepage-hero__header { padding-top: 0; font-size: 38px; line-height: 41px; max-width: 84% } } .homepage-hero__text { margin-bottom: 15px; font-size: 16px; line-height: 22px } .uk-search { position: relative } @media (max-width:479px) { .uk-search { position: absolute; width: 100%; left: 0; padding-left: 5%; margin-top: 20px; padding-bottom: 5px; background: #333 } .uk-search .uk-search-field { margin-top: -23px } .uk-search .btn-submit { margin-top: -23px; margin-bottom: 23px } } .uk-search .btn-submit { position: relative; width: 45px; border-left: 0; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -198px -57px; background-color: #00a6c5; border-top-right-radius: 4px; border-bottom-right-radius: 4px; cursor: pointer } .uk-search .btn-submit:after { display: none } .uk-search .btn-submit button { position: absolute; top: 0; left: 0; border: none; background: 0 0; text-indent: -9999px; overflow: hidden; border-radius: 0 } .uk-search-field { width: 250px; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0 } @media (max-width:479px) { .uk-search-field { width: 78% } .uk-panel-box .bxslider .details-wrapper { min-height: 350px } } .uk-panel-box .bxslider .col-md-4, .uk-panel-box .bxslider footer .wrapper-menu .wrapper-menu-2 ul.menu > li, footer .wrapper-menu .wrapper-menu-2 .uk-panel-box .bxslider ul.menu > li { width: 100% !important; margin: 0; padding: 0 } .uk-panel-box .bxslider .type-category { border: none !important } .uk-panel-box .bxslider .details-wrapper { position: relative; left: 0; padding: 20px; width: 100% } @media (min-width:768px) { .homepage-hero__text { font-size: 20px; line-height: 26px } .uk-panel-box .bxslider .details-wrapper { position: absolute; padding: 0; top: 40px; left: 58%; width: 590px; max-width: 40% } } @media (min-width:1200px) { .uk-panel-box .bxslider .details-wrapper { top: 70px } } .uk-panel-box .bxslider .details-category { color: #9a9a9a; margin-bottom: 20px; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } .uk-panel-box .bxslider .details-category:before { content: ''; position: absolute; top: 0; left: 20px; width: 48px; height: 6px; background-color: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px } @media (min-width:768px) { .uk-panel-box .bxslider .details-category:before { top: -15px; left: 0 } } .uk-panel-box .bxslider .details-category a { text-transform: uppercase } .uk-panel-box .bxslider .details-title { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 26px; line-height: 34px; margin-bottom: 10px; overflow: hidden } .bx-viewport { height: 100% !important; } h2.bx-title { color: #fff; font-weight: bold; padding: 5px 0; } .activebar-container ul.links li a, .uk-panel-box .bxslider .details-link { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif } .uk-panel-box .bxslider .details-title a { line-height: 31px } .uk-panel-box .bxslider .details-text { position: relative; padding-right: 80px; margin-bottom: 20px; font-size: 16px; line-height: 22px; /*max-height: 100px;*/ overflow: hidden } .uk-panel-box .bxslider .details-text:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 40px; box-shadow: inset 0 -35px 25px -20px #333 } .uk-panel-box .bxslider .details-link { position: relative; padding-bottom: 10px; padding-top: 10px; font-size: 16px; line-height: 16px } .uk-panel-box .bxslider .details-link:after { position: absolute; left: 80px; top: 5px; width: 20px; height: 25px; content: " "; background-image: url(../images/sprite.png); background-repeat: no-repeat; background-position: -80px -65px } .uk-panel-box .bxslider .wrapper-tile { color: #fff; background: #333 } .pagination .uk-panel-box .bxslider a, .pagination .uk-panel-box .bxslider span, .uk-pagination .uk-panel-box .bxslider a, .uk-pagination .uk-panel-box .bxslider span, .uk-panel-box .bxslider .pagination a, .uk-panel-box .bxslider .pagination span, .uk-panel-box .bxslider .rsform, .uk-panel-box .bxslider .sidebar-module, .uk-panel-box .bxslider .social-share-vertical, .uk-panel-box .bxslider .th-drp-sdw, .uk-panel-box .bxslider .uk-pagination a, .uk-panel-box .bxslider .uk-pagination span, .uk-panel-box .bxslider .wrapper-tile-category, .uk-panel-box .bxslider .zoo-pagination a, .uk-panel-box .bxslider .zoo-pagination span, .zoo-pagination .uk-panel-box .bxslider a, .zoo-pagination .uk-panel-box .bxslider span { box-shadow: none; border-radius: 0 } .uk-panel-box .bxslider .bg-overlay { width: 100%; height: auto; background-image: url(//www.vwv.co.uk/templates/yoo_master2/assets/img/bg-shape3.png); background-size: auto 650px; background-position: 10% 10% } .uk-panel-box .bxslider .cutout { position: absolute; width: 100%; height: 100%; background-image: url(//www.vwv.co.uk/templates/yoo_master2/assets/img/bg-shape7.png) !important; background-position: 46% 28%; background-size: auto 100%; background-repeat: no-repeat; top: -249px; z-index: 1 } @media (max-width:768px) { .uk-panel-box .bxslider .cutout { display: none; } } @media (min-width:768px) { .uk-panel-box .bxslider .cutout { width: 55%; background-image: url(//www.vwv.co.uk/templates/yoo_master2/assets/img/bg-shape5.png) !important; background-position: top right; background-size: 340px 100%; background-repeat: no-repeat; top: 0; height: 380px } .homepage-hero, .wrapper-ctas, div.awards { margin-bottom: 50px } .latest-posts { margin-bottom: 30px } } .col-md-8 .nav.menu { margin-bottom: 30px } .col-md-8 .nav.menu .deeper > a:after, .col-md-8 .nav.menu a:hover:before { display: none !important } .col-md-8 .nav.menu .nav__services + ul > li, .col-md-8 .nav.menu .nav__services + ul > li ul li { max-width: 100%; width: 100% } .col-md-8 .nav.menu .nav__services + ul > li > a { font-weight: 400; margin: 0; padding: 0 } .col-md-8 .nav.menu li { padding-top: 2px; padding-bottom: 2px } .col-md-8 .nav.menu a { display: inline-block !important } .col-md-8 .nav.menu a:hover { color: #00a6c5 } .col-md-8 .nav.menu .hidden { visibility: visible !important } .col-md-8 .nav.menu .deeper ul { padding-left: 30px } .activebar-container { background: #333; background: rgba(51,51,51,.925); color: #fff; border-bottom: none } .activebar-container p { margin: 0; padding: 15px 260px 15px 20px; font-size: 17px; line-height: 24px } @media (max-width:768px) { .activebar-container p { padding-right: 20px; font-size: 15px; line-height: 22px } } .activebar-container ul.links li { margin: 0 } .activebar-container button.accept, .activebar-container button.decline { position: absolute; top: 50%; transform: translateY(-50%); right: 20px; border: none; border-radius: 3px; font-size: 17px; line-height: 17px; padding: 10px 30px; text-transform: capitalize } .activebar-container button.accept { background-color: #00a6c5; color: #fff } .activebar-container button.accept:hover { background-color: #008DAC } @media (max-width:768px) { .activebar-container button.accept, .activebar-container button.decline { position: relative; top: 0; right: 0; transform: none; display: block; width: calc(100% - 40px); margin: 5px 20px; float: none; font-size: 15px; line-height: 15px } .activebar-container button.accept { margin-bottom: 15px } } .activebar-container button.decline { right: 145px; background-color: transparent; color: #e8e8e8; padding: 10px } .activebar-container button.decline:hover { color: #fff } .plg_system_eprivacy_module .plg_system_eprivacy_accepted, .plg_system_eprivacy_module .plg_system_eprivacy_declined { background: #333; background: rgba(51,51,51,.925); color: #fff; border-bottom: none; margin-bottom: 20px } .plg_system_eprivacy_module .plg_system_eprivacy_accepted p, .plg_system_eprivacy_module .plg_system_eprivacy_declined p { margin: 0 auto; padding: 15px 20px; font-size: 17px; line-height: 24px; max-width: 1140px } @media (max-width:768px) { .activebar-container button.decline { right: 0 } .plg_system_eprivacy_module .plg_system_eprivacy_accepted p, .plg_system_eprivacy_module .plg_system_eprivacy_declined p { padding-right: 20px; font-size: 15px; line-height: 22px } } .plg_system_eprivacy_module .plg_system_eprivacy_accepted button.plg_system_eprivacy_accepted, .plg_system_eprivacy_module .plg_system_eprivacy_accepted button.plg_system_eprivacy_reconsider, .plg_system_eprivacy_module .plg_system_eprivacy_declined button.plg_system_eprivacy_accepted, .plg_system_eprivacy_module .plg_system_eprivacy_declined button.plg_system_eprivacy_reconsider { left: 20px; border: none; border-radius: 3px; font-size: 17px; line-height: 17px; padding: 10px 30px; text-transform: capitalize } @media (max-width:768px) { .plg_system_eprivacy_module .plg_system_eprivacy_accepted button.plg_system_eprivacy_accepted, .plg_system_eprivacy_module .plg_system_eprivacy_accepted button.plg_system_eprivacy_reconsider, .plg_system_eprivacy_module .plg_system_eprivacy_declined button.plg_system_eprivacy_accepted, .plg_system_eprivacy_module .plg_system_eprivacy_declined button.plg_system_eprivacy_reconsider { position: relative; top: 0; right: 0; transform: none; display: block; width: calc(100% - 40px); margin: 5px 0; float: none; font-size: 15px; line-height: 15px } } .plg_system_eprivacy_module .plg_system_eprivacy_accepted button.plg_system_eprivacy_accepted, .plg_system_eprivacy_module .plg_system_eprivacy_declined button.plg_system_eprivacy_accepted { background-color: #999; color: #e8e8e8; margin-bottom: 0; margin-right: 10px } .plg_system_eprivacy_module .plg_system_eprivacy_accepted button.plg_system_eprivacy_accepted:hover, .plg_system_eprivacy_module .plg_system_eprivacy_declined button.plg_system_eprivacy_accepted:hover { color: #fff } .plg_system_eprivacy_module .plg_system_eprivacy_accepted button.plg_system_eprivacy_reconsider, .plg_system_eprivacy_module .plg_system_eprivacy_declined button.plg_system_eprivacy_reconsider { right: 145px; background-color: #999; color: #e8e8e8; padding: 10px; margin-right: 10px } .plg_system_eprivacy_module .plg_system_eprivacy_accepted button.plg_system_eprivacy_reconsider:hover, .plg_system_eprivacy_module .plg_system_eprivacy_declined button.plg_system_eprivacy_reconsider:hover { color: #fff } @media (max-width:768px) { .plg_system_eprivacy_module .plg_system_eprivacy_accepted button.plg_system_eprivacy_accepted, .plg_system_eprivacy_module .plg_system_eprivacy_declined button.plg_system_eprivacy_accepted { margin-bottom: 15px } .plg_system_eprivacy_module .plg_system_eprivacy_accepted button.plg_system_eprivacy_reconsider, .plg_system_eprivacy_module .plg_system_eprivacy_declined button.plg_system_eprivacy_reconsider { right: 0 } } .plg_system_eprivacy_module .plg_system_eprivacy_declined button.plg_system_eprivacy_reconsider { right: 145px; background-color: #00a6c5; color: #e8e8e8; padding: 10px; margin-right: 10px } .plg_system_eprivacy_module .plg_system_eprivacy_declined button.plg_system_eprivacy_reconsider:hover { background-color: #999 } @media (max-width:768px) { .plg_system_eprivacy_module .plg_system_eprivacy_declined button.plg_system_eprivacy_reconsider { right: 0 } } @media print { #comments, #mob-footer, .js-mobile-accordion, .meet-the-team#adminForm, .meet-the-team#searchForm, .meet-the-team.container, .mobile-menu__item a, .news-and-events.wrapper-tile-category, .social-share-horizontal, .social-share-vertical, .values-module, .wrapper-twitter, footer .footer-social, footer .newsletter, footer .wrapper-menu, header .desktop-menu, header .header-secondary { display: none !important } .mobile-menu__item { border: none !important } .mobile-menu__item a.logo, body > div#adminForm, body > div#searchForm, body > div.container, body > div.wrapper-top-a, footer > div:last-of-type { display: block !important } .logo { background-position: 0 0; width: 231px; height: 62px; margin: 50px 0; -webkit-print-color-adjust: exact } .events-wrapper-wysiwyg li, .wrapper-wysiwyg li { margin-left: 20px } .events-wrapper-wysiwyg ul li, .wrapper-wysiwyg ul li { list-style-type: disc } .events-wrapper-wysiwyg ol li, .wrapper-wysiwyg ol li { list-style-type: decimal } } .swal2-container, body.swal2-iosfix { position: fixed; left: 0; right: 0 } body.swal2-shown { overflow-y: hidden } .swal2-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; bottom: 0; padding: 10px; background-color: transparent; z-index: 1060 } .swal2-container.swal2-fade { -webkit-transition: background-color .1s; transition: background-color .1s } .swal2-container.swal2-shown { background-color: rgba(0,0,0,.4) } .swal2-modal { background-color: #fff; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif !important; border-radius: 5px; box-sizing: border-box; text-align: center; margin: auto; overflow-x: hidden; overflow-y: auto; display: none; position: relative } .swal2-modal:focus { outline: 0 } .swal2-modal.swal2-loading { overflow-y: hidden } .swal2-modal .swal2-title { color: #595959; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 0 0 .4em; padding: 0; display: block } .swal2-modal .swal2-spacer { height: 10px; color: transparent; border: 0 } .swal2-modal .swal2-styled { border: 0; border-radius: 3px; box-shadow: none; color: #fff; cursor: pointer; font-size: 17px; font-weight: 500; margin: 0 5px; padding: 10px 32px } .swal2-modal .swal2-styled:not(.swal2-loading)[disabled] { opacity: .4; cursor: no-drop } .swal2-modal .swal2-styled.swal2-loading { box-sizing: border-box; border: 4px solid transparent; width: 40px; height: 40px; padding: 0; margin: -2px 30px; vertical-align: top; background-color: transparent !important; color: transparent; cursor: default; border-radius: 100%; -webkit-animation: rotate-loading 1.5s linear 0s infinite normal; animation: rotate-loading 1.5s linear 0s infinite normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .swal2-modal .swal2-styled + .swal2-styled { margin-top: 15px } .swal2-modal :not(.swal2-styled).swal2-loading::after { display: inline-block; content: ''; margin-left: 5px; vertical-align: -1px; height: 6px; width: 6px; border: 3px solid #999; border-right-color: transparent; border-radius: 50%; -webkit-animation: rotate-loading 1.5s linear 0s infinite normal; animation: rotate-loading 1.5s linear 0s infinite normal } .swal2-modal .swal2-checkbox input, .swal2-modal .swal2-checkbox span, .swal2-modal .swal2-radio input, .swal2-modal .swal2-radio span { vertical-align: middle } .swal2-modal .swal2-image { margin: 20px auto; max-width: 100% } .swal2-modal .swal2-close { font-size: 36px; line-height: 36px; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif !important; position: absolute; top: 5px; right: 13px; cursor: pointer; color: #ccc; -webkit-transition: color .1s ease; transition: color .1s ease } .swal2-modal .swal2-close:hover { color: #d55 } .swal2-modal > .swal2-checkbox, .swal2-modal > .swal2-file, .swal2-modal > .swal2-input, .swal2-modal > .swal2-radio, .swal2-modal > .swal2-select, .swal2-modal > .swal2-textarea { display: none } .swal2-modal .swal2-content { font-size: 18px; text-align: center; font-weight: 300; position: relative; float: none; margin: 0; padding: 0; line-height: normal; color: #545454 } .swal2-modal .swal2-checkbox, .swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-radio, .swal2-modal .swal2-select, .swal2-modal .swal2-textarea { margin: 20px auto } .swal2-modal .swal2-file, .swal2-modal .swal2-input, .swal2-modal .swal2-textarea { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d9d9d9; font-size: 18px; box-shadow: inset 0 1px 1px rgba(0,0,0,.06); -webkit-transition: border-color box-shadow .3s; transition: border-color box-shadow .3s } .swal2-modal .swal2-file.swal2-inputerror, .swal2-modal .swal2-input.swal2-inputerror, .swal2-modal .swal2-textarea.swal2-inputerror { border-color: #f06e57 !important } .swal2-modal .swal2-file:focus, .swal2-modal .swal2-input:focus, .swal2-modal .swal2-textarea:focus { outline: 0; box-shadow: 0 0 3px #c4e6f5; border: 1px solid #b4dbed } .swal2-modal .swal2-file:focus::-webkit-input-placeholder, .swal2-modal .swal2-input:focus::-webkit-input-placeholder, .swal2-modal .swal2-textarea:focus::-webkit-input-placeholder { -webkit-transition: opacity .3s .03s ease; transition: opacity .3s .03s ease; opacity: .8 } .swal2-modal .swal2-file:focus::-moz-placeholder, .swal2-modal .swal2-input:focus::-moz-placeholder, .swal2-modal .swal2-textarea:focus::-moz-placeholder { -webkit-transition: opacity .3s .03s ease; transition: opacity .3s .03s ease; opacity: .8 } .swal2-modal .swal2-file:focus:-ms-input-placeholder, .swal2-modal .swal2-input:focus:-ms-input-placeholder, .swal2-modal .swal2-textarea:focus:-ms-input-placeholder { -webkit-transition: opacity .3s .03s ease; transition: opacity .3s .03s ease; opacity: .8 } .swal2-modal .swal2-file:focus::placeholder, .swal2-modal .swal2-input:focus::placeholder, .swal2-modal .swal2-textarea:focus::placeholder { -webkit-transition: opacity .3s .03s ease; transition: opacity .3s .03s ease; opacity: .8 } .swal2-modal .swal2-file::-webkit-input-placeholder, .swal2-modal .swal2-input::-webkit-input-placeholder, .swal2-modal .swal2-textarea::-webkit-input-placeholder { color: #e6e6e6 } .swal2-modal .swal2-file::-moz-placeholder, .swal2-modal .swal2-input::-moz-placeholder, .swal2-modal .swal2-textarea::-moz-placeholder { color: #e6e6e6 } .swal2-modal .swal2-file:-ms-input-placeholder, .swal2-modal .swal2-input:-ms-input-placeholder, .swal2-modal .swal2-textarea:-ms-input-placeholder { color: #e6e6e6 } .swal2-modal .swal2-file::placeholder, .swal2-modal .swal2-input::placeholder, .swal2-modal .swal2-textarea::placeholder { color: #e6e6e6 } .swal2-modal .swal2-range input { float: left; width: 80% } .swal2-modal .swal2-range output { float: right; width: 20%; font-size: 20px; font-weight: 600; text-align: center } .swal2-modal .swal2-range input, .swal2-modal .swal2-range output { height: 43px; line-height: 43px; vertical-align: middle; margin: 20px auto; padding: 0 } .swal2-modal .swal2-input { height: 43px; padding: 0 12px } .swal2-modal .swal2-input[type=number] { max-width: 150px } .swal2-modal .swal2-file { font-size: 20px } .swal2-modal .swal2-textarea { height: 108px; padding: 12px } .swal2-modal .swal2-select { color: #545454; font-size: inherit; padding: 5px 10px; min-width: 40%; max-width: 100% } .swal2-modal .swal2-radio { border: 0 } .swal2-modal .swal2-radio label:not(:first-child) { margin-left: 20px } .swal2-modal .swal2-radio input { margin: 0 3px 0 0 } .swal2-modal .swal2-checkbox { color: #545454 } .swal2-modal .swal2-validationerror { background-color: #f0f0f0; margin: 0 -20px; overflow: hidden; padding: 10px; color: gray; font-size: 16px; font-weight: 300; display: none } .swal2-modal .swal2-validationerror::before { content: '!'; display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: #fff; line-height: 24px; text-align: center; margin-right: 10px } .swal2-icon.swal2-info, .swal2-icon.swal2-question, .swal2-icon.swal2-warning { font-size: 60px; line-height: 80px; text-align: center } @supports (-ms-accelerator:true) { .swal2-range input { width: 100% !important } .swal2-range output { display: none } } @media all and (-ms-high-contrast:none),(-ms-high-contrast:active) { .swal2-range input { width: 100% !important } .swal2-range output { display: none } } .swal2-icon { width: 80px; height: 80px; border: 4px solid transparent; border-radius: 50%; margin: 20px auto 30px; padding: 0; position: relative; box-sizing: content-box; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .swal2-icon.swal2-error { border-color: #f27474 } .swal2-icon.swal2-error .x-mark { position: relative; display: block } .swal2-icon.swal2-error .line { position: absolute; height: 5px; width: 47px; background-color: #f27474; display: block; top: 37px; border-radius: 2px } .swal2-icon.swal2-error .line.left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px } .swal2-icon.swal2-error .line.right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px } .swal2-icon.swal2-warning { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif !important; color: #f8bb86; border-color: #facea8 } .swal2-icon.swal2-info { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif !important; color: #3fc3ee; border-color: #9de0f6 } .swal2-icon.swal2-question { font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif !important; color: #87adbd; border-color: #c9dae1 } .swal2-icon.swal2-success { border-color: #a5dc86 } .swal2-icon.swal2-success::after, .swal2-icon.swal2-success::before { content: ''; position: absolute; width: 60px; height: 120px; background: #fff } .swal2-icon.swal2-success::before { border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px } .swal2-icon.swal2-success::after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 60px; transform-origin: 0 60px } .swal2-icon.swal2-success .placeholder { width: 80px; height: 80px; border: 4px solid rgba(165,220,134,.2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2 } .swal2-icon.swal2-success .fix { width: 7px; height: 90px; background-color: #fff; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .swal2-icon.swal2-success .line { height: 5px; background-color: #a5dc86; display: block; border-radius: 2px; position: absolute; z-index: 2 } .swal2-icon.swal2-success .line.tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .swal2-icon.swal2-success .line.long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .swal2-progresssteps { font-weight: 600; margin: 0 0 20px; padding: 0 } .swal2-progresssteps li { display: inline-block; position: relative } .swal2-progresssteps .swal2-progresscircle { background: #3085d6; border-radius: 2em; color: #fff; height: 2em; line-height: 2em; text-align: center; width: 2em; z-index: 20 } .swal2-progresssteps .swal2-progresscircle:first-child { margin-left: 0 } .swal2-progresssteps .swal2-progresscircle:last-child { margin-right: 0 } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep { background: #3085d6 } .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progresscircle, .swal2-progresssteps .swal2-progresscircle.swal2-activeprogressstep ~ .swal2-progressline { background: #add8e6 } .swal2-progresssteps .swal2-progressline { background: #3085d6; height: .4em; margin: 0 -1px; z-index: 10 } [class^=swal2] { -webkit-tap-highlight-color: transparent } @-webkit-keyframes showSweetAlert { 0% { -webkit-transform: scale(.7); transform: scale(.7) } 45% { -webkit-transform: scale(1.05); transform: scale(1.05) } 80% { -webkit-transform: scale(.95); transform: scale(.95) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes showSweetAlert { 0% { -webkit-transform: scale(.7); transform: scale(.7) } 45% { -webkit-transform: scale(1.05); transform: scale(1.05) } 80% { -webkit-transform: scale(.95); transform: scale(.95) } 100% { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes hideSweetAlert { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } } @keyframes hideSweetAlert { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } } .swal2-show { -webkit-animation: showSweetAlert .3s; animation: showSweetAlert .3s } .swal2-show.swal2-noanimation { -webkit-animation: none; animation: none } .swal2-hide { -webkit-animation: hideSweetAlert .15s forwards; animation: hideSweetAlert .15s forwards } .swal2-hide.swal2-noanimation { -webkit-animation: none; animation: none } @-webkit-keyframes animate-success-tip { 0%,54% { width: 0; left: 1px; top: 19px } 70% { width: 50px; left: -8px; top: 37px } 84% { width: 17px; left: 21px; top: 48px } 100% { width: 25px; left: 14px; top: 45px } } @keyframes animate-success-tip { 0%,54% { width: 0; left: 1px; top: 19px } 70% { width: 50px; left: -8px; top: 37px } 84% { width: 17px; left: 21px; top: 48px } 100% { width: 25px; left: 14px; top: 45px } } @-webkit-keyframes animate-success-long { 0%,65% { width: 0; right: 46px; top: 54px } 84% { width: 55px; right: 0; top: 35px } 100% { width: 47px; right: 8px; top: 38px } } @keyframes animate-success-long { 0%,65% { width: 0; right: 46px; top: 54px } 84% { width: 55px; right: 0; top: 35px } 100% { width: 47px; right: 8px; top: 38px } } @-webkit-keyframes rotatePlaceholder { 0%,5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } 100%,12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg) } } @keyframes rotatePlaceholder { 0%,5% { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } 100%,12% { -webkit-transform: rotate(-405deg); transform: rotate(-405deg) } } .animate-success-tip { -webkit-animation: animate-success-tip .75s; animation: animate-success-tip .75s } .animate-success-long { -webkit-animation: animate-success-long .75s; animation: animate-success-long .75s } .swal2-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in } @-webkit-keyframes animate-error-icon { 0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0 } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1 } } @keyframes animate-error-icon { 0% { -webkit-transform: rotateX(100deg); transform: rotateX(100deg); opacity: 0 } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1 } } .animate-error-icon { -webkit-animation: animate-error-icon .5s; animation: animate-error-icon .5s } @-webkit-keyframes animate-x-mark { 0%,50% { -webkit-transform: scale(.4); transform: scale(.4); margin-top: 26px; opacity: 0 } 80% { -webkit-transform: scale(1.15); transform: scale(1.15); margin-top: -6px } 100% { -webkit-transform: scale(1); transform: scale(1); margin-top: 0; opacity: 1 } } @keyframes animate-x-mark { 0%,50% { -webkit-transform: scale(.4); transform: scale(.4); margin-top: 26px; opacity: 0 } 80% { -webkit-transform: scale(1.15); transform: scale(1.15); margin-top: -6px } 100% { -webkit-transform: scale(1); transform: scale(1); margin-top: 0; opacity: 1 } } .animate-x-mark { -webkit-animation: animate-x-mark .5s; animation: animate-x-mark .5s } @-webkit-keyframes pulse-warning { 0% { border-color: #f8d486 } 100% { border-color: #f8bb86 } } @keyframes pulse-warning { 0% { border-color: #f8d486 } 100% { border-color: #f8bb86 } } .pulse-warning { -webkit-animation: pulse-warning .75s infinite alternate; animation: pulse-warning .75s infinite alternate } @-webkit-keyframes rotate-loading { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate-loading { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } footer .nav > li > a { display: inline; } footer .nav > li > a:hover, footer .nav > li > a:focus { text-decoration: none; background-color: transparent; } #FindJobContainer { display: none; } .navbar-fixed-top, .navbar-fixed-bottom { position: relative; } html body .tooltip2_Outer { background-color: #999 !important; } #eaContainer { margin-bottom: 30px; padding: 30px; border-radius: 5px; background: #e8e8e8; box-shadow: 0 5px 0 rgba(0,0,0,.3); } .Home #eaContainer { border: none !important; background-color: transparent !important; border-radius: 0px; padding: 0rem; } .Home #eaContainer { margin-bottom: 0; } #eaContainer div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow { margin-top: 0; width: 45%; float: left; } .pageBlockInner_FormBlock div.labelContainer { float: left; width: 100%; text-align: left; padding-top: 2px; } #eaContainer .pageBlockInner_FormBlock label.formLabel { margin-bottom: 0 !important; font-style: normal !important; font-weight: 400 !important; color: #323232 !important; } .pageBlockInner_FormBlock input.inputText, .pageBlockInner_TextTagReplacementBlock input.inputText { line-height: 46px; padding: 0 15px; height: 46px; } .pageBlockInner_FormBlock input.inputText, .pageBlockInner_TextTagReplacementBlock input.inputText { width: 100%; border: 1px solid #ccc; color: #333 !important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .pageBlockInner_FormBlock div.controlContainer { margin-top: 5px; } .pageBlockInner_FormBlock input.inputText, .pageBlockInner_TextTagReplacementBlock input.inputText, #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select { background-color: #fff; border: 1px solid #ccc; border-radius: 0.4rem; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0.75em; padding: 5px !important; -webkit-transition: border-color 150ms ease; transition: border-color 150ms ease !important; width: 500px; } body .tooltip2_Outer { padding: 8px 15px; border-radius: 3px; } #RegisterForm_pageBlock .pageBlockInner_FormBlock #RegisterForm_username_view_formRow .textLiteral, #PasswordForm_pageBlock .pageBlockInner_FormBlock #PasswordForm_username_view_formRow .textLiteral { background-color: transparent; float: left; border: none !important; text-align: center; border-radius: 5px; text-align: left; width: auto !important; min-width: 10px; font-size: 20px; border-radius: 0.4rem !important; background-color: #00a6c5 !important; color: white !important; } #RegisterForm_pageBlock .pageBlockInner_FormBlock #RegisterForm_username_view_formRow .textLiteral:hover, #PasswordForm_pageBlock .pageBlockInner_FormBlock #PasswordForm_username_view_formRow .textLiteral:hover { background-color: #008DAC !important; color: #fff !important; } .heading-section { margin-top: 10px !important; margin-bottom: 20px !important; font-size: 26px !important; } /*---bm/30/01/2023---*/ .textpage_trainingcontracts #eaContainer, .textpage_careers #eaContainer, .textpage_howtoapply #eaContainer, .textpage_vacationscheme #eaContainer { padding: 10px 30px; } #TrainingContract .wrapper-wysiwyg { padding-top: 0 !important; } .textpage_trainingcontracts footer { display: block !important; float: left; width: 100% !important; position: relative; } #TrainingContract ul li { font-size: 18px !important; } .circles { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 30px; } .circle { flex: 0 0 239px; height: 239px; background-color: #e21d24; text-align: center; border-radius: 150px; text-decoration: none; display: grid; place-items: center; } .circle h2 { color: white; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 4.8rem; line-height: 4.8rem; margin-top: -24px; } .circle h2 span { color: white; font-family: "Articulat CF",-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif; font-size: 2.4rem; } @media screen and (max-width: 992px) { .circles { display: flex; justify-content: center; } } .uk-width-1-1.uk-width-medium-1-5 { display: block !important; } .Home #talentpoolgrid_pageBlock .rowHeader { top: 188px !important; } .rowHeader { overflow: hidden !important; } .Home #talentpoolgrid_pageBlock .rowLabel { background-image: url(../images/redarrow_right.png); background-repeat: no-repeat; background-position: right bottom !important; } ._rowimage_vacancyColumn.vacancyColumn img { width: 100% !important; } .uk-width-1-1.uk-width-medium-1-5 { display: none !important; } .uk-width-1-1.uk-width-medium-1-5 { display: block !important; } .textpage_alumni_info_1 p, .textpage_alumni_info_2 p, .textpage_alumni_info_3 p { margin-bottom: 10px; } #pojo-a11y-toolbar { top: initial !important; bottom: 0; z-index: 20; } #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle { bottom: 0; } #pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a { background: #00a6c5; color: #fff; } #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay { background: #fff; } #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a { font-size: inherit; } body.pojo-a11y-grayscale { filter: none; -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; } body.pojo-a11y-grayscale #pojo-container header, body.pojo-a11y-grayscale #pojo-container main, body.pojo-a11y-grayscale #pojo-container footer, body.pojo-a11y-grayscale #pojo-a11y-toolbar { -webkit-filter: grayscale(100%); -webkit-filter: grayscale(1); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); }