#mobileHeaderJobs {width:100%;}
#mobileHeaderJobs.stick {
position: fixed;
top: 0;
left:10px;
right:10px;
width:90%;
width:calc(100% - 20px);
z-index: 10000;
}
@media screen and (device-width: 320px) and (device-height: 534px) and (-webkit-device-pixel-ratio: 1.5) {
#mobileHeaderJobs.stick {
position: relative;
width:100%;
z-index:auto;
}
}
#mobileHeaderJobs {
margin-bottom:20px;
border-bottom:1px solid #231f20;
background-color:#fff;}
#mobileHeaderJobs .title,
#mobileHeaderJobs .field1 {
display:none;} 
#mobileHeaderJobs .field2 {	
width:100%;
margin-top:5px;
display: -webkit-flex;
display: flex;
align-items:stretch;
}
#mobileHeaderJobs .field2 #mobileHeaderMenuIcon,
#mobileHeaderJobs .field2 .mobileHeaderLogin,
#mobileHeaderJobs .field2 .mobileHeaderSearchIcon
{
width:12%;
cursor:pointer;
float:left;
}
#mobileHeaderJobs .field2 #mobileHeaderMenuIcon img,
#mobileHeaderJobs .field2 #mobileHeaderSearchIcon img,
#mobileHeaderJobs .field2 .mobileHeaderLogin a img { 
width:100%;
vertical-align:middle;
float:left;} 
#mobileHeaderJobs .field2 #mobileHeaderMenuIcon #mobileMenuClose 
{
display:none;
float:left;}
#mobileHeaderJobs .field2 #mobileHeaderMenuIcon.menuShow #mobileMenuOpen {
display:none;
float:left;}
#mobileHeaderJobs .field2 #mobileHeaderMenuIcon.menuShow #mobileMenuClose,
#mobileHeaderJobs .field2 #mobileHeaderMenuIconNew.menuShow #mobileMenuClose {
display:block;
float:left;}	
#mobileHeaderJobs .field2 .mobileHeaderLogo{
width:76%;
float:left;
}
#mobileHeaderJobs .field2 .mobileHeaderLogo img {
width:90%;
margin-left:5%;
margin-top:10px;
outline: 1px solid transparent;
}	
#mobileHeaderJobs .field2 .mobileHeaderLink {
width:30%;
text-align:center;
float:left;
}	
#mobileHeaderJobs .field2 .mobileHeaderLink {
display:none;
}	
#mobileHeaderJobs .field2 .mobileHeaderLink a {
display: inline-block;
color:#231f20;	
font-size:16px;
text-transform:uppercase;
font-family: "DM Sans", sans-serif;
font-style: normal;
font-weight: 400;
padding-top:15%;
} 
#mobileHeaderJobs .field2 .topBarMobileNew {
margin-top:5px;} 
#mobileHeaderJobs .field2 .topBarMobileNew #mobileHeaderMenuIcon,
#mobileHeaderJobs .field2 .topBarMobileNew .mobileHeaderLogin,
#mobileHeaderJobs .field2 .topBarMobileNew #mobileHeaderSearchIcon {
float:left;
width:5%;
margin-right:4%
}
#mobileHeaderJobs .field2 .topBarMobileNew .mobileHeaderLogin {
margin-right:0;}
#mobileHeaderJobs .field2 .topBarMobileNew .mobileHeaderLogo {
width:71%;
margin-right:4%;
margin-left:0%}
#mobileHeaderJobs .field2 .topBarMobileNew .mobileHeaderLogo img {
width:100%;
margin-left:0%;
margin-top:0px;
}	
#mobileHeaderJobs .field2Clear {
clear:both;}	
@media screen and (max-width:550px) {	
#mobileHeaderJobs .field2 .mobileHeaderLogo img {
margin-top:7px;
}	
}
@media screen and (max-width:500px) {	
#mobileHeaderJobs .field2 .mobileHeaderLink a {
font-size:14px;}
}
#mobileHeaderJobs .field3 #mobileFullNav {
display:none;
width:100%;
background-color:#4c4d4f;
padding-bottom:10px;
margin-top:5px;
border-bottom:10px solid #fff;
}
#mobileHeaderJobs .field3 #mobileFullNav ul {
margin-left:10px;
margin-right:10px;
padding-top:10px;
width:90%;
width:calc(100% - 20px);
}	
#mobileHeaderJobs .field3 #mobileFullNav ul li a {
color:#fff;
display:block;
padding:5px 0;
border-bottom:2px solid #6d6e71;
font-family: "DM Sans", sans-serif;
font-style: normal;
font-weight: 300;
font-size:16px;
}
#mobileHeaderJobs .field3 #mobileFullNav ul li.topThree a {
font-family: "DM Sans", sans-serif;
font-style: normal;
font-weight: 600;}
#mobileHeaderJobs .field3 #mobileFullNav ul li a:hover {
color:#fc6a2d;}	
#mobileHeaderJobs .field3 #mobileFullNav ul li .mobileFullNavSocialHeader {
color:#fff;
font-family: "DM Sans", sans-serif;
font-style: normal;
font-weight: 300;
font-size:12px;
margin:5px 0 10px 0;}
#mobileHeaderJobs .field3 #mobileFullNav ul li .mobileFullNavSocialIcons a {
display:inline-block;
padding:0;
border:none;
width:30px;
margin-right:8px;}
#mobileHeaderJobs .field3 #mobileFullNav ul li .mobileFullNavSocialIcons a img {
width:100%;}	
#mobileHeaderJobs .field4 #mobileSearchForm {
/*display:none;*/
width:90%;
width:calc(100% - 20px);
background-color:#4c4d4f;
padding:10px;
border-bottom:10px solid #fff;
}	
#mobileHeaderJobs .field4 .mobileSearchNew #mobileSearchForm {
background-color:#262626;
padding:10px;
border-bottom:none;
}	
#mobileHeaderJobs .field4 .mobileSearchNew #mobileSearchForm .jobSearchForm,
#mobileHeaderJobs .field4 .mobileSearchNew #mobileSearchForm .newsSearchForm {
width:48%;
margin-right:4%;
float:left;} 
#mobileHeaderJobs .field4 .mobileSearchNew #mobileSearchForm .newsSearchForm {
margin-right:0;} 
#mobileHeaderJobs .field4 #mobileSearchForm .jobSearchForm form,
#mobileHeaderJobs .field4 #mobileSearchForm .newsSearchForm form {
padding:0;
margin:0; 
position:relative;}
#mobileHeaderJobs .field4 #mobileSearchForm .jobSearchForm form {
margin-bottom:0px;}
#mobileHeaderJobs .field4 #mobileSearchForm .jobSearchForm {
margin-bottom:8px;} 
#mobileHeaderJobs .field4 .mobileSearchNew #mobileSearchForm .jobSearchForm {
margin-bottom:0px;} 
#mobileHeaderJobs .field4 #mobileSearchForm label {
position:absolute;
letter-spacing:0.5px;
font-size:14px;
color:#fff;
line-height:26px;
text-transform:uppercase;
padding:0 0px 0 10px;
width:126px;
}
#mobileHeaderJobs .field4 #mobileSearchForm .jobSearchForm label {
background-color:#365aa5; 
}
#mobileHeaderJobs .field4 #mobileSearchForm .newsSearchForm label {
background-color:#42aa69; 
}
#mobileHeaderJobs .field4 #mobileSearchForm .jobSearchForm label:after {
position:absolute;
content:'';
top:0;
right:-6px;
width: 0;
height: 0;
border-style: solid;
border-width: 12.5px 0 12.5px 6px;
border-color: transparent transparent transparent #365aa5;}
#mobileHeaderJobs .field4 #mobileSearchForm .newsSearchForm label:after {
position:absolute;
content:'';
top:0;
right:-6px;
width: 0;
height: 0;
border-style: solid;
border-width: 12.5px 0 12.5px 6px;
border-color: transparent transparent transparent #42aa69;}
#mobileHeaderJobs .field4 #mobileSearchForm input.jobSearchField,
#mobileHeaderJobs .field4 #mobileSearchForm input.newsSearchField {
line-height:25px;
width: 100%;
margin-right:8px;
border-radius:0 20px 20px 0px;
border:none;
background-color:#e7e7e8;
padding-left:150px;
}	
#mobileHeaderJobs .field4 .mobileSearchNew #mobileSearchForm input.jobSearchField,
#mobileHeaderJobs .field4 .mobileSearchNew #mobileSearchForm input.newsSearchField {
border-radius:20px;
padding-left:15px;
}	
#mobileHeaderJobs .field4 #mobileSearchForm input::-webkit-input-placeholder {
font-family: "DM Sans", sans-serif;
font-style: normal;
font-weight: 300;
font-size:13px;
color:#4c4d4f;
}
#mobileHeaderJobs .field4 #mobileSearchForm input:-moz-placeholder { /* Firefox 18- */
font-family: "DM Sans", sans-serif;
font-style: normal;
font-weight: 300;
font-size:13px;
color:#4c4d4f;
}
#mobileHeaderJobs .field4 #mobileSearchForm input::-moz-placeholder { /* Firefox 19+ */
font-family: "DM Sans", sans-serif;
font-style: normal;
font-weight: 300;
font-size:13px;
color:#4c4d4f;
}
#mobileHeaderJobs .field4 #mobileSearchForm input:-ms-input-placeholder { 
font-family: "DM Sans", sans-serif;
font-style: normal;
font-weight: 300;
font-size:13px;
color:#4c4d4f;
}
#mobileHeaderJobs .field4 #mobileSearchForm .jobSearchForm button.submit,
#mobileHeaderJobs .field4 #mobileSearchForm .newsSearchForm button.submit {
position:absolute;
right:5px;
top:4px;
display:inline-block;
border:none;
font-family: "DM Sans", sans-serif;
font-style: normal;
font-weight: 400;
color:#474748;
padding: 5px 10px 5px 13px;	
font-size:15px;
cursor:pointer;
background-color:#e7e7e8;
}
#mobileHeaderJobs .field4 .mobileSearchNew #mobileSearchForm button.submit {
background-image:url(https://www.leisureopportunities.co.uk/images/mobileSearchSubmit.gif);
background-size:auto 18px;
height:18px;
background-repeat:no-repeat;
}
/*#mobileHeaderJobs .field4 #mobileSearchForm .newsSearchForm button.submit {
background-color:#42aa69;}	
#mobileHeaderJobs .field4 #mobileSearchForm .jobSearchForm button.submit:hover,
#mobileHeaderJobs .field4 #mobileSearchForm .newsSearchForm button.submit:hover {	
text-decoration:none;	}
#mobileHeaderJobs .field4 #mobileSearchForm .jobSearchForm button.submit:hover {
background-color:#324981;
}
#mobileHeaderJobs .field4 #mobileSearchForm .newsSearchForm button.submit:hover {
background-color:#378553;
}*/
#mobileHeaderJobs .field4 #mobileSearchForm .jobSearchForm .searchLinks {
text-align:left;} 
#mobileHeaderJobs .field4 #mobileSearchForm .jobSearchForm .searchLinks a {
display:inline-block;
color:#ffffff;
text-decoration:underline;
margin:5px 0 5px 0;
font-size:12px;
padding:0;}
#mobileHeaderJobs .field4 #mobileSearchForm .jobSearchForm .searchLinks a:hover {
background-color:#ffffff;
color:#4c4d4f;
text-decoration:none;}
#mobileHeaderJobs .field4 #mobileSearchForm .jobSearchForm .searchLinks a.advancedLink {
margin-left:20px;
}
/* new job search panel */
#mobileHeaderJobs .field4 .mobileSearchJobs #mobileSearchForm form {
padding-bottom:2px;
margin-bottom:0;}
#mobileHeaderJobs .field4 .mobileSearchJobs #mobileSearchForm {
width:calc(100% - 10px);
background-color:#365aa5;
border-radius: 5px;
padding:5px;
margin-bottom:-5px;}
#mobileHeaderJobs .field4 .mobileSearchJobs #mobileSearchForm .mobileJobsearchHeader {
color:#ffffff;
text-transform:uppercase;
margin-bottom:3px;}
#mobileHeaderJobs .field4 .mobileSearchJobs #mobileSearchForm input.keywordSearchField,
#mobileHeaderJobs .field4 .mobileSearchJobs #mobileSearchForm input.locationSearchField {
width:44%;
padding: 0px 5px;
border-radius: 3px;
border: 1px solid #ffffff;
margin-bottom: 0px;
margin-right: 5px;
height: 20px;
line-height: 20px;
letter-spacing: 0.5px;
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 12px;
text-transform: capitalize;}
#mobileHeaderJobs .field4 .mobileSearchJobs #mobileSearchForm button.submit {
font-family: 'DM Sans', sans-serif;
font-style: normal;
font-weight: 400;
background-color: #1a1818;
color: #ffffff;
text-align: center;
border-radius: 5px;
border: 1px solid #ffffff;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 0.5px;
cursor: pointer;
height:20px;
line-height: 20px;
padding: 0 5px 0 5px;
margin: 0;
background-image:none;}
@media screen and (max-width:460px) {
#mobileHeaderJobs .field4 .mobileSearchJobs #mobileSearchForm input.keywordSearchField,
#mobileHeaderJobs .field4 .mobileSearchJobs #mobileSearchForm input.locationSearchField {
width:40%;
}
}