body {
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857;
color: #888;
background-color: #fff;
}
a {
color: #aa0a2f;
}
a:hover {
color: #8a102c;
}
h1, h2, h3, h4, h5, h6 {
color: #aa0a2f;
font-weight: 700;
margin-bottom: 1.5rem;
}
h3 {
font-size: 1.4rem;
}
section {
min-height:calc(100% - 70px);
}
.main-header {
min-height: 97px;
} .logged-in .fixed-top {
top: 46px;
}
.container-sm {
max-width: 780px;
margin: 0 auto;
} .btn-primary {
color: #fff;
background-color: #aa0a2f;
border-color: #aa0a2f;
}
.btn {
border-radius: 0;
}
.btn-primary:hover {
color: #fff;
background-color: #8a102c;
border-color: #8a102c;
}
.btn-primary.focus,
.btn-primary:focus {
box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
background-color: #8a102c;
border-color: #8a102c;
outline: none;
}
.back-btn {
text-decoration: underline;
margin-bottom: 10px;
display: inline-block;
} select {
-webkit-appearance: none; 
-moz-appearance: none;
appearance: none; 
padding: .475rem .75rem;
height: auto;
}
select:focus {
outline-color: #888;
}
select::-ms-expand { 
display: none;
}
.form-control:focus {
border-color: #aa0a2f;
box-shadow: 0 0 0 0.2rem rgb(255, 213, 222);
}
.hidden {
display: none;
}  .navbar { 
margin: 0 auto;
padding: 10px;
-webkit-transition:padding 0.2s ease;
-moz-transition:padding 0.2s ease; 
-o-transition:padding 0.2s ease;    
transition:padding 0.2s ease;     
}
.navbar .container {
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;  
-o-transition:all 0.3s linear;         
transition:all 0.3s linear;
}
.navigation {
width: 100%;
}
.nav-wrapper {
width: 100%;
padding: 10px 0;
display: flex;
border-bottom: 1px solid #aa0a2f; 
}
.navbar-light {
background: #fff !important;
}
.main-nav .navbar-nav {
padding-bottom: 5px;
background: #f2f2f2;
}
.main-nav .navbar-nav .nav-link {
color: #888;
}
.main-nav .navbar-nav .nav-link:focus, 
.main-nav .navbar-nav .nav-link:hover,
.main-nav .navbar-nav li.current-menu-item a {
color: #aa0a2f;
}
.main-nav .navbar-nav li.menu-item {
margin: 0 5px;
border-bottom: 2px solid #f2f2f2;
font-size: 14px;
}
.main-nav .navbar-nav li:hover,
.main-nav .navbar-nav li.current-menu-item {
border-bottom: 2px solid #aa0a2f;
}
.main-nav .navbar-nav li.last {
margin-right: 0;
}
.navbar-light .navbar-toggler {
color: #fff;
border: 1px solid #aa0a2f;
border-radius: 0;
background: #aa0a2f;
}
.navbar-light .navbar-toggler:focus, 
.navbar-light .navbar-toggler:hover {
outline: none;
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}  .social-media ul>li,
.social-media-btn ul>li {
list-style: none; 
display: inline-block;
margin-left: 10px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
background: #888; }
.social-media ul>li:hover,
.social-media-btn ul>li:hover {
background: #aa0a2f;
}
.social-media ul>li a,
.social-media-btn ul>li a { 
color: #fff;
display: block;
padding: 8px 11px; 
}
.social-media-btn span {
font-weight: 700;
font-size: 1.25rem;
} .nav-after-header {
padding: 0;
margin: 0;
}
.search input {
padding: 6px 10px;
outline: none;
background: #ccc;
color: #333;
border: none;
font-size: 1.2rem;
width: 100%;
}
.search ::-webkit-input-placeholder {
color: #333;
font-weight: 700;
}
.search ::-moz-placeholder {
color: #333;
font-weight: 700;
}
.search :-ms-input-placeholder {
color: #333;
font-weight: 700;
}
.search :-moz-placeholder {
color: #333;
font-weight: 700;
}
.search ul>li {
display: inline-block;
padding: 5px 0;
width: 100%;
vertical-align: middle;
} .home .slide {
padding: 15px 0;
}
.home .slide .text-overlay {
position: absolute;
top: 0;
left: 0;
}
.home .slide .text-overlay h2 {
color: #fff;
min-width: 240px;
text-transform: uppercase;
padding: 10px;
margin: 15px;
font-size: 1.2rem;
font-weight: 700;
background: rgba(170, 10, 47, 0.85);
}
.home .slider { 
padding: 30px 0; }  .home .section-1 h3 {
font-weight: 400;
color: #888;
font-size: 1.2rem;
} .page-header {
padding: 10px 0;
border-top: 1px solid #aa0a2f;
}
.page-header .text-overlay {
position: absolute;
top: 0;
left: 0;
}
.page-header .text-overlay h1 {
color: #fff;
min-width: 240px;
text-transform: uppercase;
padding: 10px;
margin: 15px;
font-size: 1.2rem;
font-weight: 700;
background: rgba(170, 10, 47, 0.85);
}
.banner-wrapper {
position: relative;
width: 100%;
overflow: hidden;
}
.page-section { 
padding: 30px 0; 
border-top: 1px solid #aa0a2f; 
overflow: hidden;
}
.page {
min-height: 55vh;
} .team h5 {
margin-bottom: 0;
color: #aa0a2f;
}
.team {
color: #888;
}
.team .overlay {
text-align: center;
padding: 10px;
margin-left: 15px;
margin-right: 15px;
}
.team p {
margin-bottom: 0;
}
.team .col {
margin-bottom: 15px;
}
.row .imagetiles {
display: block;
} .testimonials .card {
border: none; }
.testimonials .card-body {
padding: 2.25rem;
}
.testimonials .card-body:before {
content: "\201F";
font-size: 5rem;
color: #aa0a2f;
position: absolute;
top: 0;
left: 0;
} .testimonials .card-text {
font-size: 1.2rem;
margin-bottom: .5rem;
position: relative;
z-index: 2;
}
.testimonials .card-title {
position: relative;
z-index: 2;
} .job-types {
padding: 30px 0;
width: 95%;
margin: 0 auto;
}
.job-type-image img {
width: 100%;
}
.job-type-title {
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
}
.job-type-title a {
color: #888;
}
.job-type-title a:hover {
color: #aa0a2f;
text-decoration: none;
}
.logos .col-sm-6 {
width: 50%;
margin: 10px 0;
} .candidates .content-wrapper {
position: relative;
padding: 0;
}
.candidates .section-3 {
position: relative;
}
.candidates h5 span {
margin-right: 10px;
font-size: 16px;
}
.candidates h5.download {
background: url(//claibon.co.uk/app/themes/claibon/img/download_timesheet.png) no-repeat right;
background-size: 38px;
padding: 10px 38px 10px 0;
}
.candidates h5.submit {
background: url(//claibon.co.uk/app/themes/claibon/img/Timesheet.png) no-repeat right;
background-size: 38px;
padding: 10px 38px 10px 0;
} .candidates .section-3:after {
bottom: 0;
} .vacancies h2 {
color: #888;
margin-bottom: 0;
}
.vacancies .page-section,
.jobs .page-section {
border: none;
}
.vacancies .page-section {
padding: 10px 0 30px;
}
.vacancies .job_position_featured:before {
content: '\2605JOB OF THE WEEK\2605';
width: 100%;
font-size: 1.5rem;
display: inline-block;
color: #aa0a2f;
font-weight: 700;
}
.vacancies .job_listings .job-manager-pagination {
border: none;
padding: 0;
margin: 10px 0;
background: #888;
}
#content nav.job-manager-pagination ul li,
nav.job-manager-pagination ul li {
border-right: 2px solid #fff;
border-top: none;
border-bottom: none;
}
#content nav.job-manager-pagination ul li:last-child,
nav.job-manager-pagination ul li:last-child {
border-right: none;
}
#content nav.job-manager-pagination ul li a,
#content nav.job-manager-pagination ul li span,
nav.job-manager-pagination ul li a,
nav.job-manager-pagination ul li span {
color: #fff;
font-weight: 700;
font-size: 16px;
padding: 5px;
}
#content nav.job-manager-pagination ul li a:focus,
#content nav.job-manager-pagination ul li a:hover,
#content nav.job-manager-pagination ul li span.current,
nav.job-manager-pagination ul li a:focus,
nav.job-manager-pagination ul li a:hover,
nav.job-manager-pagination ul li span.current {
background: transparent;
color: #aa0a2f;
}
#content nav.job-manager-pagination ul,
nav.job-manager-pagination ul {
margin: 7px;
border: none;
}
.rp4wp-related-job_listing>ul li.job_listing.job_position_featured a,
.rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a,
ul.job_listings li.job_listing.job_position_featured a,
ul.job_listings li.no_job_listings_found.job_position_featured a {
background: #fff;
}
.rp4wp-related-job_listing>ul li.job_listing.job_position_featured a:focus,
.rp4wp-related-job_listing>ul li.job_listing.job_position_featured a:hover,
.rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a:focus,
.rp4wp-related-job_listing>ul li.no_job_listings_found.job_position_featured a:hover,
ul.job_listings li.job_listing.job_position_featured a:focus,
ul.job_listings li.job_listing.job_position_featured a:hover,
ul.job_listings li.no_job_listings_found.job_position_featured a:focus,
ul.job_listings li.no_job_listings_found.job_position_featured a:hover {
background-color: #fff;
color: #8a102c;
}
.rp4wp-related-job_listing>ul li.job_listing a,
.rp4wp-related-job_listing>ul li.no_job_listings_found a,
ul.job_listings li.job_listing a,
ul.job_listings li.no_job_listings_found a {
padding: 0;
}
.rp4wp-related-job_listing>ul li.job_listing,
.rp4wp-related-job_listing>ul li.no_job_listings_found,
ul.job_listings li.job_listing,
ul.job_listings li.no_job_listings_found {
border-bottom: 1px solid #aa0a2f;
padding: 15px 0;
}
.job_listings h4,
.jobs h2 {
margin: 0 0 2px;
font-weight: 700;
}
.job_listings h5,
.jobs h5 {
margin-bottom: 5px;
font-weight: 700;
color: #888;
}
.job_listings .job_meta,
.jobs .job_meta {
margin-bottom: 15px;
font-size: 12px;
}
ul.job_listings li.job_listing a.btn-primary,
ul.job_listings li.job_listing .simplefavorite-button {
color: #fff;
background-color: #aa0a2f;
border-color: #aa0a2f;
padding: .375rem .75rem;
font-weight: 700;
font-size: 1rem;
line-height: 1.5;
margin: 5px;
border: 0;
display: block;
}
ul.job_listings li.job_listing a.apply,
.application .apply {
background: #888;
border-color: #888;
}
.application .simplefavorite-button,
.application .btn-primary {
padding: 0.585rem .75rem;
margin: 0 5px;
font-weight: 700;
}
.single_job_listing .btn-primary:active,
.single_job_listing .btn-primary:focus,
.single_job_listing .btn-primary:hover,
ul.job_listings li.job_listing a.btn-primary:active,
ul.job_listings li.job_listing a.btn-primary:focus,
ul.job_listings li.job_listing a.btn-primary:hover,
ul.job_listings li.job_listing.job_position_featured a.btn-primary:focus {
color: #fff;
background-color: #8a102c;
border-color: #8a102c;
}
.job_filters .search_jobs {
padding: 0;
border-bottom: 1px solid #aa0a2f;
border-top: 1px solid #aa0a2f;
display: inline-block;
width: 100%;
}
.job_filters .search_jobs .no-gutters {
padding-left: 0;
}
.job_filters {
background: #fff;
}
.job_filters select {
font-size: 1rem;
background: #aa0a2f;
color: #fff;
border: none;
width: 100%;
}
.job_filters select:focus {
outline: none;
}
.job_filters option {
background: #fff;
color: #000;
}
.select2-container { }
.select2-search--hide {
display: block !important;
}
.job_filters .search_jobs div.filter_wide,
.job_filters .search_jobs div.search_categories {
padding-top: 0;
clear: both;
width: 100%;
}
.select2-container .selection .select2-selection--single {
background: #aa0a2f;
border: none;
border-radius: 0;
box-shadow: none;
padding: 4px 10px;
height: 39px;
font-size: 1rem;
}
.select2-container .selection .select2-selection--single:focus {
outline: none;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder,
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #fff !important;
padding-left: 5px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus {
outline: 1px auto #ffafc2;
}
.select2-container--open .select2-dropdown {
width: 260px !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
background: #8a102c !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow  {
width: 15px;
margin-right: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
background: url(//claibon.co.uk/app/themes/claibon/img/arrow-down-white.svg) no-repeat 0 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
padding: 0px 5px;
border-radius: 50%;
background: #fff;
color: #aa0a2f;
float: none;
font-size: 12px;
margin: 0 5px 0 0;
}
.search-box {
float: left;
}
.job-count {
padding: 10px 0;
float: none;
text-align: center;
}
.job-count h3 {
margin-bottom: 0;
font-weight: 400;
font-size: 1.2rem;
}
.job-count span {
color: #888;
}
.job-count a:hover {
text-decoration: none;
}
ul.job_listings {
border-top: none;
}
ul.job_listings li.job_listing a.read-more {
display: inline;
}
.related_vacancies {
padding: 30px 0;
border-top: 1px solid #aa0a2f;
}
.related_vacancies h2 {
color: #888;
}
.single_job_listing h3,
.single_job_listing h5.contact_person,
.single_job_listing p.contact_number,
.single_job_listing p.email {
margin: 0;
}
.single_job_listing p.contact_number a,
.single_job_listing p.email a {
color: #888;
}
.job-manager-application-wrapper .application .application_details:before, 
.single_job_listing .application .application_details:before,
.job-manager-application-wrapper .application .application_details:after, 
.single_job_listing .application .application_details:after {
left: 11em;
}
.social-media-sharing {
display: inline-block;
}
.no_job_listings_found h2 {
margin-bottom: 0;
color: #aa0a2f;
}
.myJobsApplyToAll {
padding: 15px 0;
text-align: center;
} .page-footer { 
font-size: 12px;
padding:15px 0 0; color: #fff;
}
.page-footer a {
color: #fff;
}
.page-footer:before {
content: "";
background: url(//claibon.co.uk/app/themes/claibon/img/footer.png) no-repeat 100%;
width: 100%;
min-height: 110px;
display: block;
position: relative;
bottom: -10px;
z-index: 1;
}
.footer-wrapper {
background: #aa0a2f;
position: relative; border-top: 9px solid #afadb0; padding: 15px 0;
}
.page-footer ul.social-media {
color: #aa0a2f;
padding: 10px 0;
}
.page-footer ul.social-media > li {
list-style: none;
display: inline-block;
padding: 0 5px 0 0;
}
.page-footer ul.social-media > li a {
background: #fff;
color: #aa0a2f;
padding: 4px;
border-radius: 4px;
}
.page-footer p { 
margin: 0; 
} button.gdpr-preferences { cursor: pointer; text-decoration: underline; border: none; padding: 0; background: none; }
.gdpr * { font-family: "Open Sans", Helvetica, Arial, sans-serif !important; }
.gdpr-privacy-bar { background: #aaa !important; }
.gdpr-wrapper { padding: 10px 40px !important; }
.gdpr button { text-decoration: none !important; cursor: pointer !important; }
button.gdpr-preferences::before, button.gdpr-agreement::before {
display: none !important;
}
button.gdpr-agreement,
button.gdpr-agreement:focus,
button.gdpr-agreement:hover {
border-radius: 0 !important;
text-shadow: none !important;
border-width: 0 !important;
box-shadow: unset !important;
background: #aa0a2f !important;
cursor: pointer !important;
text-decoration: none !important;
background: #aa0a2f !important;
border-bottom: 4px solid #741f33 !important;
padding: 10px 25px !important;
transition: 0.3s !important;
}
button.gdpr-agreement:hover {
background: #b12142 !important;
} .col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-5 {
width: 40%;
float: left;
margin: 0 auto
}
@media (min-width: 576px) {
}
@media (min-width: 768px) { .home .section-1 h3 {
font-size: 1.75rem;
}
.logged-in .fixed-top {
top: 32px;
}
.main-header {
min-height: 97px;
}
.main-nav .navbar-nav {
background: #fff;
}
.main-nav .navbar-nav li.menu-item {
margin: 0 5px;
border-bottom: 2px solid #fff;
}
.main-nav .navbar-nav li:hover,
.main-nav .navbar-nav li.current-menu-item {
border-bottom: 2px solid #aa0a2f;
}
.col-xs-5 {
width: 20%;
margin: 0;
float: left;
}
.job-type-item:nth-child(even) .job-type-text {
top: 0;
}
.job-type-item:nth-child(odd) .job-type-text {
bottom: 0;
}
.job-type-item .job-type-text {
position: absolute;
left: 0;
right: 0;
}
.job-types .col-xs-5 {
padding: 50px 0;
}
.candidates .section-3 h3 {
margin-bottom: 0;
}
.candidates .section-3:before {
content: "";
width: 100%;
height: 270px;
display: inline-block;
background: url(//claibon.co.uk/app/themes/claibon/img/Tips-Bar-Top.png) no-repeat;
background-size: contain;
position: absolute;
}
.candidates .section-3:after {
content: "";
width: 100%;
height: 257px;
display: inline-block;
background: url(//claibon.co.uk/app/themes/claibon/img/Tips-Bar-Bottom.png) no-repeat;
background-size: contain;
position: absolute;
z-index: -1
}
.candidates .content-wrapper {
position: relative;
padding: 70px 50px 90px 115px;
}
.search ul>li {
padding: 10px 0;
width: auto;
} 
.search-box {
float: left;
}
.search_jobs nav.search .container {
padding: 0;
}
.job-count {
padding: 10px 0;
float: right;
}
.job-count h3 {
font-weight: 700;
font-size: 1.75rem;
}
}
@media (min-width: 992px) {
.testimonials .card {
border: none;
margin-bottom: 4rem;
}
.testimonials .card-body {
min-height: 270px;
padding: 3.5rem;
}
.testimonials .card-body:before {
content: "";
background: url(//claibon.co.uk/app/themes/claibon/img/qt-start.png) no-repeat 100%;
width: 75px;
height: 270px;
display: inline-block;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.testimonials .card-body:after {
content: "";
background: url(//claibon.co.uk/app/themes/claibon/img/qt-end.png) no-repeat 100%;
width: 75px;
height: 270px;
display: inline-block;
position: absolute;
right : 0;
top: 0;
z-index: 1;
}
.candidates .testimonials .card-body:before {
content: "";
background: url(//claibon.co.uk/app/themes/claibon/img/Quote-Start2.png) no-repeat 100%;
width: 177px;
height: 270px;
display: inline-block;
position: absolute;
left: 0;
top: 0;
z-index: 1;
}
.candidates .testimonials .card-body:after {
content: "";
background: url(//claibon.co.uk/app/themes/claibon/img/Quote-End2.png) no-repeat 100%;
width: 177px;
height: 270px;
display: inline-block;
position: absolute;
right : 0;
top: 0;
z-index: 1;
}
.candidates .section-3:before {
content: "";
width: 100%;
height: 270px;
display: inline-block;
background: url(//claibon.co.uk/app/themes/claibon/img/Tips-Bar-Top.png) no-repeat;
background-size: contain;
position: absolute;
}
.candidates .section-3:after {
content: "";
width: 100%;
height: 230px;
display: inline-block;
background: url(//claibon.co.uk/app/themes/claibon/img/Tips-Bar-Bottom.png) no-repeat;
background-size: contain;
position: absolute;
z-index: -1
}
.candidates .content-wrapper {
padding: 70px 50px 0px 200px;
}
.col-xs-5 {
width: 20%;
float: left;
}
.job-types {
width: 100%;
}
.job-type-title {
font-size: .95rem
}  } @media (min-width: 1400px) {
.team h5 {
color: #fff;
}
.team .overlay {
color: #fff;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0; opacity: 0; background: rgba(170, 10, 47, 0.70); text-align: left;
margin-left: 15px;
margin-right: 15px;
}
.team-container {
overflow: hidden;
}
.team-container:hover .overlay {
opacity: 1;
}
.team-container .overlay:hover .top {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease; 
-o-transition:all 0.3s ease;  
transition:all 0.3s ease;  
position: absolute;
top: 20px;
}
.team-container .overlay:hover .bottom {
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease; 
-o-transition:all 0.3s ease;  
transition:all 0.3s ease;  
position: absolute;
bottom: 20px;
}
.team a {
color: #fff;
}
.team .top {
position: absolute;
top: -30px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease; 
-o-transition:all 0.3s ease;  
transition:all 0.3s ease;    
}
.team .bottom {
position: absolute;
bottom: -30px;
-webkit-transition:all 0.3s ease;
-moz-transition:all 0.3s ease; 
-o-transition:all 0.3s ease;    
transition:all 0.3s ease;    
}
} @media screen and (max-width: 768px) {
.main-nav .navbar-nav li.menu-item {
font-size: 1.2em;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: .4rem;
padding-left: .4rem;
}
.social-media-btn > ul {
margin-left: 0;
padding-left: 0;
}
.social-media-sharing {
display: block;
margin-top: 10px;
}
} @media screen and (min-width: 768px) {
.affix {
padding-top: 0.5em;
padding-bottom: 0.5em;
-webkit-transition:padding 0.2s linear;
-moz-transition:padding 0.2s linear;  
-o-transition:padding 0.2s linear;         
transition:padding 0.2s linear;
box-shadow: 0 1px #e2e2e2;
}
.affix .container {
max-width: 1440px;
-webkit-transition:all 0.3s linear;
-moz-transition:all 0.3s linear;  
-o-transition:all 0.3s linear;         
transition:all 0.3s linear;
}
.affix .navbar-brand img {
width: 90%;
}
}  .team-col {
margin-bottom: 15px;
}
.team-image {
width: 100%;
height: 100%;
}