#myBtn { margin-bottom:20px; font-style:italic; text-decoration:underline;} #myBtn:hover { color:#fc6a2d; cursor:pointer;} #wrapper #content .sectorLinks { display:none;} @media screen and (max-width:650px) { #wrapper #content .sectorLinks { display:block;} } body { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; } .time, time, .featJobFirstPara {display:none;} #newsdetail time { display:inline-block;} .shareButtons a { display:inline-block; margin-right:3px; width:17px; height:17px; text-align:center; } a.TW { background-color:#5ea5dd;} a.FB { background-color:#42599a;} a.RD { background-color:#acd0f8; } a.TM { background-color:#36465d;} a.GP { background-color:#d8574b; width:20px; } a.IN { background-color:#277ab7;} a.RSS { background-color:#fc6a2d;} .shareButtons a i { display:block; margin-top:2px; color:#ffffff; font-size:14px; } .quoteLeft { font-size:22px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; width:15px; height:10px; display:inline-block; vertical-align:-5px;} .quoteRight { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; text-align:right; font-size:22px; width:15px; height:10px; display:inline-block; vertical-align:-5px;} .alertButton a { display:inline-block; border-radius: 20px; border:1px solid #a5a6a8; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:14px; color:#ffffff; padding: 5px 23px 5px 13px; position:relative; text-transform:uppercase; margin-bottom:20px; background-color:#474748; } .alertButton a i { margin-right:10px;} .alertButton a:hover { background-color:#ffffff; color:#1a1818; } /*mobile buttons */ #wrapper #content .sectorLinks a { display:inline-block; margin-right:5px; margin-bottom:3px; color:#1a1818; text-transform:uppercase; background-color:#eaf2f9; padding:2px 5px; font-size:12px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; border-radius:5px; } #wrapper #content .sectorLinks a { color:#ffffff; background-color:#42aa69; } .mobileNewsSearch { display:none; position:relative;} @media screen and (max-width:650px) { .mobileNewsSearch { display:block; } .mobileNewsSearch input { height:27px; padding:3px 0 3px 6px; width:99%; width:calc(100% - 6px); border:1px solid #a5a6a8 ; border-radius:5px;} .mobileNewsSearch input::-webkit-input-placeholder { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; font-size:12px; color:#474748; } .mobileNewsSearch input:-moz-placeholder { /* Firefox 18- */ font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; font-size:12px; color:#474748; } .mobileNewsSearch input::-moz-placeholder { /* Firefox 19+ */ font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; font-size:12px; color:#474748; } .mobileNewsSearch input:-ms-input-placeholder { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; font-size:12px; color:#474748; } .mobileNewsSearch button { position:absolute; right:-1px; top:0; height:27px; border:none; padding:3px 12px 3px 12px; border-radius:0 5px 5px 0; background-color:#a5a6a8; color:#ffffff; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; font-size:12px; text-transform:uppercase; } .mobileNewsSearch button:hover { background-color:#a5a6a8; } } .sectorLinks { margin-bottom:15px;} .sectorLinks a { display:inline-block; margin-right:5px; margin-bottom:5px; color:#1a1818; text-transform:uppercase; background-color:#eaf2f9; padding:6px 10px; font-size:12px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; border-radius:5px; } .jobSectorLinks a { background-color:#e0f4e8;} .sectorLinks a:hover, .sectorLinks a.selected { color:#ffffff; background-color:#a4c7e0; } .jobSectorLinks a:hover, .jobSectorLinks a.selected { background-color:#4dab68; } /*leaderboards */ #leaderboardTop { display:none;} #leaderboardTop .title { display:none;} #leaderboardTop { position:relative; width:100%; padding:10px 0; margin-bottom:10px; background-color:#edeeee; z-index:10} #leaderboardTop .field1 { margin: 0 auto; width: 1188px; padding: 0px 10px;} #leaderboardTop .field1 img { width:100%; } #leaderboardTop .field2, #leaderboardTop .field3 { display:none;} @media screen and (max-width:1202px) { #leaderboardTop { padding:18px 0 17px 0; } #leaderboardTop .field1 { display:none;} #leaderboardTop .field2 { display:block; margin: 0 auto; width: 1018px; padding: 0px 10px;} #leaderboardTop .field2 img { width:100%; } } @media screen and (max-width:650px) { #leaderboardTop .field2 { display:none;} #leaderboardTop .field3 { display:block; margin: 0 auto; max-width: 600px; padding: 0px 10px;} #leaderboardTop .field3 img { width:100%; } } /* hide leaderboard from recruiter and logged in myleisureopps pages */ #leaderboardBottom { display:none;} #leaderboardBottom .title { display:none;} #leaderboardBottom.firstItem { margin-bottom:150px;} #leaderboardBottom.lastItem { width:100%; padding:0px 0; margin-bottom:0px; background-color:#edeeee; position:fixed; bottom:0; z-index:20; } #leaderboardBottom.lastItem .field1 { width:1188px; margin:0 auto; } #leaderboardBottom.lastItem .field2 { display:none; width:1018px; margin:0 auto;} #leaderboardBottom.lastItem .field1 #leaderboardPopup img, #leaderboardBottom.lastItem .field2 #leaderboardPopup2 img { width:100%} #leaderboardBottom.lastItem .field1 #leaderboardPopup, #leaderboardBottom.lastItem .field2 #leaderboardPopup2 { height:0px; -webkit-transition: height 1s; /* For Safari 3.1 to 6.0 */ transition: height 1s; margin-bottom:0px; padding:0; } #leaderboardBottom.lastItem .field1 #leaderboardPopup.showleaderboardPopup, #leaderboardBottom.lastItem .field2 #leaderboardPopup2.showleaderboardPopup { height:85px; padding:10px 0; } #leaderboardBottom.lastItem .field1 #leaderboardPopup #button, #leaderboardBottom.lastItem .field2 #leaderboardPopup2 #button2 { height:0px; position:relative;} #leaderboardBottom.lastItem .field1 #leaderboardPopup #button { width:1198px; margin:0 auto; } #leaderboardBottom.lastItem .field2 #leaderboardPopup2 #button2 { width:1028px; margin:0 auto; } #leaderboardBottom.lastItem .field1 #leaderboardPopup #button i, #leaderboardBottom.lastItem .field2 #leaderboardPopup2 #button2 i { display:block; position:absolute; top:0px; left:-20px; font-size:16px;} #leaderboardBottom.lastItem .closeLeaderboard {display:none;} @media screen and (max-width:1202px) { #leaderboardBottom.lastItem .field1 { display:none;} #leaderboardBottom.lastItem .field2 { display:block;} } @media screen and (max-width:650px) { #leaderboardBottom, #leaderboardBottomClear { display:none; height:0; width:0;} } /* interior bannerads */ .insiteBDesktop, .insiteBMobile { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #a5a6a8; text-align:left;} .insiteBDesktop a img, .insiteBMobile a img { width:100%; max-width:415px; } .insiteBMobile { display:none;} .newsCol .newsColTitle { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size: 20px; margin-bottom: 8px; letter-spacing: 0.5px;} .newsCol .newsColItem { margin-bottom:20px;} .newsCol .newsColItem .newsColImg { float: left; width: 48%; margin-bottom: 4px; border: 1px solid #ededed; } .newsCol .newsColItem .newsColImg img { width:100%;} .newsCol .newsColItem .newsColContent { float: right; width: 48%; } .newsCol .newsColItem .newsColContent a h2, .newsCol .newsColItem .newsColContent a { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; font-size: 12px; margin-bottom: 4px; line-height: 17px; } .newsCol .newsColItem .newsColContent a:hover h2, .newsCol .newsColItem .newsColContent a:hover { text-decoration:underline; } .newsCol .newsColItem .newsColShare .sharePanel { padding:3px 0px; height:20px; margin-top:5px; margin-bottom:20px; color:#474748; font-size:12px; font-family: "Sanchez", serif; font-style: normal; font-weight: bold; letter-spacing:1px; } .newsCol .newsColItem .newsColShare .shareIcon { background-image:url(https://www.healthclubmanagement.co.uk/images/shareIconGrey.png); background-position:50px 60%; background-size: auto 60%; background-repeat:no-repeat;} .newsCol .newsColItem .newsColShare .shareIcon:before { content :'SHARE ';} .newsCol .newsColItem .newsColShare .shareButtons { display:none;} .newsCol .newsColItem .newsColShare:hover .shareButtons { display:block;} .newsCol .newsColItem .newsColShare:hover .shareIcon { display:none;} .newsCol .moreButton a { display: block; float: right; background-color: #82a8be; border-radius: 20px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size: 12px; color: #ffffff; padding: 5px 33px 5px 13px; position: relative; text-transform: uppercase; background-image: url(https://www.healthclubmanagement.co.uk/images/linkArrow.png); background-repeat: no-repeat; background-position: 100% 50%; background-size: auto 50%; margin-top: -10px; } .newsCol .moreButton a.genNews { background-color:#42aa69;} .newsCol .moreButton a.genNews:hover { background-color:#378553;} .newsCol .moreButton a.peopleNews { background-color:#6b527f;} .newsCol .moreButton a.peopleNews:hover { background-color:#564266;} .newsCol .moreButton a.trainingNews { background-color:#82a8be;} .newsCol .moreButton a.trainingNews:hover { background-color:#688698;} .newsCol .moreButton a.productNews { background-color:#e7e7e8; color:#1a1818; background-image: url(https://www.healthclubmanagement.co.uk/images/linkArrowBlack.png); } .newsCol .moreButton a.productNews:hover { background-color:#b4b5b5;} .employerofchoice { margin-top:20px; border-top:1px solid #a5a6a8; padding-top:20px; margin-bottom:20px; border-bottom:1px solid #a5a6a8; padding-bottom:20px;} .employerofchoice .EP_header { color: #1a1818; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; text-transform: uppercase; margin-bottom: 8px; position: relative; } .employerofchoice .EP_header:before { content: ''; display: inline-block; height: 8px; width: 8px; border-radius: 4px; margin-right: 6px; background-color: #365aa5;} .employerofchoice .EP_headline { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size: 17px; line-height: 22px; margin-bottom: 8px; } .employerofchoice .EP_col1 { display:none;} .employerofchoice .EP_col2 .EP_firstpara { line-height: 17px; font-size: 11px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; } .employerofchoice .EP_col2 .EP_readMore a { display: inline-block; margin: 5px 0; padding: 2px; color: #365aa5; font-size: 11px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; line-height: 18px; text-decoration: underline;} .employerofchoice .EP_col2 .EP_readMore a:hover { color: #fc6a2d;} .employerofchoice .EP_col2 .EP_jobsLink a { margin-top: 8px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; display: inline-block; position: relative; background-color: #365aa5; color: #ffffff; padding: 5px 33px 5px 10px; border-radius: 30px; font-size: 12px; background-image: url(https://www.healthclubmanagement.co.uk/images/linkArrow.png); background-repeat: no-repeat; background-position: 100% 50%; background-size: auto 50%;} .employerofchoice .EP_col2 .EP_jobsLink a:hover { background-color:#324981 } @media screen and (max-width:650px) { .newsCol .newsColItem .newsColContent a h2 { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; font-size:15px; margin-bottom:4px; line-height:21px;} } .HPS { margin:20px 0px;} .topHPS { margin:0 0 20px 0px;} .HPS img { width:100%;} @media screen and (max-width:650px) { .HPS { max-width:300px;} .insiteBDesktop { display:none;} .insiteBMobile { display:block;} } /* company profiles */ #coProfile .coProfileTitle, #coProfiles .coProfileTitle { font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 300; font-size: 19px; display: inline-block; border-bottom: 6px solid #6b527f; padding-bottom: 3px; margin-bottom: 20px; color: #474748; border-radius: 0 0 3px 3px;} #coProfile { margin-bottom:40px; border-bottom:1px solid #000; padding-bottom:40px;} #coProfile .coProfileCol1 { float:left; width:55%; margin-right:10%;} #coProfile .coProfileCol1 h1 { font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 17px; margin-bottom: 15px;} #coProfile .coProfileCol1 .coProfileDetails { margin-bottom: 10px; font-size: 14px; line-height: 20px;} #coProfile .coProfileCol2 { float:left; width:35%; } #coProfile .coProfileCol2 .coProfileImg { margin-bottom:20px;} #coProfile .coProfileCol2 .coProfileImg img { width:100%;} #coProfile .coProfileCol2 .coProfileImg .caption { font-size:11px; margin-top:4px; font-family: "DM Sans", sans-serif; font-style: italic; font-weight: 400;} #coProfile .coProfileCol2 .coProfileAddress, #coProfile .coProfileCol2 .coProfileContacts, #coProfile .coProfileCol2 .coProfileSocial { margin-bottom: 20px; font-size: 14px; line-height: 20px;} #coProfile .coProfileCol2 .coprofileConame { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; } #coProfile .coProfileCol2 .coProfileSocial .coprofileConame { margin-bottom:10px;} #coProfile .coProfileCol2 .coProfileSocial a { display:inline-block; font-size:20px; margin-right:10px; color:#6b527f;} #coProfile .coProfileCol2 .coProfileSocial a:hover { color:#fc6a2d;} #coProfiles .profileIitem { display: -webkit-flex; display: flex; padding-bottom:20px; border-bottom:1px solid #a5a6a8; margin-bottom:20px;} #coProfiles .profileIitem .profileImg { width:35%; margin-right:5%} #coProfiles .profileIitem .profileImg img { width:100%;} #coProfiles .profileIitem .profileInfo { width:60%; font-size: 14px; line-height: 20px;} #coProfiles .profileIitem .profileInfo .profileTitle { font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 22px; margin-top: -2px; margin-bottom: 8px; } #coProfiles .profileIitem .profileInfo .profileTitle a:hover { text-decoration:underline;} #coProfiles .profileIitem .profileInfo .profileIntro a { font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 600; font-size: 12px; line-height: 20px; color: #474748; text-decoration: underline; letter-spacing: 0.5px;} #coProfiles .profileIitem .profileInfo .profileIntro a:hover { color:#fc6a2d;} /*homepage star jobs */ #wrapper.home .col2 h1 { font-size:18px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; margin-bottom:20px; margin-top:-10px; text-transform:uppercase} #featuredJobs { margin-bottom:10px; border-bottom:2px solid #a5a6a8; padding-bottom:10px;} #featuredJobs .title { display:none;} #featuredJobs.row1 .title { display:block;} #featuredJobs.row1 .title h1 { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:18px; margin-bottom:25px; padding-bottom:10px; border-bottom:1px solid #a5a6a8; text-transform:uppercase;} #featuredJobs .field1 .featJobLogoLandscape { float:right; width:30%; margin:0 0 10px 10px;} #featuredJobs .field1 .featJobLogoSquare { float:right; width:18%; margin:0 0 10px 10px;} #featuredJobs .field1 .featJobLogoPortrait { float:right; width:14%; margin:0 0 10px 10px;} #featuredJobs .field1 .featJobLogoLandscape img, #featuredJobs .field1 .featJobLogoPortrait img, #featuredJobs .field1 .featJobLogoSquare img { width:100%; } #featuredJobs .field1 .featJobTag { color:#fc6a2d; text-transform:uppercase; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:12px; margin-bottom:5px; letter-spacing:0.5px;} #featuredJobs .field1 .execJobTag { color:#324981;} #featuredJobs .field1 .featjob { color:#322b29; } #featuredJobs .field1 .featJobTag i.fa-star, #featuredJobs .field1 .featJobTag i.fa-diamond { display:inline-block; margin-right:5px;} #featuredJobs .field1 .featJobTag .diamond { display:inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 7px; height: 0; position: relative; margin: 3px 5px 8px 0; border: 3px solid rgba(0,0,0,0); border-top-width: 0; border-bottom-color: #3d58a6; font: normal 100%/normal Arial, Helvetica, sans-serif; color: rgba(0,0,0,1); -o-text-overflow: clip; text-overflow: clip; } #featuredJobs .field1 .featJobTag .diamond::after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 0; height: 0; position: absolute; content: ""; top: 3px; left: -3px; border: 7px solid rgba(0,0,0,0); border-top: 7px solid #3d58a6; border-bottom-width: 0; font: normal 100%/normal Arial, Helvetica, sans-serif; color: rgba(0,0,0,1); -o-text-overflow: clip; text-overflow: clip; text-shadow: none; } #featuredJobs .field1 .topJobTag { color:#2a8b4d; text-transform:uppercase; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:12px; margin-bottom:5px; letter-spacing:0.5px; padding-left:17px; position:relative;} #featuredJobs .field1 .featjob { color:#322b29; padding-left:12px; position:relative; } #featuredJobs .field1 .featjob:before { content:''; position:absolute; left:0; top:4px; width: 6px; height: 6px; background-color:#47403d; } #featuredJobs .field1 .topJobTag i.topSymbol { display:inline-block; width: 0; height: 0; border-style: solid; border-width: 0 6px 12px 6px; border-color: transparent transparent #2a8b4d transparent; position:relative; margin-right:5px; position:absolute; left:0; top:2px; } #featuredJobs .field1 .topJobTag i.topSymbol:before { content:''; position:absolute; bottom:-12px; left:-6px; width: 0; height: 0; border-style: solid; border-width: 0 6px 3px 6px; border-color: transparent transparent #fff transparent;} #featuredJobs .field1 .featJobTitle h2 a { display:block; font-size:20px; color:#365aa5; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; margin-bottom:5px;} #featuredJobs .field1 .featJobTitle h2 a:hover { text-decoration:underline; color:#365aa5;} #featuredJobs .field1 .featJobCo { font-size:16px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; margin-bottom:5px;} #featuredJobs .field1 .featJobSalary, #featuredJobs .field1 .featJobLocation { font-size:14px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 200; margin-bottom:5px;} #featuredJobs .field1 .featJobSalary { margin-bottom:2px;} #featuredJobs .field1 .featJobSalary:before { content:'salary: '; color:#474748; font-size:12px; text-transform:uppercase;} #featuredJobs .field1 .featJobLocation .jobLoc { color:#474748; font-size:12px; text-transform:uppercase;} /*#featuredJobs .field2 { float:right; width:23%; text-align:right;} #featuredJobs .field2 img.landscape { width:100%;} #featuredJobs .field2 img.square { width:90%;} #featuredJobs .field2 img.portrait { width:80%;} #featuredJobs .field2Clear { clear:both; /*margin-bottom:10px*/ /*margin-bottom:0px;}*/ #featuredJobs .field3 { /*float:left; width:35%;*/ display:none;} #featuredJobs .field3 img { width:100%;} #featuredJobs .field4 { /*float:right; width:60%;*/} #featuredJobs .field4 .featJobFirstPara { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 200; font-size:13px; line-height:18px; margin-bottom:15px;} #featuredJobs .field4 .featJobLinks { /*margin-bottom:25px;*/ margin-bottom:15px; float:left; width:50%;} #featuredJobs .field4 .featJobLinks .featJobLinksClear { display:none;} #featuredJobs .field4 .featJobLinks a { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 200; text-transform:uppercase; font-size:12px; display:inline-block; margin-right:15px;} #featuredJobs .field4 .featJobLinks i { display:inline-block; position:relative; width:17px; font-size:10px; text-align:center; line-height:17px; margin-left:3px; } #featuredJobs .field4 .featJobLinks i.fa-file-o { font-size:20px; text-align:left; line-height:30px; } #featuredJobs .field4 .featJobLinks i:before { position:absolute; background-color:#365aa5; width:16px; height:16px; border-radius:50%; color:#ffffff; top:-13.5px; left:-3px;} #featuredJobs .field4 .featJobLinks a:hover { text-decoration:underline;} #featuredJobs .field4Clear { clear:both;} #featuredJobs .field4 .featJobApply { /*float:right; width:50%;*/ margin-top:8px;} #featuredJobs .field4 .featJobApply a { /*float:right;*/ display:inline-block; border-radius: 20px; border:1px solid #a5a6a8; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:13px; background-color:#ffffff; color:#474748; padding: 5px 33px 5px 13px; position:relative; text-transform:uppercase; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrowBlue.png); background-repeat:no-repeat; background-position:100% 50%; background-size: auto 50%; } #featuredJobs .field4 .featJobApply a:hover { background-color:#365aa5; color:#ffffff; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrow.png);} #featuredJobs .field4Clear { clear:both;} @media screen and (max-width:1202px) { #featuredJobs .field4 .featJobLinks { width:40%;} #featuredJobs .field4 .featJobApply { margin-top:22px; width:60%;} #featuredJobs .field4 .featJobLinks .featJobLinksClear { display:block; clear:both; margin-bottom:18px;} } @media screen and (max-width:650px) { #wrapper.home .col2 h1 { margin-top:3px; } #featuredJobs .field1 .featJobLogoLandscape, #featuredJobs .field1 .featJobLogoPortrait, #featuredJobs .field1 .featJobLogoSquare, #featuredJobs .field4 .featJobFirstPara, #featuredJobs .field4 .featJobLinks { display:none;} #featuredJobs .field1 .featJobTitle a { font-size:16px; margin-bottom:5px;} #featuredJobs .field1 .featJobCo { font-size:15px; margin-bottom:5px;} #featuredJobs .field1 .featJobSalary, #featuredJobs .field1 .featJobLocation { font-size:14px; margin-bottom:5px;} #featuredJobs .field1 .featJobSalary:before { font-size:12px; } #featuredJobs .field1 .featJobLocation .jobLoc { font-size:12px; } #featuredJobs .field4 .featJobApply { float:right; width:100%; margin-top:5px; } #featuredJobs .field4 .featJobApply a { font-size:12px; padding: 3px 27px 3px 10px; } #featuredJobs .field4 .featJobApply a { float:none; } #featuredJobs .field4 .featJobApply a .mobileHide { display:none;} } /*homepage fixed jobs */ #fixedJob { margin-bottom:20px; border-bottom:3px solid #a5a6a8; padding-bottom:20px;} #fixedJob .field1 { color:#42aa69; text-transform:uppercase; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:12px; margin-bottom:5px; letter-spacing:0.5px;} #fixedJob .field1 i.fa-circle { display:inline-block; margin-right:5px;} #fixedJob .field2 { margin-bottom:5px; } #fixedJob .field2 h2 a { font-size:18px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; color:#365aa5;} #fixedJob .field2 h2 a:hover { text-decoration:underline;} #fixedJob .field3 { color:#474748; font-size:16px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; margin-bottom:5px; border-bottom:1px dotted #a5a6a8; padding-bottom:5px; } #fixedJob .field4 img { float:right; margin:0 0 10px 10px;} #fixedJob .field4 img.portrait { width:14%;} #fixedJob .field4 img.square { width:18%;} #fixedJob .field4 img.landscape { width:25%;} #fixedJob .field4 { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 200; margin-bottom:15px; font-size:13px; line-height:18px; } #fixedJob .field5 a { display:inline-block; border-radius: 20px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:13px; background-color:#e7e7e8; color:#474748; padding: 5px 33px 5px 13px; position:relative; text-transform:uppercase; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrowBlack.png); background-repeat:no-repeat; background-position:100% 50%; background-size: auto 50%; } #fixedJob .field5 a:hover { background-color:#58595b; color:#ffffff; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrow.png);} @media screen and (max-width:650px) { #fixedJob .field4 { display:none;} #fixedJob .field3 { margin-bottom:7px; border-bottom:none; padding-bottom:0px; } #fixedJob .field5 a .mobileHide { display:none; } } /*homepage company jobs */ #companyJob { margin-bottom:20px; border-bottom:3px solid #a5a6a8; padding-bottom:20px;} #companyJob .field1 { color:#42aa69; text-transform:uppercase; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:12px; margin-bottom:5px; letter-spacing:0.5px;} #companyJob .field1 i.fa-circle { display:inline-block; margin-right:5px;} #companyJob .field2 { color:#474748; font-size:18px; font-family: "DM Sans", sans-serif; font-style: italic; font-weight: 400; margin-bottom:5px; } #companyJob .field2 .jobCo { color:#365aa5; font-size:18px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; } #companyJob .field2Clear { clear:both; height:5px; border-bottom:1px dotted #a5a6a8; margin-bottom:5px;} #companyJob .field4 img { float:right; margin:0 0 10px 10px;} #companyJob .field4 img.square { width:18%;} #companyJob .field4 img.portrait { width:14%;} #companyJob .field4 img.landscape { width:25%;} #companyJob .field4 { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 200; margin-bottom:5px; font-size:13px; line-height:18px; } #companyJob .field4 p { margin-bottom:5px;} #companyJob .field4Clear { clear:both;} #companyJob .field4 h2 { display:inline-block;} #companyJob .field4 h2 a { color:#365aa5; text-decoration:underline; display:inline-block; padding:3px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:13px; margin-bottom:5px;} #companyJob .field4 h2 a:hover { color:#ffffff; text-decoration:none; background-color:#365aa5; padding:3px; } #companyJob .field5 a { margin-top:5px; display:inline-block; border-radius: 20px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:13px; background-color:#e7e7e8; color:#474748; padding: 5px 33px 5px 13px; position:relative; text-transform:uppercase; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrowBlack.png); background-repeat:no-repeat; background-position:100% 50%; background-size: auto 50%; } #companyJob .field5 a .mobileShow { display:none;} #companyJob .field5 a:hover { background-color:#58595b; color:#ffffff; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrow.png);} @media screen and (max-width:650px) { #companyJob .field4 img { display:none;} #companyJob .field4 p { display:none;} #companyJob .field3 { margin-bottom:7px; border-bottom:none; padding-bottom:0px; } #companyJob .field5 a .mobileShow { display:block;} #companyJob .field5 a .mobileHide { display:none;} } /*homepage job listings */ #Joblistings { display:none;} #Joblistings.row1, #Joblistings.row2, #Joblistings.row3, #Joblistings.row4, #Joblistings.row5, #Joblistings.row6, #Joblistings.row7, #Joblistings.row8, #Joblistings.row9, #Joblistings.row10 { display:block; } #Joblistings { padding-bottom:8px; margin-bottom:8px; border-bottom:1px solid #a5a6a8;} #Joblistings.lastItem { margin-bottom:20px; } #Joblistings .title { display:none;} #Joblistings .field1 h2 a { display:block; font-size: 16px; color: #365aa5; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; margin-bottom: 5px;} #Joblistings .field1 h2 a:hover { text-decoration:underline;} #Joblistings .field1 .featJobTag { color:#1a1818; text-transform:uppercase; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:12px; margin-bottom:10px; letter-spacing:0.5px;} #Joblistings .field1 .featjob { color:#322b29; padding-left:15px; position:relative; } #Joblistings .field1 .featjob:before { content:''; position:absolute; left:0; top:5px; width: 8px; height: 8px; background-color:#7a90b9; } #Joblistings .field2 { font-size: 15px; margin-bottom: 5px; } #Joblistings .field3, #Joblistings .field4 { font-size: 14px; margin-bottom: 5px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 200; } #wrapper.home #Joblistings .field3 { line-height:18px;} #Joblistings .field3:before { content: 'salary: '; color: #474748; font-size: 12px; text-transform: uppercase;} #Joblistings .field3 .jobloc, #Joblistings .field4 .jobloc { color: #474748; font-size: 12px; text-transform: uppercase;} #Joblistings .field5 { margin-top: 5px;} #Joblistings .field5 a { float: left; display: inline-block; border-radius: 20px; border: 1px solid #a5a6a8; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size: 12px; color: #365aa5; padding: 3px 27px 3px 10px; position: relative; text-transform: uppercase; background-image: url(https://www.healthclubmanagement.co.uk/images/linkArrowBlue.png); background-repeat: no-repeat; background-position: 100% 50%; background-size: auto 50%; background-color: #ffffff; } #Joblistings .field5 a:hover { background-color:#365aa5; color:#ffffff; background-image: url(https://www.healthclubmanagement.co.uk/images/linkArrow.png);} #Joblistings .field5Clear { clear:both;} @media screen and (max-width:650px) { #Joblistings { display:block;} #Joblistings .field5 a .mobileHide { display:none;} #Joblistings.row7 { margin-bottom:8px; } } /*jobs page training box */ #trainingjobs { /*background-color:#e8e8e8;*/ background-color:#fff; /* padding:20px;*/ margin:20px 0;} .jobTraining { color: #42aa69; text-transform: uppercase; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size: 12px; margin-bottom: 5px; letter-spacing: 0.5px; } .jobTraining i.fa-circle { display: inline-block; margin-right: 5px;} .trainingDivider { margin-bottom:20px; border-bottom:1px solid #d0d0d0;} #trainingjobs .trainingJobsTitle { display: inline-block; background-color: #42aa69; border-radius: 20px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; font-size: 12px; color: #ffffff; padding: 5px 13px 5px 13px; text-transform: uppercase; margin-bottom:15px; } #trainingjobs .trainingJobsHolder { display: -webkit-flex; display: flex; -webkit-align-content: space-between; align-content: space-between; } #trainingjobs .trainingJobsHolder .trainingBox1 { width:100%;} #trainingjobs .trainingJobsHolder .trainingBox2 { width:301px;} #trainingjobs .trainingJobsHolder .trainingBox3 { width:250px;} #trainingjobs .trainingJobsHolder .trainingBoxBorder { border-right:2px dotted #a6a6a6; margin-right:20px; padding-right:20px;} #trainingjobs .trainingJobsHolder .trainingBox .trainingBoxTitle a { font-size: 16px; display:block; color: #365aa5; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; padding-top: 5px; padding-bottom: 8px;} #trainingjobs .trainingJobsHolder .trainingBox .trainingBoxTitle a:hover { text-decoration:underline;} #trainingjobs .trainingJobsHolder .trainingBox .trainingBoxCo { font-size:14px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; padding-bottom:8px;} #trainingjobs .trainingJobsHolder .trainingBox .trainingBoxLocation { font-size:12px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; padding-bottom:12px;} #trainingjobs .trainingJobsHolder .trainingBox .trainingBoxDetails { line-height:18px; font-size:12px; } #trainingjobs .trainingJobsHolder .trainingBox .trainingBoxLink { margin-top:8px; } #trainingjobs .trainingJobsHolder .trainingBox .trainingBoxLink a { text-decoration:underline;} #trainingjobs .trainingJobsHolder .trainingBox .trainingBoxLink a:hover { color:#365aa5} #trainingjobs .trainingJobsMore { margin-top:20px;} #trainingjobs .trainingJobsMore a { display: block; float: right; background-color: #42aa69; border-radius: 20px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; font-size: 12px; color: #ffffff; padding: 5px 33px 5px 13px; position: relative; text-transform: uppercase; background-image: url(https://www.healthclubmanagement.co.uk/images/linkArrow.png); background-repeat: no-repeat; background-position: 100% 50%; background-size: auto 50%; } #trainingjobs .trainingJobsMore a:hover { background-color: #378553; } @media screen and (max-width:1200px) { /*#trainingjobs .trainingJobsHolder .trainingBox3 .trainingBoxDetails { display:none; } #trainingjobs .trainingJobsHolder .trainingBox3 .trainingBoxLink { display:none; }*/ } @media screen and (max-width:650px) { #trainingjobs .trainingJobsHolder { display: block; } #trainingjobs .trainingJobsHolder .trainingBox1, #trainingjobs .trainingJobsHolder .trainingBox2, #trainingjobs .trainingJobsHolder .trainingBox3 { width:100%;} #trainingjobs .trainingJobsHolder .trainingBoxBorder { border-right:none; margin-right:0px; padding-right:0px; padding-bottom:10px; margin-bottom:10px; border-bottom:2px dotted #a6a6a6;} } /*top line links */ .topNav { text-align:right; margin-bottom:0px; position:relative; } .topNav .welcome { position:absolute; top:4px; left:0; width:718px; text-align:left;} /*.topNav h1 { display:inline-block; font-size:14px; padding:5px;}*/ .topNav a { display:inline-block; } .topNav .welcome a { text-decoration:underline; margin-right:10px; color:#474748; font-size:12px; } .topNav .welcome a:hover { text-decoration:underline; color:#fc6a2d } .topNav #signin { float:right; width:300px; text-align:right; position:relative; } .topNav #signin a { color: #1a1818; font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 13px; text-decoration: none;} .topNav #signin a .myLeisureOpps { font-family: 'Sanchez', serif; font-style: normal; font-weight: 800; font-size: 16px; color: #365aa5; text-decoration: none; } /*drop down menu */ .topNav #signin .fullMenu { position:absolute; top:-12px; left:55px; height:15px; width:15px; } .topNav #signin .fullMenu ul li { width: auto; height: 27px; line-height: 27px; position: relative; font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 400; font-size: 12px; } .topNav #signin .fullMenu ul li .menuGridHolder { position:relative; display:inline-block; margin-left:10px; width:15px; height:15px; padding:6px 16px 6px 6px; z-index:100; } .topNav #signin .fullMenu:hover ul li .menuGridHolder:before { position:absolute; top:2; right:-1px; z-index:102; content:''; width: 0; height: 0; border-style: solid; border-width: 12px 12px 12px 0; border-color: transparent #fff transparent transparent; } .topNav #signin .fullMenu:hover ul li .menuGridHolder:after { position:absolute; top:2; right:0px; z-index:101; content:''; width: 0; height: 0; border-style: solid; border-width: 12px 12px 12px 0; border-color: transparent #ccc transparent transparent; } .topNav #signin .fullMenu ul li .menuGridHolder .menuGrid { display: flex; flex-wrap: wrap; width:18px; height:18px; } .topNav #signin .fullMenu ul li .menuGridHolder .menuGrid .menuGridItem { width:4px; height:4px; margin-right:2px; margin-bottom:2px; background-color:#6e6f72 } .topNav #signin .fullMenu ul li .menuGridHolder .menuGrid .menuGridItemLastCol { margin-right:0px; } .topNav #signin .fullMenu ul li .menuGridHolder .menuGrid .menuGridItemLastRow { margin-bottom:0px; } .topNav #signin .fullMenu ul li ul { display:none;} .topNav #signin .fullMenu ul li:hover { border-radius:3px 3px 0 0 ;} .topNav #signin .fullMenu ul li:hover ul { position:absolute; top:5px; left:46px; display:block; background-color:#fff; width:190px; padding:8px 5px 5px 10px; z-index:1; border-radius:3px; border:1px solid #ccc; } .topNav #signin .fullMenu ul li:hover ul li { text-align:left; font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 400; background-color:transparent; height:auto; line-height:16px; margin-bottom:6px; padding-left:0px; font-size:14px; } .topNav #signin .fullMenu ul li:hover ul li.ruleAbove { border-top:1px solid #e2e2e2; padding-top:4px;} .topNav #signin .fullMenu ul li ul li a { color:#000;} .topNav #signin .fullMenu ul li ul li a:hover { text-decoration:underline;} .topNav a.signInToMyLeisureOpps { color:#1a1818; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; font-size:13px; text-decoration:none; } .topNav a.signInToMyLeisureOpps:hover { color:#1a1818; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; font-size:13px; text-decoration:none; } .topNav a.signOut { color:#474748; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:12px; } .topNav a.signOut:hover { color:#474748; text-decoration:underline;} .topNav a.signInToMyLeisureOpps .myLeisureOpps { font-family: "Sanchez", serif; font-style: normal; font-weight: bold; font-size: 17px; color: #365aa5; text-decoration:none; } .topNav a:hover .myLeisureOpps { text-decoration:underline; color:#365aa5;} .topNav a:last-child { padding-right:0; border-right:none;} .topNav a:hover { color:#fc6a2d; text-decoration:underline;} .topNav #loginWindow { text-align:left; display:none; position:absolute; right:0; top:28px; width:220px; border-radius:5px; border:1px solid #a5a6a8; padding:20px 25px 25px 25px; z-index:1000; background-color:#ffffff; box-shadow:0px 1px 4px 1px #a5a6a8;} .topNav #loginWindow .fail, .topNav #loginWindow .reminder { display:none;} /* font-family: "Sanchez", serif; font-style: normal; font-weight: bold; font-size: 17px; color: #365aa5; text-decoration:none; */ .topNav .loginWindowTitle { font-family: "Sanchez", serif; font-style: normal; font-weight: bold; font-size: 19px; color: #365aa5; margin-top:0px; margin-bottom:10px; } .topNav #loginWindow:before { content:''; position:absolute; width: 0; height: 0; top:-10px; right:115px; border-style: solid; border-width: 0 15px 10px 15px; border-color: transparent transparent #a5a6a8 transparent; z-index:101;} .topNav #loginWindow:after { content:''; position:absolute; width: 0; height: 0; top:-9px; right:115px; border-style: solid; border-width: 0 15px 10px 15px; border-color: transparent transparent #ffffff transparent; z-index:102;} .topNav #closeLoginWindow { position:absolute; top:3px; right:3px; width:20px; } .topNav #closeLoginWindow a { display:block; font-size:20px;} .topNav #closeLoginWindow a i.fa-times-circle { color:#a5a6a8; } .topNav #closeLoginWindow a:hover i.fa-times-circle { color:#fc6a2d; } .topNav #loginWindow .loginPanel input { display:block; padding:3px 5px; border-radius:3px; width:220px; margin:0 0px 10px 0; border:1px solid #a5a6a8; font-size:14px; height:30px; color:#474748} .topNav #loginWindow .loginPanel input::-webkit-input-placeholder, .topNav #loginWindow .loginPanel input::-webkit-input-placeholder{ font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:13px; color:#474748; } .topNav #loginWindow .loginPanel input:-moz-placeholder, .topNav #loginWindow .loginPanel input:-moz-placeholder { /* Firefox 18- */ font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:13px; color:#474748; } .topNav #loginWindow .loginPanel input::-moz-placeholder, .topNav #loginWindow .loginPanel input::-moz-placeholder { /* Firefox 19+ */ font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:13px; color:#474748; } .topNav #loginWindow .loginPanel input:-ms-input-placeholder, .topNav #loginWindow .loginPanel input:-ms-input-placeholder { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:13px; color:#474748; } .topNav #loginWindow .loginPanel input.submit { text-align:left; border:none; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; background-color:#365aa5; color:#ffffff; padding: 5px 27px 5px 13px; border-radius:20px; font-size:13px; text-transform:uppercase; letter-spacing:0.5px; cursor:pointer; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrow.png); background-repeat:no-repeat; background-position:100% 50%; background-size: auto 45%; } .topNav #loginWindow .loginPanel input.submit:hover { background-color:#e25f28; text-decoration:none; } .topNav #loginWindow .loginPanel .forgotPassword a, .topNav #loginWindow .loginPanel .notRegistered a { font-size:12px;} .topNav #loginWindow .register { display:none; } /*quick apply panel */ #quickApplyBox { background-color:#e7e7e8; position:relative; width:138px } #quickApplyBox.quickApplyFixedBox { position:fixed; top:0px; margin-left:718px; z-index:50; } #quickApplyBox.quickApplyAbsoluteBox { position:absolute; top:-10px; left:718px; z-index:100;} .quickApplyBoxTitle { padding:8px 0px 0px 8px ; color:#474748; text-align:center; font-family: "Sanchez", serif; font-style: normal; font-weight: bold; letter-spacing:0.5px; font-size:12px; text-transform:uppercase; position:relative;} .quickApplyBoxTitle:before { content:'+ '; color:#fc6a2d; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; font-size:18px; position:absolute; left:18px; top:5px;} .quickApplyBoxDetails { padding:4px 10px 8px 10px; text-align:center; } .quickApplyBoxCount { font-family: "Sanchez", serif; font-style: normal; font-weight: bold; color:#fc6a2d; font-size:16px; text-align:center;} .quickApplyBoxDetails a { display:inline-block; margin:5px auto 0px auto; border:1px solid #474748; background-color:#474748; color:#ffffff; padding:2px 6px; border-radius:3px; text-decoration:none; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; font-size:11px; text-transform:uppercase; cursor:pointer; } .quickApplyBoxDetails a:hover { background-color:#fc6a2d; } @media screen and (max-width:1202px) { #quickApplyBox.quickApplyFixedBox { margin-left:612px; } #quickApplyBox.quickApplyAbsoluteBox { left:612px; } } @media screen and (max-width:650px) { #quickApplyBox.quickApplyAbsoluteBox { left:15%; z-index:10001; position:fixed; top:0px;} #quickApplyBox { width:auto; } #quickApplyBox div { display:inline-block;} .quickApplyBoxTitle { padding:2px 0px 0px 20px ; color:#474748; font-size:10px;} .quickApplyBoxTitle:before { left:5px; top:0px;} .quickApplyBoxCount { font-size:12px; } .quickApplyBoxDetails a { margin:0px 0 0px 5px; font-size:10px; } .quickApplyBoxDetails { padding:2px; } } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* column job listing */ .jobColList { margin:20px 0;} .jobColList .jobColListTitle { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size: 19px; color: #365aa5; margin-bottom: 10px; } .jobColList .jobColListItem { margin-bottom:10px; border-bottom:1px dotted #a5a6a8;} .jobColList .jobFeatured { color:#fc6a2d; text-transform:uppercase; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:12px; margin-bottom:5px; letter-spacing:0.5px;} .jobColList .jobExec { color:#324981; } .jobColList .jobFixed { color:#42aa69; text-transform:uppercase; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:12px; margin-bottom:5px; letter-spacing:0.5px;} .jobColList i.fa-star { display:inline-block; margin-right:5px;} .jobColList i.fa-diamond { display:inline-block; margin-right:5px;} .jobColList i.fa-circle { display:inline-block; margin-right:5px;} jobColList .diamond { display:inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 7px; height: 0; position: relative; margin: 3px 5px 8px 0; border: 3px solid rgba(0,0,0,0); border-top-width: 0; border-bottom-color: #3d58a6; font: normal 100%/normal Arial, Helvetica, sans-serif; color: rgba(0,0,0,1); -o-text-overflow: clip; text-overflow: clip; } jobColList .diamond::after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 0; height: 0; position: absolute; content: ""; top: 3px; left: -3px; border: 7px solid rgba(0,0,0,0); border-top: 7px solid #3d58a6; border-bottom-width: 0; font: normal 100%/normal Arial, Helvetica, sans-serif; color: rgba(0,0,0,1); -o-text-overflow: clip; text-overflow: clip; text-shadow: none; } .jobColList .topJobTag { color:#2a8b4d; text-transform:uppercase; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:12px; margin-bottom:5px; letter-spacing:0.5px; padding-left:17px; position:relative;} .jobColList .featjob { color:#322b29; padding-left:12px; position:relative; } .jobColList .featjob:before { content:''; position:absolute; left:0; top:4px; width: 6px; height: 6px; background-color:#47403d; } .jobColList .topJobTag i.topSymbol { display:inline-block; width: 0; height: 0; border-style: solid; border-width: 0 6px 12px 6px; border-color: transparent transparent #2a8b4d transparent; position:relative; margin-right:5px; position:absolute; left:0; top:2px; } .jobColList .topJobTag i.topSymbol:before { content:''; position:absolute; bottom:-12px; left:-6px; width: 0; height: 0; border-style: solid; border-width: 0 6px 3px 6px; border-color: transparent transparent #fff transparent;} .jobColList .jobColListItem .jobColJobtitle a { display: block; font-size: 16px; color: #365aa5; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; margin-bottom: 5px;} .jobColList .jobColListItem .jobColJobtitle a:hover { text-decoration:underline;} .jobColList .jobColListItem .jobColCompany { font-size: 15px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; margin-bottom: 5px; } .jobColList .jobColListItem .jobColSalary, .jobColList .jobColListItem .jobColLocation { font-size: 14px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 200; margin-bottom: 3px; line-height:18px; } .jobColList .jobColListItem .jobColSalary:before { content: 'salary: '; color: #474748; text-transform: uppercase;} .jobColList .jobColListItem .jobColLocation:before { content: 'location: '; color: #474748; text-transform: uppercase;} .jobColList .jobColListItem .jobColLink a { margin-top: 5px; margin-bottom:10px; display: inline-block; border-radius: 20px; border: 1px solid #a5a6a8; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size: 12px; color: #474748; padding: 3px 25px 3px 10px; position: relative; text-transform: uppercase; background-color: #ffffff; background-image: url(https://www.healthclubmanagement.co.uk/images/linkArrowBlue.png); background-repeat: no-repeat; background-position: 100% 50%; background-size: auto 50%; } .jobColList .jobColListItem .jobColLink a:hover { background-color:#365aa5; color:#ffffff; background-image: url(https://www.healthclubmanagement.co.uk/images/linkArrow.png)} .jobColList .jobColListMoreJobs { text-align:right;} .jobColList .jobColListMoreJobs a { margin-top: 5px; margin-bottom:10px; display: inline-block; border-radius: 20px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size: 12px; color: #ffffff; padding: 3px 25px 3px 10px; position: relative; text-transform: uppercase; background-color: #365aa5; background-image: url(https://www.healthclubmanagement.co.uk/images/linkArrow.png); background-repeat: no-repeat; background-position: 100% 50%; background-size: auto 50%; } .jobColList .jobColListMoreJobs a:hover { background-color:#324981; color:#ffffff; background-image: url(https://www.healthclubmanagement.co.uk/images/linkArrow.png)} /* search jobs */ .advancedSearchMobile { display:none;} .searchFilterTop { padding:15px; background-color:#365aa5; color:#ffffff; font-size:20px; border-radius:10px 10px 0 0;} .searchFilterPanel { background-color:#e7e7e8; border-radius: 0 0 10px 10px; padding:15px; margin-bottom:20px;} .searchFilterPanel input.keywordSearchField, .searchFilterPanel input.locationSearchField { padding:0px 10px; border-radius:3px; border:1px solid #fff; margin-bottom:10px; margin-right:10px; height:29px; line-height:29px; letter-spacing:0.5px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:15px; width:100%; } .searchFilterPanel input.keywordSearchField::-webkit-input-placeholder, .searchFilterPanel input.locationSearchField::-webkit-input-placeholder{ letter-spacing:0.5px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:15px; text-transform:capitalize; color:#474748; } .searchFilterPanel input.keywordSearchField:-moz-placeholder, .searchFilterPanel input.locationSearchField:-moz-placeholder { /* Firefox 18- */ letter-spacing:0.5px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:15px; text-transform:capitalize; color:#474748; } .searchFilterPanel input.keywordSearchField::-moz-placeholder, .searchFilterPanel input.locationSearchField::-moz-placeholder { /* Firefox 19+ */ letter-spacing:0.5px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:15px; text-transform:capitalize; color:#474748; } .searchFilterPanel input.keywordSearchField:-ms-input-placeholder, .searchFilterPanel input.locationSearchField:-ms-input-placeholder { letter-spacing:0.5px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:15px; text-transform:capitalize; color:#474748; } .pac-container[style] {width:300px !important;} /* drop down menus */ /* end drop down menus */ .searchFilterPanel form { padding:0; margin:0;} a.browse { color:#ffffff; text-decoration:underline; display:inline-block; margin-top:4px; padding:3px; text-transform:uppercase; font-size:11px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400;} a.browse:hover { background-color:#ffffff; color:#365aa5; text-decoration:none;} a.advanced { color:#365aa5; text-decoration:underline; display:inline-block; margin-top:4px; padding:3px; font-size:11px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400;} a.advanced:hover { color:#fc6a2d; text-decoration:none;} .searchFilterPanel button.jobSearchButton { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; background-color:#365aa5; color:#ffffff; text-align:center; width:100%; border-radius:5px; border:1px solid #ffffff; font-size:16px; text-transform:uppercase; letter-spacing:0.5px; cursor:pointer; height:30px; line-height:30px; padding:0 0 0 0; margin:0px 0 0 0 ; } .searchFilterPanel button.jobSearchButton:hover { background-color:#324981; text-decoration:none; } .searchFilterPanel .searchFilterHeading { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:15px; margin-top:15px; margin-bottom:15px;} .searchFilterPanel .searchFilterSubHeading { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:14px; margin-bottom:5px;} .searchFilterPanel ul { margin-bottom:20px;} .searchFilterPanel form ul.searchFilterSection li a i.fa-times { display:inline-block; border-radius:50%; background-color:#d5d6eb; padding:2px 3px; color:#365aa5; margin-left:5px;} .searchFilterPanel form ul.searchFilterSection li a:hover i.fa-times { background-color:#818285; color:#ffffff;} .searchFilterPanel ul li { padding-bottom:2px; margin-bottom:2px; border-bottom:1px solid #dededf; } .searchFilterPanel ul li a { position:relative; display:inline-block; padding-left:0px; } .searchFilterPanel ul li.filterItem a { padding-left:0px; } .searchFilterPanel ul li a:hover { text-decoration:underline;} .searchFilterPanel ul li i.fa-square-o, .searchFilterPanel ul li i.fa-check-square-o{ position:absolute; left:0; top:2px;} .searchFilterPanel ul li i.fa-square-o { display:inline-block; margin-right: 3px; color:#a5a6a8} .searchFilterPanel ul li i.fa-check-square-o { color:#365aa5} .searchFilterPanel a.allRecruitersLink, .searchFilterPanel a.allLocationsLink, .searchFilterPanel a.allSectorsLink { display:block; color:#365aa5; text-decoration:underline; margin-top:-10px; margin-bottom:20px;} .searchFilterPanel a.allRecruitersLink { margin-bottom:0;} .searchFilterPanel a.allRecruitersLink:hover, .searchFilterPanel a.allLocationsLink:hover, .searchFilterPanel a.allSectorsLink:hover { color:#fc6a2d; text-decoration:underline;} /*.searchFilterPanel ul li input { display:inline-block; vertical-align:top; margin-left:0px} .searchFilterPanel ul li label { font-size:11.5px; display:inline-block; width:100px; margin-top:1px;} .searchFilterPanel .checkSelect { margin-bottom:8px;} .searchFilterPanel .checkSelect a { display:inline-block; margin-left:1px; font-size:11px; color:#365aa5;} .searchFilterPanel .checkSelect a:hover { text-decoration:underline;} .searchFilterPanel .checkSelect a i { color:#365aa5;} */ #updatingSearch { display:none; position:fixed; border-radius:10px; text-align:center; width:34%; padding:40px 0 0 0; left:33%; font-size:25px; background-image:url(https://www.leisureopportunities.co.uk/images/oppsPreLoaderBG.png); background-repeat:repeat; color:#ffffff; Z-INDEX:20; MIN-WIDTH:345px; } #updatingSearch .loadingHolder { width:200px; height:200px; margin:30px auto;} @media screen and (max-width:650px) { .advancedSearchMobile { display:block; margin-bottom:30px;} .searchFilterPanel ul { margin-bottom:10px;} .searchFilterPanel ul li { float:left; width:44%; margin-right:6%;} .searchFilterPanel ul li input { width:10%;} .searchFilterPanel ul li label { width:85%; } } /*recruiter page job search */ #wrapper.recruiter .searchFilterTop { display:none;} #wrapper.recruiter .searchFilterPanel:before { content:'Job search'; color:#ffffff; font-size:20px; position:absolute; top:12px; left:20px;} #wrapper.recruiter .searchFilterPanel { background-color:#365aa5; border-radius:6px; position:relative; padding:8px 8px 8px 8px; margin-top:-10px; margin-bottom:10px; } #wrapper.recruiter .searchFilterPanel form { margin-left:150px; display:inline-block;} #wrapper.recruiter .searchFilterPanel input.keywordSearchField, #wrapper.recruiter .searchFilterPanel input.locationSearchField { width:200px; margin-bottom:0; height:auto; height:30px; } #wrapper.recruiter .searchFilterPanel button.jobSearchButton { width:auto; background-color:#1a1818; padding-left:10px; padding-right:10px; height:auto; line-height:29px; } #wrapper.recruiter .searchFilterPanel .filters { position:absolute; right:20px; width:427px; top:8px; } #wrapper.recruiter .searchFilterPanel .filters .filterHeading { display:inline-block; width:100px; font-size:12px; color:#ffffff; margin-right:5px; } #wrapper.recruiter .searchFilterPanel ul { display:inline-block; width:100px; margin-bottom:0; } #wrapper.recruiter .searchFilterPanel ul.companies { width:120px; margin-left:-5px; } #wrapper.recruiter .searchFilterPanel ul.sectors { } #wrapper.recruiter .searchFilterPanel ul.regions { margin-left:-5px; width:120px;} #wrapper.recruiter .searchFilterPanel ul li { padding:0px 10px; height:30px; line-height:30px; background-color:#d5d6eb; color:#474748; position:relative; border-radius:3px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:12px; border:1px solid #365aa5; } #wrapper.recruiter .searchFilterPanel ul li i { color:#365aa5} #wrapper.recruiter .searchFilterPanel ul li i.fa-caret-down { position:absolute; top:4px; right:20px; display:inline-block; font-size:20px; } #wrapper.recruiter .searchFilterPanel ul li i.fa-caret-up { display:none;} #wrapper.recruiter .searchFilterPanel ul li:hover i.fa-caret-down { display:none;} #wrapper.recruiter .searchFilterPanel ul li:hover i.fa-caret-up { display:block; position:absolute; top:4px; right:20px; display:inline-block; font-size:20px;} #wrapper.recruiter .searchFilterPanel ul li ul { display:none;} #wrapper.recruiter .searchFilterPanel ul:hover li { background-color:#ffffff;} #wrapper.recruiter .searchFilterPanel ul:hover li ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: space-between; align-content: space-between; position:absolute; top:28px; z-index:10; background-color:#ffffff; width:315px; padding:5px 10px; z-index:99; border:1px solid #365aa5; border-top:none; border-radius:0px 0 0 0} #wrapper.recruiter .searchFilterPanel ul.sectors:hover li ul { left:-1px; right:auto; } #wrapper.recruiter .searchFilterPanel ul.companies:hover li ul { left:-218px; } #wrapper.recruiter .searchFilterPanel ul.regions:hover li ul { left:-99px; } #wrapper.recruiter .searchFilterPanel ul:hover li { border-bottom:1px solid #ffffff;} #wrapper.recruiter .searchFilterPanel ul:hover ul li { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; padding-left:10px; background-color:transparent; height:auto; line-height:18px; margin-bottom:8px; padding-right:10px; border:none; min-width:180px; } #wrapper.recruiter .searchFilterPanel ul:hover ul li { width:100%; } #wrapper.recruiter .searchFilterPanel ul .links { display:none; } #wrapper.recruiter .searchFilterPanel ul:hover li.recruitSubHead1, #wrapper.recruiter .searchFilterPanel ul:hover li.recruitSubHead2 { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; padding-left:0; color:#1a1818; font-size:15px; margin-top:10px; width:100%; } #wrapper.recruiter .searchFilterPanel ul li ul li a { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; } #wrapper.recruiter .searchFilterPanel ul li ul li a:hover { text-decoration:underline; } @media screen and (max-width:1202px) { #wrapper.recruiter .searchFilterPanel form { margin-left:140px; } #wrapper.recruiter .searchFilterPanel input.keywordSearchField, #wrapper.recruiter .searchFilterPanel input.locationSearchField { width:140px; margin-right:5px; } #wrapper.recruiter .searchFilterPanel ul.regions:hover li ul { width:296px; } #wrapper.recruiter .searchFilterPanel ul.companies:hover li ul { width:296px; left:-199px; } #wrapper.recruiter .searchFilterPanel ul.sectors:hover li ul { width:296px; } } @media screen and (max-width:650px) { #wrapper.recruiter .searchFilterPanel { display:none;} } /* search results */ .searchResultsTitle, .searchResultsTitle h1 { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; font-size:24px; color:#365aa5; margin-bottom:10px;} h2.jobCount { font-size:18px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; margin-bottom:10px; margin-top:-5px} h2.jobCount .jobCountTotal { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; } .sorryTitle { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; font-size:19px; color:#474748; margin-bottom:20px; border-bottom:1px solid #a5a6a8; padding-bottom:20px;} .searchKeywords { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; color:#474748; font-size:25px; margin-bottom:10px;} .searchKeyWordsIn { font-size:18px;} .filterHolder { display: -webkit-flex; display: flex; padding-top:10px; } .searchFilters { width:50%; font-size:15px; color:#474748; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; line-height:22px; margin-bottom:15px; } .searchFilters .searchFilterItem { display:inline-block; margin-right:15px; } .searchFilters .searchFilterItem .instant { font-size:12px; line-height:17px; margin-bottom:20px;} .searchFilters .searchFilterItem .instant a { color:#fc6a2d} .searchFilters .searchFilterItem .instant a:hover { color:#fc6a2d; text-decoration:underline;} .searchFilterType { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; } .noResults {font-size:15px; color:#474748; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; line-height:22px; margin-bottom:15px; padding-top:15px; } .orderResults { width:50%; text-align:right; color:#474748; margin-top:-5px;} .orderResults a.closest { border:1px solid #365aa5; border-radius: 10px 0 0 10px; display:inline-block; padding:3px 5px; border-right:none; color:#365aa5; margin-left:5px; } .orderResults a.recent { border:1px solid #365aa5; border-radius:0px 10px 10px 0px; display:inline-block; padding:3px 5px; border-left:none; color:#365aa5; } .orderResults a.selected { background-color:#365aa5; color:#ffffff;} form.nationwideForm { display:inline-block; margin-left:20px;} .moreLink a { margin-top:5px; display:inline-block; border-radius: 20px; border:1px solid #a5a6a8; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:13px; color:#ffffff; padding: 5px 33px 5px 13px; position:relative; text-transform:uppercase; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrow.png); background-repeat:no-repeat; background-position:100% 50%; background-size: auto 50%; background-color:#365aa5; } .moreLink a:hover { background-color:#324981; color:#ffffff; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrow.png);} @media screen and (max-width:500px) { form.nationwideForm { display:block; margin-left:0px; margin-top:8px;} } /* joblistings */ #jobListing { margin-bottom:20px; border-bottom:1px solid #d0d0d0; padding-bottom:20px;} #jobListing.listing { margin-bottom:20px; border-bottom:1px solid #d0d0d0; padding-bottom:10px; margin-top:-10px;} #jobListing.lastItem { /* margin-bottom:40px;*/ /*border-bottom:3px solid #a5a6a8;*/ padding-bottom:20px;} #jobListing.firstItem { margin-top:-30px;} #jobListing .jobLogoLandscape { float:right; width:25%; margin:0 0 10px 10px;} #jobListing .jobLogoSquare { float:right; width:18%; margin:0 0 10px 10px;} #jobListing .jobLogoPortrait { float:right; width:14%; margin:0 0 10px 10px;} #jobListing .jobLogoLandscape img, #jobListing .jobLogoPortrait img, #jobListing .jobLogoSquare img { width:100%; } #jobListing .jobFeatured { color:#fc6a2d; text-transform:uppercase; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:12px; margin-bottom:5px; letter-spacing:0.5px;} #jobListing .jobExec { color:#324981;} #jobListing .jobFixed { color:#42aa69; text-transform:uppercase; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:12px; margin-bottom:5px; letter-spacing:0.5px;} #jobListing .jobTraining { color:#42aa69; text-transform:uppercase; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:12px; margin-bottom:7px; leter-spacing:0.5px;} #jobListing .topJobTag { color:#2a8b4d; text-transform:uppercase; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:12px; margin-bottom:5px; letter-spacing:0.5px; padding-left:17px; position:relative;} #jobListing .featJobTag { color:#1a1818; text-transform:uppercase; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:12px; margin-bottom:10px; padding-top:5px; letter-spacing:0.5px;} #jobListing .featjob { color:#322b29; padding-left:15px; position:relative; } #jobListing .featjob:before { content:''; position:absolute; left:0; top:10px; width: 8px; height: 8px; background-color:#7a90b9; } #jobListing .topJobTag i.topSymbol { display:inline-block; width: 0; height: 0; border-style: solid; border-width: 0 6px 12px 6px; border-color: transparent transparent #2a8b4d transparent; position:relative; margin-right:5px; position:absolute; left:0; top:2px; } #jobListing .topJobTag i.topSymbol:before { content:''; position:absolute; bottom:-12px; left:-6px; width: 0; height: 0; border-style: solid; border-width: 0 6px 3px 6px; border-color: transparent transparent #fff transparent;} #jobListing .featJobFirstPara { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 200; font-size: 13px; line-height: 18px; margin-bottom: 10px; } #jobListing i.fa-star { display:inline-block; margin-right:5px;} #jobListing i.fa-diamond { display:inline-block; margin-right:5px;} #jobListing i.fa-circle { display:inline-block; margin-right:5px;} #jobListing .diamond { display:inline-block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 7px; height: 0; position: relative; margin: 3px 5px 8px 0; border: 3px solid rgba(0,0,0,0); border-top-width: 0; border-bottom-color: #3d58a6; font: normal 100%/normal Arial, Helvetica, sans-serif; color: rgba(0,0,0,1); -o-text-overflow: clip; text-overflow: clip; } #jobListing .diamond::after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; width: 0; height: 0; position: absolute; content: ""; top: 3px; left: -3px; border: 7px solid rgba(0,0,0,0); border-top: 7px solid #3d58a6; border-bottom-width: 0; font: normal 100%/normal Arial, Helvetica, sans-serif; color: rgba(0,0,0,1); -o-text-overflow: clip; text-overflow: clip; text-shadow: none; } #jobListing .jobTitle a, #jobListing .jobTitle h3 a { display:block; font-size:20px; color:#304f8e; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; /*margin-bottom:5px;*/ padding-top:5px; padding-bottom:3px;} #jobListing.listing .jobTitle a, #jobListing.listing .jobTitle h3 a { font-size:17px; margin-bottom:5px;} #jobListing .jobTitle a:hover, #jobListing .jobTitle h3 a:hover { text-decoration:underline; color:#365aa5;} #jobListing .jobCo { font-size:16px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; margin-bottom:5px;} #jobListing.listing .jobCo { font-size:15px; margin-bottom:5px;} #jobListing .jobSalary, #jobListing .jobLocation, #JOBListing .jobSector { font-size:14px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 200; margin-bottom:5px; display:inline-block; margin-right:20px;} #jobListing.listing .jobSalary, #jobListing.listing .jobLocation { font-size:14px; margin-bottom:3px; text-transform:capitalize;} #jobListing .jobSalary:before { content:'salary: '; color:#474748; font-size:12px; text-transform:uppercase;} #jobListing.listing .jobSalary:before { font-size:12px; } #jobListing .jobLocation { text-transform:capitalize;} #jobListing .jobLocation .jobLoc { color:#474748; font-size:12px; text-transform:uppercase;} #jobListing.listing .jobLocation .jobLoc { font-size:12px; } #jobListing .closingSoon { color:#da1010; font-size:14px; padding:0px 0 3px 0; } #jobListing.listing .closingSoon { font-size:12px; margin-top:3px; } #jobListing .quickApplyButtons { display: -webkit-flex; display: flex; padding-top:5px; margin-bottom:5px; position:relative;} #jobListing .quickApplyButtons .quickView { text-transform:uppercase; font-size:12px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; cursor:pointer; margin-right:10px; padding:0 0 0 20px; background-image:url(https://www.healthclubmanagement.co.uk/images/Quick-view-eye.png); background-repeat:no-repeat; background-position:0px 50%; background-size: auto 60%; } #jobListing .quickApplyButtons .quickViewClose:before { content:'close '; } #jobListing .quickApplyButtons .quickApply { background-image:url(https://www.healthclubmanagement.co.uk/images/quickApplyAdd.png); background-repeat:no-repeat; background-position:42px 50%; background-size: auto 60%; margin-top:-2px; padding:2px 0 0 0; font-family: "Sanchez", serif; font-style: normal; font-weight: bold; font-size:13px; text-transform:uppercase; cursor:pointer; } #jobListing .quickApplyButtons .quickApply:hover:after { content:'Apply for multiple jobs at once with the same CV'; background-color:#d5d6eb; padding:5px; /*border:1px solid #365aa5;*/ font-size:10px; text-align:center; width:220px; left:265px; top:0px; position:absolute; text-transform:none; border-radius:3px;} #jobListing .quickApplyButtons .quickApply .QA { display:none;} #jobListing .quickApplyButtons .quickApply:hover .QA { display:block; position:absolute; width: 0; height: 0; left:257px; top:6px; border-top: 6px solid transparent; border-right: 8px solid #d5d6eb; border-bottom: 6px solid transparent; z-index:10; } /*#jobListing .quickApplyButtons .quickApply:hover .QA:after { content:''; position:absolute; width: 0; height: 0; left:1px; top:-6px; border-top: 6px solid transparent; border-right: 8px solid #ffffff; border-bottom: 6px solid transparent; z-index:11; }*/ #jobListing .quickApplyButtons .quickApply:before { content:'Add to '; font-family: "Sanchez", serif; font-style: normal; font-weight: bold; font-size:13px; text-transform:none; margin-right:15px;} #jobListing .quickApplyButtons .quickApplyRemove { background-image:url(https://www.healthclubmanagement.co.uk/images/quickApplyRemove.png); background-position:80px 50%; } #jobListing .quickApplyButtons .quickApplyRemove:before { content:'Remove from '; } #jobListing .quickApplyButtons .quickApplyRemove:hover:after { display:none; } #jobListing .quickApplyButtons .quickApplyRemove:hover .QA:after, #jobListing .quickApplyButtons .quickApplyRemove:hover .QA{ display:none;} #jobListing .moreDetails { margin-top:10px; border:1px solid #e0e0e0; line-height:18px; display:none; height:300px; overflow:scroll; padding:10px; border-radius:3px;} #jobListing .moreDetails .moreDetailsHeading { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 200; color:#474748; font-size:14px; margin-bottom:10px; text-transform:uppercase;} #jobListing .moreDetailsShow { display:block;} #jobListing .moreDetailsShow a.quickViewApply { display:inline-block; padding: 10px; background-color: #fc6a2d; color: #ffffff; margin: 20px 20px 0px 0; text-transform: uppercase; font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 400; border: none; border-radius: 3px; font-size: 18px; text-align: center; text-decoration:none;} #jobListing .moreDetailsShow a.quickViewApply:hover { background-color:#e25f28; } #jobListing #quickApplyBox1 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox1.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox1.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox2 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox2.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox2.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox3 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox3.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox3.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox4 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox4.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox4.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox5 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox5.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox5.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox6 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox6.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox6.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox7 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox7.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox7.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox8 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox8.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox8.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox9 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox9.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox9.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox10 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox10.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox10.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox11 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox11.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox11.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox12 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox12.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox12.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox13 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox13.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox13.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox14 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox14.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox14.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox15 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox15.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox15.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox16 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox16.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox16.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox17 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox17.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox17.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox18 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox18.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox18.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox19 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox19.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox19.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox20 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox20.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox20.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox21 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox21.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox21.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox22 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox22.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox22.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox23 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox23.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox23.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox24 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox24.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox24.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox25 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox25.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox25.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox26 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox26.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox26.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox27 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox27.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox27.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox28 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox28.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox28.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox29 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox29.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox29.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox30 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox30.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox30.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox31 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox31.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox31.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox32 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox32.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox32.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox33 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox33.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox33.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox34 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox34.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox34.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox35 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox35.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox35.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox36 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox36.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox36.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox37 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox37.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox37.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox38 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox38.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox38.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox39 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox39.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox39.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox40 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox40.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox40.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox41 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox41.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox41.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox42 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox42.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox42.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox43 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox43.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox43.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox44 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox44.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox44.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox45 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox45.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox45.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox46 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox46.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox46.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox47 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox47.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox47.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox48 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox48.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox48.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox49 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox49.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox49.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } #jobListing #quickApplyBox50 { background-color:#e7e7e8; position:relative; width:138px; } #jobListing #quickApplyBox50.quickApplyFixedBox { position:fixed; top:0px; margin-left:518px; z-index:50; } #jobListing #quickApplyBox50.quickApplyAbsoluteBox { position:absolute; top:-504px; left:698px; /* */ } @media screen and (max-width:1202px) { #jobListing #quickApplyBox1.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox1.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox2.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox2.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox3.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox3.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox4.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox4.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox5.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox5.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox6.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox6.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox7.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox7.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox8.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox8.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox9.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox9.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox10.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox10.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox11.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox11.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox12.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox12.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox13.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox13.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox14.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox14.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox15.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox15.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox16.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox16.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox17.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox17.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox18.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox18.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox19.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox19.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox20.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox20.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox21.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox21.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox22.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox22.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox23.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox23.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox24.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox24.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox25.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox25.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox26.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox26.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox27.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox27.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox28.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox28.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox29.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox29.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox30.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox30.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox31.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox31.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox32.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox32.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox33.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox33.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox34.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox34.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox35.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox35.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox36.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox36.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox37.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox37.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox38.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox38.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox39.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox39.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox40.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox40.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox41.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox41.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox42.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox42.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox43.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox43.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox44.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox44.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox45.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox45.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox46.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox46.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox47.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox47.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox48.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox48.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox49.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox49.quickApplyAbsoluteBox { top:-457px; left:592px; } #jobListing #quickApplyBox50.quickApplyFixedBox { margin-left:422px; top:-1px; } #jobListing #quickApplyBox50.quickApplyAbsoluteBox { top:-457px; left:592px; } } @media screen and (max-width:400px) { #jobListing .jobLogoLandscape, #jobListing .jobLogoPortrait, #jobListing .jobLogoSquare { display:none;} } #jobListing .applyNow a { margin-top:5px; display:inline-block; border-radius: 20px; border:1px solid #a5a6a8; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:13px; color:#474748; padding: 5px 33px 5px 13px; position:relative; text-transform:uppercase; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrowBlue.png); background-repeat:no-repeat; background-position:100% 50%; background-size: auto 50%; background-color:#ffffff; } a.morerelatedjobs { float:right; margin-top:10px; display:inline-block; border-radius: 20px; border:1px solid #365aa5; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:14px; color:#ffffff; padding: 5px 33px 5px 13px; position:relative; text-transform:uppercase; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrow.png); background-repeat:no-repeat; background-position:100% 50%; background-size: auto 50%; background-color:#365aa5; } #jobListing.listing .applyNow a { margin-top:5px; font-size:12px; padding: 5px 33px 5px 13px; } #jobListing .applyNow a:hover { background-color:#365aa5; color:#ffffff; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrow.png);} a.morerelatedjobs:hover { background-color:#324981; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrow.png);} .otherjobsTitle { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; font-size:19px; margin-bottom:40px; padding:10px; background-color:#d5d6eb; color:#365aa5 } .otherJobsTitleLine { padding-top:20px; border-top:3px solid #a5a6a8;} #wrapper.jobs .paging .pagingDetails { margin-bottom:10px; } #wrapper.jobs .paging .pagingDetails:after { content:' jobs';} #wrapper.jobs .paging .pagingControls a { color:#365aa5; display:inline-block; margin-right:10px; } #wrapper.jobs .paging .pagingControls a:hover { color:#365aa5; text-decoration:underline; } #wrapper.recruiter .paging .pagingDetails { margin-bottom:10px; } #wrapper.recruiter .paging .pagingDetails:after { content:' jobs';} #wrapper.recruiter .paging .pagingControls a { color:#365aa5; display:inline-block; margin-right:10px; } #wrapper.recruiter .paging .pagingControls a:hover { color:#365aa5; text-decoration:underline; } button.backButton { display:inline-block; border-radius: 20px; border:1px solid #a5a6a8; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:14px; color:#474748; padding: 5px 13px 5px 33px; position:relative; text-transform:uppercase; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrowOrange.png); background-repeat:no-repeat; background-position:0% 50%; background-size: auto 50%; background-color:#ffffff; margin-bottom:20px; } button.backButton:hover { background-color:#fc6a2d; color:#ffffff; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrowLeft.png);} .sorryTitle { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; font-size:19px; color:#474748; margin-bottom:20px; border-bottom:1px solid #a5a6a8; padding-bottom:20px;} #jobDetail { border:20px solid #e7e7e8; padding:20px; border-radius:10px;} #jobDetail .jobDetailCompany { background-color:#e7e7e8; margin:-20px -20px 20px -20px; font-size:30px; padding-bottom:20px; color:#474748; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300;} #jobDetail .jobDetailCompany .jobDetailCompanyName { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500;} #jobDetail .jobDetailTopSection .jobDetailTitle { color:#365aa5; font-size:28px; margin-bottom:20px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500;} #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails { float:left; } #jobDetail .jobDetailTopSection .jobDetailTopSectionLogo { float:right; } #jobDetail .jobDetailTopSection .jobDetailTopSectionDetailsFullWidth { float:none; width:100%;} #jobDetail .jobDetailTopSection .jobDetailTopSectionLogoHide { display:none;} #jobDetail .jobDetailTopSection .jobDetailTopSectionDetailsLandscape { width:630px;} #jobDetail .jobDetailTopSection .jobDetailTopSectionLogoLandscape { width:200px; text-align:right;} #jobDetail .jobDetailTopSection .jobDetailTopSectionDetailsPortrait { width:700px;} #jobDetail .jobDetailTopSection .jobDetailTopSectionLogoPortrait { width:130px; text-align:right;} #jobDetail .jobDetailTopSection .jobDetailTopSectionDetailsSquare { width:660px;} #jobDetail .jobDetailTopSection .jobDetailTopSectionLogoSquare { width:170px; text-align:right;} #jobDetail .jobDetailTopSection .jobDetailTopSectionLogoPortrait img, #jobDetail .jobDetailTopSection .jobDetailTopSectionLogoLandscape img, #jobDetail .jobDetailTopSection .jobDetailTopSectionLogoSquare img { width:100%; } #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails .jobDetailLocation, #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails .jobDetailSalary, #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails .jobDetailEmploymentType, #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails .jobDetailClosingDate, #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails .jobDetailCVref, #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails .jobDetailShare { padding-bottom:8px; /*border-bottom:1px dotted #a5a6a8;*/ margin-bottom:8px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 200; font-size:18px; background-image: -moz-linear-gradient(to right,black 33%, rgba(255,255,255,0) 0%); background-image: -webkit-linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%); background-image: -o-linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%); background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%); background-position: bottom; background-size: 3px 1px; background-repeat: repeat-x; } #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails .jobDetailShare { position:relative;} #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails .jobDetailShare .shareIcons { display:inline-block; left:120px; top:0px; position:absolute; } #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails .jobDetailShare img { width:20px; margin-right:10px; } #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails .jobDetailLocation:before { content:'Location: '; color:#474748;} #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails .jobDetailSalary:before { content:'Salary: '; color:#474748;} #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails .jobDetailEmploymentType:before { content:'Hours: '; color:#474748;} #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails .jobDetailClosingDate:before { content:'Closing date: '; color:#474748;} #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails .jobDetailCVref:before { content:'Reference: '; color:#474748;} #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails .jobDetailShare:before { content:'Share this job: '; color:#474748; } #jobDetail .jobDetailBottomSection { margin-top:30px;} #jobDetail .jobDetailBottomSection a.applyNow { display:inline-block; background-color:#fc6a2d; color:#ffffff; padding:7px 40px; margin-bottom:20px; font-size:16px; text-transform:uppercase; border-radius:5px;} #jobDetail .jobDetailBottomSection a.applyNow:hover { background-color:#e25f28;} #jobDetail .jobDetailBottomSection .totalJobsJob { margin-top:10px; font-size:14px; margin-bottom:25px; border-bottom:1px solid #666; padding-bottom:5px; } #jobDetail .jobDetailBottomSection .totalJobs .totalJobsLink { padding:10px 0; border-bottom:1px dotted #666; } #jobDetail .jobDetailBottomSection .totalJobs .totalJobsLink .totalJobsLocation a { float:left; width:56%; font-size:14px; font-weight:bold; padding:5px 0; display:block; } #jobDetail .jobDetailBottomSection .totalJobs .totalJobsLink .totalJobsLocation a:hover { text-decoration:underline; } #jobDetail .jobDetailBottomSection .totalJobs .totalJobsLink .totalJobsButton { float:left; margin-left:4%; width:40%; text-align:right; } #jobDetail .jobDetailBottomSection .totalJobs .totalJobsLink .totalJobsButton a.applyNow { padding:5px 30px; margin-bottom:0px; font-size:14px; } #jobDetail .jobDetailBottomSection .jobDetailDescription { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 200; font-size:15px; line-height:20px;} #jobDetail .jobDetailBottomSection .jobDetailDescription ul { display: block; list-style-type: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; padding-inline-start: 40px; } #jobDetail .jobDetailBottomSection .jobDetailDescription ul li { display: list-item; list-style-type: disc; font-size:15px;} #jobDetail .jobDetailBottomSection .jobDetailDescription .bold { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:16px; } #jobDetail .jobDetailBottomSection .jobDetailDescription .jobdetailInsetPic { float:right; width:35%; margin-left:30px; margin-bottom:30px; } #jobDetail .jobDetailBottomSection .jobDetailDescription .jobdetailInsetPic img { width:100%; } #jobDetail .jobDetailBottomSection .jobDetailDescription a { text-decoration:underline;} #jobDetail .jobDetailBottomSection .jobDetailDescription a:hover { text-decoration:underline; color:#fc6a2d;} #jobDetail .jobDetailBottomSection .jobDetailDescription .EAlocations { margin-top:20px;} #jobDetail .jobDetailBottomSection .jobDetailDescription .EAlocations .regionContainer { column-count: 3; column-gap: 40px; margin-bottom:20px;} #jobDetail .jobDetailBottomSection .jobDetailDescription .EAlocations .EAheading { font-size: 14px; margin-bottom: 10px; font-family: 'DM Sans', sans-serif; font-style: normal; font-weight: 600;} #jobDetail .jobDetailBottomSection .jobDetailInsetColumn { float:right; padding-left:20px; margin-left:20px; padding-bottom:20px; margin-bottom:20px; margin-top:55px; background-image: -moz-linear-gradient(black 33%, rgba(255,255,255,0) 0%); background-image: -webkit-linear-gradient(black 33%, rgba(255,255,255,0) 0%); background-image: -o-linear-gradient(black 33%, rgba(255,255,255,0) 0%); background-image: linear-gradient(black 33%, rgba(255,255,255,0) 0%); background-position: left; background-size: 1px 3px; background-repeat: repeat-y;} #jobDetail .jobDetailBottomSection .jobDetailInsetColumnPortrait { width:188px } #jobDetail .jobDetailBottomSection .jobDetailInsetColumnSquare { width:194px } #jobDetail .jobDetailBottomSection .jobDetailInsetColumnLandscape { width:200px; } #jobDetail .jobDetailBottomSection .jobDetailInsetColumn .jobDetailInsetColumnCo { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:16px; margin-bottom:5px;} #jobDetail .jobDetailBottomSection .jobDetailInsetColumn .jobDetailInsetColumnAbout { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 200; line-height:20px; } #jobDetail .jobDetailBottomSection .jobDetailInsetColumn .jobDetailAdvertorial { margin-top:20px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:16px; margin-bottom:5px;} #jobDetail .jobDetailBottomSection .jobDetailInsetColumn .jobDetailAdvertorial a:hover { text-decoration:underline;} /*application system */ #applicationSystem { margin-top:30px;} #applicationSystem .applicationTitle { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; color:#fc6a2d; font-size:22px; margin-bottom:20px;} #applicationSystem .loginPanel { background-color:#818285; padding:10px 20px; border-radius:5px; position:relative; margin-bottom:20px;} #applicationSystem .loginPanel .loginPanelTitle { color:#ffffff; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 200; font-size:16px; display:inline-block; margin-right:15px;} #applicationSystem .loginPanel .loginPanelTitleLong {margin-right:0; margin-bottom:10px;} #applicationSystem .loginPanel .loginFail { margin-bottom:10px; text-transform:uppercase; color:#ffffff; } #applicationSystem .loginPanel form { display:inline-block; padding:0; margin:0;} #applicationSystem .loginPanel form input.loginInput { padding:3px 5px; border-radius:3px; width:190px; margin-right:5px; border:none; font-size:13px; height:25px; color:#474748} #applicationSystem .loginPanel form input.loginInput::-webkit-input-placeholder, #applicationSystem .loginPanel form input.loginInput::-webkit-input-placeholder{ font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:13px; color:#474748; } #applicationSystem .loginPanel form input.loginInput:-moz-placeholder, #applicationSystem .loginPanel form input.loginInput:-moz-placeholder { /* Firefox 18- */ font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:13px; color:#474748; } #applicationSystem .loginPanel form input.loginInput::-moz-placeholder, #applicationSystem .loginPanel form input.loginInput::-moz-placeholder { /* Firefox 19+ */ font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:13px; color:#474748; } #applicationSystem .loginPanel form input.loginInput:-ms-input-placeholder, #applicationSystem .loginPanel form input.loginInput:-ms-input-placeholder { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:13px; color:#474748; } #applicationSystem .loginPanel form input.submit { border:none; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; background-color:#474748; color:#ffffff; padding: 5px 27px 5px 13px; border-radius:20px; font-size:13px; text-transform:uppercase; letter-spacing:0.5px; cursor:pointer; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrow.png); background-repeat:no-repeat; background-position:100% 50%; background-size: auto 45%; } #applicationSystem .loginPanel form input.submit:hover { background-color:rgba(0, 0, 0, 0.2); text-decoration:none; } #applicationSystem .loginPanel a { color:#ffffff; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 200; font-size:12px; position:absolute; display:block; right:20px; bottom:10px} .recruiterContent #applicationSystem .loginPanel a { position:relative; right:auto; bottom:auto; margin-top:3px;} #applicationSystem .loginPanel a:hover { text-decoration:underline; color:#ffffff;} #applicationSystem .applicationPanel .applicationSubHead, #confirmPanel .confirmDetails .applicationSubHead { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:18px; margin-bottom:10px;} #applicationSystem .applicationPanel .passwordSubhead, #confirmPanel .confirmDetails .passwordSubhead { font-size:14px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; } #applicationSystem .applicationPanel .applicationDescription { margin-bottom:20px; font-size:14px; line-height:20px;} #applicationSystem .applicationPanel .quickApplyJobList ul li { margin-bottom:5px; padding-bottom:5px; border-bottom:1px dotted #ccc; position:relative; padding-right:150px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 200; font-size:13px; } #applicationSystem .applicationPanel .quickApplyJobList ul li:last-child { border-bottom:none; padding-bottom:0;} #applicationSystem .applicationPanel .quickApplyJobList ul { padding-top:5px;} #applicationSystem .applicationPanel .quickApplyJobList ul li .quickJobCo { font-family: "DM Sans", sans-serif; font-style: italic; font-weight: 200;} #applicationSystem .applicationPanel .quickApplyJobList ul li .remove { position:absolute; right:0px; top:5px; text-align:right; color:#474748; font-size:12px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; } #applicationSystem .applicationPanel .quickApplyJobList ul li .remove input { margin-left:10px;} #applicationSystem .applicationPanel .headingFail, #confirmPanel .confirmDetails .headingFail { color:#da1010;} #applicationSystem .applicationPanel .failHeading, #confirmPanel .confirmDetails .FailHeading { margin-bottom:20px; color:#da1010; font-size:14px;} #applicationSystem .applicationPanel .textFail, #confirmPanel .confirmDetails .textFail { margin:5px 0; color:#da1010; font-size:14px;} #applicationSystem .applicationPanel .textFailMulti { margin:5px 0 20px 0; color:#da1010; font-size:14px;} #applicationSystem .applicationPanel hr { margin:20px 0; padding:0; border:1px solid #a5a6a8; border-width:1px 0 0 0;} #applicationSystem .applicationPanel form { padding:0; margin:0;} #applicationSystem .applicationPanel form input.textInput { padding:3px 5px; border-radius:3px; width:220px; margin:0 5px 0 0; border:1px solid #a5a6a8; font-size:14px; height:30px; color:#474748} #applicationSystem .applicationPanel form .regionContainer { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;} #applicationSystem .applicationPanel form .regionContainer .regions { width:268px; margin-right:20px; margin-bottom:20px; } #applicationSystem .applicationPanel form .regionContainer .regions .regionHeader { margin-bottom:10px; font-size:14px; line-height:20px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600;} #applicationSystem .applicationPanel form .regionContainer .regions .regionText { margin-bottom:20px; font-size:12px; line-height:18px; } #applicationSystem .applicationPanel form .regionContainer .regions input { margin-bottom:5px;} #applicationSystem .applicationPanel form input.failText { border-color:#da1010;} #applicationSystem .applicationPanel form input.textInputLast { margin:0;} #applicationSystem .applicationPanel form input.textInput::-webkit-input-placeholder, #applicationSystem .applicationPanel form textarea::-webkit-input-placeholder, #confirmPanel .confirmDetails form textarea::-webkit-input-placeholder { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:14px; color:#474748; } #applicationSystem .applicationPanel form input.textInput:-moz-placeholder, #applicationSystem .applicationPanel form textarea::-webkit-input-placeholder, #confirmPanel .confirmDetails form textarea::-webkit-input-placeholder { /* Firefox 18- */ font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:14px; color:#474748; } #applicationSystem .applicationPanel form input.textInput::-moz-placeholder, #applicationSystem .applicationPanel form textarea::-webkit-input-placeholder, #confirmPanel .confirmDetails form textarea::-webkit-input-placeholder { /* Firefox 19+ */ font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:14px; color:#474748; } #applicationSystem .applicationPanel form input.textInput:-ms-input-placeholder, #applicationSystem .applicationPanel form textarea::-webkit-input-placeholder, #confirmPanel .confirmDetails form textarea::-webkit-input-placeholder { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:14px; color:#474748; } #applicationSystem .applicationPanel .screeningQuestion, #confirmPanel .confirmDetails .screeningQuestion { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; font-size:14px; margin-bottom:8px; } #applicationSystem .applicationPanel .screeningAnswer, #confirmPanel .confirmDetails .screeningAnswer { margin-bottom:20px; font-size:14px;} #applicationSystem .applicationPanel .screeningAnswer input, #confirmPanel .confirmDetails .screeningAnswer input { margin-right:10px; } #applicationSystem .applicationPanel .screeningAnswer input:last-child, #confirmPanel .confirmDetails .screeningAnswer input:last-child{ margin-left:30px;} #applicationSystem .applicationPanel form input.myfile1 { border:none; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; background-color:#e7e7e8; color:#1a1818; padding: 5px 27px 5px 13px; border-radius:20px; font-size:13px; text-transform:uppercase; letter-spacing:0.5px; cursor:pointer; background-image:url(https://www.healthclubmanagement.co.uk/images/linkArrowBlack.png); background-repeat:no-repeat; background-position:100% 50%; background-size: auto 45%; } #applicationSystem .applicationPanel form input.myfile1:hover { background-color:#b4b5b5; text-decoration:none; } #applicationSystem .applicationPanel form textarea, #confirmPanel .confirmDetails form textarea { width:100%; height:320px; border:1px solid #a5a6a8; border-radius:3px; padding:5px; font-size:14px; margin-bottom:20px;} #applicationSystem .applicationPanel form textarea.textAreaFail, #confirmPanel .confirmDetails form textarea.textAreaFail { border-color:#da1010;} #applicationSystem .applicationPanel form .applyButton, #confirmPanel .confirmDetails form .applyButton, #applicationSystem .applicationPanel form .quickApplyCount { text-align:right;} #applicationSystem .applicationPanel form .quickApplyCount { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; font-size:16px; margin-bottom:20px;} /*#applicationSystem .applicationPanel form .quickApplyFixedBox { width:90px; background-color:#e7e7e8} #applicationSystem .applicationPanel form .quickApplyFixedBoxTitle { padding:5px; background-color:#818285; color:#474748} */ #applicationSystem .applicationPanel form .applyButton input.submit, #confirmPanel .confirmDetails form .applyButton input.submit { padding:10px; background-color:#fc6a2d; color:#ffffff; margin-bottom:20px; text-transform:uppercase; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; border:none; border-radius:3px; font-size:18px; width:240px; text-align:center; background-image:none;} #applicationSystem .applicationPanel form .applyButton input.submit:hover, #confirmPanel .confirmDetails form .applyButton input.submit:hover { background-color:#e25f28; } #applicationSystem .applicationPanel form .applyButton input.submitAll { background-color:#365aa5; } #applicationSystem .applicationPanel form .applyButton input.submitAll:hover { background-color:#324981; } #applicationSystem .applicationPanel .review, #confirmPanel .confirmDetails .review { text-align:right;} #applicationSystem .applicationPanel .coverText { margin-bottom:10px; } #applicationSystem .applicationPanel #autosaveApp { display:none;} @media screen and (max-width:1202px) { #jobDetail .jobDetailTopSection .jobDetailTopSectionDetailsLandscape { width:514px;} #jobDetail .jobDetailTopSection .jobDetailTopSectionLogoLandscape { width:186px; } #jobDetail .jobDetailTopSection .jobDetailTopSectionDetailsPortrait { width:562px;} #jobDetail .jobDetailTopSection .jobDetailTopSectionLogoPortrait { width:138px; text-align:right;} #jobDetail .jobDetailTopSection .jobDetailTopSectionDetailsSquare { width:532px;} #jobDetail .jobDetailTopSection .jobDetailTopSectionLogoSquare { width:168px; text-align:right;} #applicationSystem .loginPanel form input.loginInput { width:115px; } #applicationSystem .applicationPanel form input.textInput { width:320px; margin:0 20px 10px 0; } } @media screen and (max-width:650px) { #jobDetail { border:none; padding:0px; } #jobDetail .jobDetailCompany { margin:10px 0px 20px 0px; font-size:30px; padding:20px; color:#474748; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300;} #jobDetail .jobDetailTopSection .jobDetailTopSectionDetails, #jobDetail .jobDetailTopSection .jobDetailTopSectionLogo { float:none; } #jobDetail .jobDetailTopSection .jobDetailTopSectionDetailsLandscape { width:100%;} #jobDetail .jobDetailTopSection .jobDetailTopSectionLogoLandscape { width:200px; text-align:left;} #jobDetail .jobDetailTopSection .jobDetailTopSectionDetailsPortrait { width:100%;} #jobDetail .jobDetailTopSection .jobDetailTopSectionLogoPortrait { width:130px; text-align:left;} #jobDetail .jobDetailTopSection .jobDetailTopSectionDetailsSquare { width:100%;} #jobDetail .jobDetailTopSection .jobDetailTopSectionLogoSquare { width:160px; text-align:left;} #applicationSystem .loginPanel .loginPanelTitle { display:block; margin-right:0px; margin-bottom:10px;} #applicationSystem .loginPanel form input.loginInput { width:80%; margin-bottom:10px; } #applicationSystem .applicationPanel form input.myfile1 { width:calc(100% - 40px); } #applicationSystem .applicationPanel form .applyButton, #confirmPanel .confirmDetails form .applyButton, #applicationSystem .applicationPanel form .quickApplyCount, #applicationSystem .applicationPanel form .review { text-align:left;} #applicationSystem .applicationPanel .quickApplyJobList ul li { padding-right:0px; } #applicationSystem .applicationPanel .quickApplyJobList ul li .remove { position:relative; text-align:left; margin-top:0px; margin-bottom:5px;} #jobDetail .jobDetailBottomSection .jobDetailDescription .jobdetailInsetPic { display:none;} } .recruiterWrapper { position:relative;} .recruiterWrapper .recruiterHero img { width:100%; height:300px; z-index:1; position:relative;} .recruiterHolder { border:20px solid #e7e7e8; padding:20px; border-radius:10px 10px 10px 10px; margin-top:-10px; z-index:5; position:relative;} .recruiterHolder .recruiterCompany { background-color:#e7e7e8; margin:-20px -20px 20px -20px; font-size:30px; padding-bottom:20px; color:#474748; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300;} .recruiterHolder .recruiterCompany .recruiterCompanyName { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500;} .recruiterHolder .recruiterMenu ul { display: -webkit-flex; display: flex; width:100%; padding:20px 20px; background-color:#1a1818; margin:-20px -20px 0 -20px;} .recruiterHolder .recruiterMenu ul li.mobileShow { display:none;} .recruiterHolder .recruiterMenu ul li a { display:block; margin:0 20px 0 0; padding:0 20px 0 0; color:#ffffff; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; font-size:16px; text-transform:uppercase; border-right:1px solid #a5a6a8; position:relative;} .recruiterHolder .recruiterMenu ul li:last-child a { border-right:none;} .recruiterHolder .recruiterMenu ul li a:hover:after, .recruiterHolder .recruiterMenu ul li a.selected:after { content:''; position:absolute; bottom:-4px; left:0; right:20px; height:4px; background-color:#fc6a2d;} .recruiterHolder .recruiterContent { display: -webkit-flex; display: flex; margin-top:30px;} .recruiterHolder .recruiterContent .recruiterContentColumn { width:200px; margin-right:20px; padding-right:20px; border-right:2px dotted #a5a6a8; min-height:600px;} .recruiterHolder .recruiterContent .recruiterContentMain { width:624px; min-height:600px;} .recruiterHolder .recruiterContent .recruiterContentMainFullWidth { width:866px;} .recruiterHolder .recruiterContent .recruiterContentPeople { width:200px; padding-left:20px; margin-left:20px; border-left:2px dotted #a5a6a8; min-height:600px;} .recruiterHolder .recruiterContent .recruiterContentMain h1 { color:#474748; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:30px; margin-bottom:40px; } .recruiterHolder .recruiterContent .recruiterContentMain h2 { font-size:14px; margin-bottom:10px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600;} .recruiterHolder .recruiterContent .recruiterContentMain .aboutDetails ul { margin-bottom:20px;} .recruiterHolder .recruiterContent .recruiterContentMain .recruiterSearch { display:inline-block; padding:0px 0px 0px 10px; border-radius:10px; border:1px solid #a5a6a8; margin-top:-20px; margin-bottom:20px; color:#474748; margin-right:20px;} .recruiterHolder .recruiterContent .recruiterContentMain .recruiterSearch form { padding:0; margin:0; display:inline-block;} .recruiterHolder .recruiterContent .recruiterContentMain .recruiterSearch form input.recruiterSearchField { width:300px; border-radius:10px; border:none; padding:3px; font-size:14px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300;} .recruiterHolder .recruiterContent .recruiterContentMain .recruiterSearch form input.recruiterSubmit { color:#ffffff; background-color:#365aa5; border-radius:0 8px 8px 0; border:none; padding:4px 8px; font-size:14px; text-transform:uppercase; } .recruiterHolder .recruiterContent .recruiterContentMain .recruiterViewAll { display:inline-block; margin-bottom:20px;} .recruiterHolder .recruiterContent .recruiterContentMain .recruiterViewAll a { text-decoration:underline;} .recruiterHolder .recruiterContent .recruiterContentMain .recruiterViewAll a:hover { text-decoration:underline; color:#fc6a2d;} .recruiterHolder .recruiterContent .recruiterContentMain .recruiterSearch form input.recruiterSubmit:hover { background-color:#365aa5;} .recruiterHolder .recruiterContent .recruiterContentMain .searchFilters, .recruiterHolder .recruiterContent .recruiterContentMain #jobListing .jobLogoLandscape, .recruiterHolder .recruiterContent .recruiterContentMain #jobListing .jobLogoPortrait, .recruiterHolder .recruiterContent .recruiterContentMain #jobListing .jobLogoSquare, .recruiterHolder .recruiterContent .recruiterContentMain #jobListing .jobCo { display:none;} .recruiterHolder .recruiterContent .recruiterContentMain .searchResultsTitle { display:none;} .recruiterHolder .recruiterContent .recruiterContentMain #jobListing .jobSalary, .recruiterHolder .recruiterContent .recruiterContentMain #jobListing .jobLocation { display: inline-block;} .recruiterHolder .recruiterContent .recruiterContentMain #jobListing .jobSalary { margin-right:30px;} .recruiterHolder .recruiterContent .recruiterContentMain #jobListing .quickApplyButtons .quickView { margin-right:30px;} .recruiterHolder .recruiterContent .recruiterContentMain #applicationSystem .applicationPanel form input.textInput { width:320px; margin:0 20px 10px 0; } .recruiterHolder .recruiterContent .recruiterContentMain .video, .recruiterHolder .recruiterContent .recruiterContentMain .caseStudy { margin-bottom:30px; border-bottom:2px solid #a5a6a8; padding-bottom:30px; } .recruiterHolder .recruiterContent .recruiterContentMain p a, .recruiterHolder .recruiterContent .recruiterContentMain li a { text-decoration:underline;} .recruiterHolder .recruiterContent .recruiterContentMain .recruiterInsetPic { float:right; width:30%; margin:0 0 30px 30px;} .recruiterHolder .recruiterContent .recruiterContentMain .recruiterInsetPic img { width:calc(100% - 2px); border:1px solid #ededed; margin-bottom: 5px;} .recruiterHolder .recruiterContent .recruiterContentMain .recruiterInsetPic p { font-family: "DM Sans", sans-serif; font-style: italic; font-weight: 400; font-size:12px; line-height:18px; text-align:right; margin:0; padding:0;} .recruiterHolder .recruiterContent .recruiterContentMain p a:hover, .recruiterHolder .recruiterContent .recruiterContentMain li a:hover { color:#fc6a2d;} .recruiterHolder .recruiterContent .recruiterContentMain p { font-size:14px; margin-bottom:20px; line-height:20px;} .recruiterHolder .recruiterContent .recruiterContentMain .profilePosition p { margin-bottom:5px;} .recruiterHolder .recruiterContent .recruiterContentMain ul { padding-left:20px;} .recruiterHolder .recruiterContent .recruiterContentMain ul li { font-size:14px; line-height:20px; margin-bottom:5px; list-style-type:disc; } .recruiterHolder .recruiterContent .recruiterContentMain .links ul li { margin-bottom:20px; } .recruiterHolder .recruiterContent .recruiterContentMain .links ul li a { text-decoration:none; } .recruiterHolder .recruiterContent .recruiterContentMain #jobDetail { border:none; padding:0; } .recruiterHolder .recruiterContent .recruiterContentMain #jobDetail .jobDetailCompany { display:none; } .recruiterHolder .recruiterContent .recruiterContentMain #jobDetail .jobDetailTopSection .jobDetailTopSectionLogo { display:none; } .recruiterHolder .recruiterContent .recruiterContentMain #jobDetail .jobDetailTopSection .jobDetailTopSectionDetailsPortrait, .recruiterHolder .recruiterContent .recruiterContentMain #jobDetail .jobDetailTopSection .jobDetailTopSectionDetailsLandscape {width:100%;} .recruiterHolder .recruiterContent .recruiterContentColumn .logo img { width:80%; margin-left:0%; margin-right:20%; margin-bottom:30px;} .recruiterHolder .recruiterContent .recruiterContentColumn .colSection { padding-bottom:30px; /*border-top:2px solid #a5a6a8;*/ padding-top:10px;} .recruiterHolder .recruiterContent .recruiterContentColumn .colSectionAbout { padding-bottom:30px; border-top:none; padding-top:0px;} .recruiterHolder .recruiterContent .recruiterContentColumn .colSection .colHeading { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; font-size:14px; margin-bottom:10px; color:#474748; line-height:20px;} .recruiterHolder .recruiterContent .recruiterContentColumn .colSection .jobColHeading { margin-bottom:20px; } .recruiterHolder .recruiterContent .recruiterContentColumn .colSection a.morerelatedjobs { float:none; margin-top:20px;} .recruiterHolder .recruiterContent .recruiterContentColumn .colSection .colText { font-size:12px; line-height:18px; margin-bottom:10px;} .recruiterHolder .recruiterContent .recruiterContentColumn .colSection .colText a:hover { text-decoration:underline;} .recruiterHolder .recruiterContent .recruiterContentColumn .colMore a { color:#474748; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; font-size:12px; text-decoration:underline;} .recruiterHolder .recruiterContent .recruiterContentColumn .colMore a:hover { color:#fc6a2d; } .recruiterHolder .recruiterContent .recruiterContentColumn .colMoreVideo a { display:block; margin-top:-20px; margin-bottom:20px; } .recruiterHolder .recruiterContent .morePeople, .recruiterHolder .recruiterContent .recruiterContentPeople .peopleHeading { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; font-size:14px; margin-bottom:10px; color:#474748; line-height:20px; } .recruiterHolder .recruiterContent .morePeople { font-size:16px; margin-bottom:20px; } .recruiterHolder .recruiterContent .recruiterContentPeople .myCareerPanelitem { width:200px; } .recruiterHolder .recruiterContent .recruiterContentPeople .myCareerPanelitem img { width:80%; margin-bottom:8px;} .recruiterHolder .recruiterContent .recruiterContentPeople .myCareerPanelitem a h2 { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600; font-size:15px; margin-bottom:8px; line-height:19px;} .recruiterHolder .recruiterContent .recruiterContentPeople .myCareerPanelitem a:hover h2 { text-decoration:underline;} .recruiterHolder .recruiterContent .recruiterContentPeople .myCareerPanelitem .myCareerJobtitle { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:15px; margin:5px 0;} .recruiterHolder .recruiterContent .recruiterContentPeople .myCareerPanelitem .myCareerLocation, .recruiterHolder .recruiterContent .recruiterContentPeople .myCareerPanelitem .myCareerCompany { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 600;} .recruiterHolder .recruiterContent .recruiterContentPeople .myCareerPanelitem .myCareerQuote { margin-top:5px; line-height:19px;} .recruiterHolder .recruiterContent .recruiterContentPeople .myCareerPanelitem .myCareerMore a { margin: 10px auto 30px auto; display: inline-block; border-radius: 20px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; color:#ffffff; font-size: 11px; padding: 3px 10px 3px 10px; position: relative; text-transform: uppercase; background-color:#6b527f; } .recruiterHolder .recruiterContent .recruiterContentPeople .myCareerPanelitem .myCareerMore a:hover { background-color:#564266; color:#ffffff; } .recruiterHolder .recruiterContent .recruiterContentPeople .myCareerPanelitem .myCareerQuote i.quote-left { display:inline-block; background-image:url(https://www.healthclubmanagement.co.uk/images/singleQuoteLeftTrans.png); margin:0px 5px 0px 0px; width:10px; height:12px; background-repeat:no-repeat; background-size:90%;} .recruiterHolder .recruiterContent .recruiterContentPeople .myCareerPanelitem .myCareerQuote i.quote-right { display:inline-block; background-image:url(https://www.healthclubmanagement.co.uk/images/singleQuoteRightTrans.png); margin:0px 0px 0px 5px; width:10px; height:12px; background-repeat:no-repeat; background-size:90%;} @media screen and (max-width:1202px) { .recruiterHolder .recruiterContent .recruiterContentPeople { width:140px;} .recruiterHolder .recruiterContent .recruiterContentPeople .myCareerPanelitem { width:140px; } .recruiterHolder .recruiterContent .recruiterContentMain { width:514px; } .recruiterHolder .recruiterContent .recruiterContentMainFullWidth { width:716px;} .recruiterWrapper .recruiterHero img { height:257px; } @media screen and (max-width:650px) { .recruiterHolder { border:none; padding:0px; } .recruiterWrapper .recruiterHero img { height:auto; } .recruiterHolder .recruiterCompany { background-color:#e7e7e8; margin:0px 0px 0px 0px; padding:20px; font-size:22px; } .recruiterHolder .recruiterMenu ul { margin:0; width:calc(100% - 40px);} .recruiterHolder .recruiterMenu ul li.mobileHide { display:none;} .recruiterHolder .recruiterMenu ul li.mobileShow { display:block; margin:0 10px 0 0; padding:0 10px 0 0; color:#ffffff; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; font-size:14px; text-transform:uppercase; position:static;} .recruiterHolder .recruiterMenu ul li.mobileShow ul { display:none;} .recruiterHolder .recruiterMenu ul li.mobileShow:hover ul { display:block; position:absolute; left:0; z-index:100;} .recruiterHolder .recruiterMenu ul li.mobileShow:hover ul li a { display:inline-block; margin:0 10px 20px 0; padding:0 10px 0px 0; color:#ffffff; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; font-size:14px; text-transform:uppercase; width:auto;} .recruiterHolder .recruiterMenu ul li a { margin:0 10px 0 0; padding:0 10px 0 0; font-size:14px; } .recruiterHolder .recruiterMenu ul li a:hover:after, .recruiterHolder .recruiterMenu ul li a.selected:after { right:10px; } .recruiterHolder .recruiterContent .recruiterContentMain { width:100%; } .recruiterHolder .recruiterContent .recruiterContentColumn, .recruiterHolder .recruiterContent .recruiterContentPeople { display:none;} .recruiterHolder .recruiterContent .recruiterContentMain .recruiterSearch form input.recruiterSearchField { width:250px;} }