#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; } .searchResultsTitle, .searchResultsTitle h1 { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:19px; color:#000; margin-bottom:10px;} .searchResultsTitle h1 { font-size:22px; font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 500; color:#000;} .searchResultsTitle h1 .thispagetitlenews { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; color:#000;} .thisPageTitle { /*text-transform:lowercase;*/} .newsListItem { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #a5a6a8; display: -webkit-flex; display: flex; } .newsListItem .newsListImg { width:248px; margin-right:30px; position:relative; } .newsListItem .newsListImg .videoPresent { position: absolute; bottom: -1px; left: -1px; padding:15px; background-color:#fff; z-index: 999; } .newsListItem .newsListImg .videoPresent .videoPlay { display:block; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 17.3px; border-color: transparent transparent transparent #000;} .newsListItem .newsListImg img { width:100%; border:1px solid #ededed; } .newsListItem .newsListDetails { width:423px;} .newsListItem .newsListDetailsFullWidth { width:100%;} .newsListItem .newsListDetails .newsListTitle { margin-top:-2px; margin-bottom:8px;} .newsListItem .newsListDetails .newsListTitle a { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 700; font-size:17px; line-height:22px; } .newsListItem .newsListDetails .newsListDate { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 300; font-size:13px; color:#474748; margin-bottom:8px; } .newsListItem .newsListDetails .newsListTitle a:hover { text-decoration:underline;} .newsListItem .newsListDetails .newsListFirstPara { font-family: "DM Sans", sans-serif; font-style: normal; font-weight: 400; font-size:13px; line-height:20px; margin-bottom:5px; } .newsListItem .newsListDetails .newsListFirstPara 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; } .newsListItem .newsListDetails .newsListFirstPara a:hover { color:42aa69;} .newsListItem .newsListDetails .newsListShare .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; } .newsListItem .newsListDetails .newsListShare .sharePanel .shareIcon { background-image:url(https://www.healthclubmanagement.co.uk/images/shareIconGrey.png); background-position:50px 60%; background-size: auto 60%; background-repeat:no-repeat;} .newsListItem .newsListDetails .newsListShare .sharePanel .shareIcon:before { content :'SHARE ';} .newsListItem .newsListDetails .newsListShare .sharePanel .shareButtons { display:none;} .newsListItem .newsListDetails .newsListShare .sharePanel:hover .shareButtons { display:block;} .newsListItem .newsListDetails .newsListShare .sharePanel:hover .shareIcon { display:none;} .paging .pagingDetails { margin-bottom:10px; } .paging .pagingDetails:after { content:' news stories found';} .paging .pagingDetails1:after { content:' news story found';} .paging .pagingDetailsCount:after { content:' news stories';} .paging .pagingControls a { color:#42aa69; display:inline-block; margin-right:10px; } .paging .pagingControls a:hover { color:#42aa69; text-decoration:underline; } @media screen and (max-width:1202px) { .newsListItem .newsListImg { width:198px; } .newsListItem .newsListDetails { width:323px;} } @media screen and (max-width:650px) { /*.newsListItem { display:block;} .newsListItem .newsListImg, .newsListItem .newsListDetails { width:100%; margin-right:0 } .newsListItem .newsListImg { margin-bottom:20px;}*/ .newsListItem .newsListFirstPara { display:none;} .newsListItem .newsListDetails .newsListShare .sharePanel .shareButtons { display:block;} .newsListItem .newsListDetails .newsListShare .sharePanel .shareButtons:before { content :'SHARE: '; margin-right:10px;} .newsListItem .newsListDetails .newsListShare .sharePanel .shareIcon { display:none;} .newsListItem .newsListDetails .newsListShare .sharePanel {margin-bottom:0px;} }