#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 .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 .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 */ .searchFilterPanel .filters { width:100%; margin-top:10px; } .searchFilterPanel .filterHeading { font-size:12px; margin-bottom:8px; color:#474748; margin-top:10px;} .searchFilterPanel .filters ul { width:100%; margin-bottom:5px; position:relative; } ul.companies .links, ul.sectors li.links, ul.regions li.links, ul.salary li.links {display:none;} .searchFilterPanel .filters 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 #d5d6eb; } .searchFilterPanel .filters ul li i { color:#365aa5} .searchFilterPanel .filters ul li i.fa-caret-down { position:absolute; top:4px; right:20px; display:inline-block; font-size:20px; } .searchFilterPanel .filters ul li i.fa-caret-up { display:none;} .searchFilterPanel .filters ul li:hover i.fa-caret-down { display:none;} .searchFilterPanel .filters ul li:hover i.fa-caret-up { display:block; position:absolute; top:4px; right:20px; display:inline-block; font-size:20px;} .searchFilterPanel .filters ul li ul { display:none;} .searchFilterPanel .filters ul:hover li { background-color:#ffffff; border:1px solid #365aa5; } .searchFilterPanel .filters ul:hover li:first-child:after { content:''; position:absolute; z-index:200; height:2px; background-color:#ffffff; bottom:0; left:0; right:0; } .searchFilterPanel .filters 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; background-color:#ffffff; width:319px; padding:5px 10px; z-index:99; border:1px solid #365aa5; left:-1px; border-radius:0px 0 0 0} .searchFilterPanel .filters ul.sectors:hover li ul, .searchFilterPanel .filters ul.regions:hover li ul { width:230px;} /*.searchFilterPanel .filters ul:hover li { border-bottom:1px solid #ffffff;}*/ .searchFilterPanel .filters 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; } .searchFilterPanel .filters ul:hover ul li { width:100%; } .searchFilterPanel .filters ul:hover li.recruitSubHead1, .searchFilterPanel .filters 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%; } .searchFilterPanel .filters ul li ul li a { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; } .searchFilterPanel .filters ul li ul li a:hover { text-decoration:underline; } /* 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; } #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;} }