/* # General CSS
---------------------------------------------------------------------------------------------------- */

body { 
  background: url(images/background-square.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.footer-links {
	margin-top: 15px;
	font-size: 12px;
}


/* # Homepage
---------------------------------------------------------------------------------------------------- */

#ez-home-container-wrap {
color: white;
padding-right: 180px;
margin-bottom: 100px;
}

#home-top h1 {
color: white;
margin-bottom: 0px;
background: #ede6ed;
padding: 10px 20px 0px 0px;
color: #333;
}


.home-page button {
width: 100%;
padding: 24px 24px;
font-size: 22px;
font-weight: 600;
}

#testimonial-slider {
background: #ede6ed;
font-size: 18px;
min-height: 250px;
padding: 10px 20px 0px 20px;
color: #333;
}
#ez-home-bottom-1 {
padding: 20px;
background: #dcccdb;
min-height: 120px;
max-width: 300px;
}

#ez-home-bottom-1:hover,
#ez-home-bottom-2:hover {
background: #ede6ed;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

#ez-home-bottom-2 {
padding: 20px;
background: #dcccdb;
min-height: 120px;
max-width: 300px;
float: right;
}

#ez-home-bottom-1 h2,
#ez-home-bottom-2 h2 {
color: #611d5e;
text-transform: uppercase;
text-align: center;
font-size: 22px;
}

#ez-home-bottom-1 h1,
#ez-home-bottom-2 h1 {
font-size: 70px;
text-align: center;
}

.home-page button {
text-transform: uppercase;
}

.ez-home-container-area {
    margin: 0 0 0px;
}

/* # Blog page
---------------------------------------------------------------------------------------------------- */

.blog-page .entry-categories, .entry-tags {
    display: none;
}

.blog-page .entry {
    padding: 5px 35px;
}

.blog-page .content {
border-top: 30px solid #ede6ed;
}

/* # Header
---------------------------------------------------------------------------------------------------- */

#logo {
    background: url(images/logo.png) top center no-repeat;
    max-width: 200px;
    background-size: contain;
    height: 180px;
}

@media only screen and (max-width: 1200px) {
.site-header .wrap {
background:  none;
}
}


/* # Footer
---------------------------------------------------------------------------------------------------- */



/* # About page
---------------------------------------------------------------------------------------------------- */
.about-page button {
text-transform: uppercase;
}

/* # Vacancies page
---------------------------------------------------------------------------------------------------- */

.vacancies-page button {
text-transform: uppercase;
}


/* # General CSS
---------------------------------------------------------------------------------------------------- */
.responsive-tabs ul.responsive-tabs__list {
    margin: 0px 0 0 12px !important;
}

.toolset-edit-link {
display: none;
}


.site-header .widget-title {	
font-family: 'Open Sans', sans-serif;
font-size: 24px;
padding-right: 40px;
font-weight: 300;
}

.linkedin {
max-width: 220px;
background-size: contain;
}

.apply-thanks .entry-title {
    text-align: center;
}

.social-thanks {
    max-width: 275px;
    margin: auto;
    text-align: center;
}

.accreditation {
overflow: hidden;
}
 .content .entry .vacancies-page {
    background-color: none !mportant;
}

 .sidebar .widget #nav_menu-2 {
    background-color: #fff;
    margin-bottom: 25px;
    padding: 15px !important;
}

.entry-content ul > li {
    line-height: 2;
}


.candidate-page .one-half button {
    background: #611d5e;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
}

.candidate-page .one-half button:hover {
    background: #966793;
}

button:focus {outline:0;}

.vacancies-page  .content .entry {
background: none;
}

.vacancies-page .entry-title {
color: white;
}

.vacancies-page .entry {
padding: 0px 0px; 
}

/* # Services page
---------------------------------------------------------------------------------------------------- */

.services-page .content .entry {
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: -10px;
}

.services-page .content .entry {
background: none;
}

.services-page .responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover {
 margin-bottom: 10px !important;
margin-left: -10px !important;
}

.services-page .responsive-tabs .responsive-tabs__panel {
background: #ede6ed;
}

.services-page .responsive-tabs .responsive-tabs__list__item {
 background: #844e81;
border: 0px;
    color: white;
    margin-left: -10px;
}

.services-page .responsive-tabs .responsive-tabs__list__item--active {
background: white;
color: #611d5e;
}

.services-page .responsive-tabs .responsive-tabs__list__item:hover {
    color: white;
    background: #611d5e;
}

.services-page .responsive-tabs-wrapper {
    margin-bottom: 0px;
}

.services-page .entry {
padding-bottom: 0px;	
}

.responsive-tabs .responsive-tabs__list__item {
    -webkit-border-top-left-radius: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    -moz-border-radius-topleft: 0px !important;
    -moz-border-radius-topright: 0px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover {
    padding-bottom: 10px !important;
    top: 1px !important;
}

/* # Candidate page
---------------------------------------------------------------------------------------------------- */

.candidate-page .entry {
    min-height: 720px;
}

.candidate-page button {
text-transform: normal 1important;
}

/* # Contact page
---------------------------------------------------------------------------------------------------- */

.contact-page .content .entry {
background: none;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: -10px;
}

.contact-page .responsive-tabs .responsive-tabs__list__item--active, .responsive-tabs .responsive-tabs__list__item--active:hover {
 margin-bottom: 10px !important;
margin-left: -10px !important;
}

.contact-page .responsive-tabs .responsive-tabs__panel {
background: #ede6ed;
padding-bottom: 0px;
min-height: 700px;
}

.contact-page .responsive-tabs .responsive-tabs__list__item {
 background: #611d5e;
border: 0px;
    color: white;
    margin-left: -10px;
}

.contact-page .responsive-tabs .responsive-tabs__list__item--active {
background: white;
color: #611d5e;
}

.contact-page .responsive-tabs .responsive-tabs__list__item:hover {
    color: white;
    background: #611d5e;
}

.contact-page .responsive-tabs-wrapper {
    margin-bottom: 0px;
}

.button-crawley{
float: right;
margin-top: 120px;
text-transform: uppercase;
}

.button-croydon {
float: right;
margin-top: 85px;
text-transform: uppercase;
}

.button-london {
float: right;
margin-top: 85px;
text-transform: uppercase;
}

.button-gibraltar {
float: right;
margin-top: 45px;
text-transform: uppercase;	

}

.contact-page .content a {
color: #333;
}

.contact-page  .responsive-tabs-wrapper {
    margin-bottom: 0px;
}

.contact-page  .entry {
padding-bottom: 0px;	
}

.contact-page h4 {
font-size: 20px;
font-weight: 700;
margin-bottom: 5px;
}

.croydon-map {
margin-top: 30px;
}

/* # Timesheets CSS
---------------------------------------------------------------------------------------------------- */

.button-timesheets {
margin-bottom: -10px;
text-align: center;
min-width: 215px;
}

.timesheet-page .content .entry {
    min-height: 685px;
}

/* # Sidebar
---------------------------------------------------------------------------------------------------- */

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=image], .gform_wrapper .gform_footer input[type=submit] {
    text-transform: uppercase;
}

.sidebar button {
text-transform: uppercase;
}


#black-studio-tinymce-11 {
padding: 0px;
}

#blog-button button {
color: #eee;
width: 100%;
padding: 12px;
background: #B390B1;
font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
}

#support-button button {
color: #eee;
width: 100%;
padding: 12px;
background: #a781a5;
font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
}

#timesheet-button button {
font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
color: #eee;
width: 100%;
border-top: 0px;
padding: 12px;
background: #966793;
}

#jobs-button button {
color: #eee;
font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
width: 100%;
border-top: 0px;
padding: 12px;
     background: #844e81;   
}

#home-button button {
color: #eee;
font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 18px;
width: 100%;
border-top: 0px;
padding: 12px;
    background: #611d5e;
}

#home-button-jobs button {
color: white;
font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
width: 100%;
border-top: 0px;
padding: 15px;
background: #b54636;
}

#home-button-jobs button:hover {
background: #D45948;
}

.sidebar button {
    margin-top: 10px;
}

#support-button button:hover,
#timesheet-button button:hover,
#jobs-button button:hover,
#home-button button:hover {
text-decoration: underline;
}


 button a {
color: red;
}

.client-services-page .one-half button {
width: 100%;
}

.sidebar .widget-title {
text-transform: uppercase;
text-decoration: underline;
text-align: center;
    font-size: 17px;
    font-weight: 700;
    width: 100%;
    padding: 10px;
    background-color: white;
}

.sidebar .gform_wrapper {
font-size: 14px;
}

#black-studio-tinymce-11 {
background: none;
}

/* # Header Navigation
---------------------------------------------------------------------------------------------------- */

#menu-item-76 {
background: #a781a5;
}

#menu-item-80 {
background: #966793;
}


#menu-item-77 {
background: #844e81;
}


#menu-item-78 {
background: #733570;
}


#menu-item-79 {
background: #611d5e;
}



/* # Social icons
---------------------------------------------------------------------------------------------------- */

#grey-footer {
min-height: 100px;
background-color: #bcbdc1;
}

/* # Social icons
---------------------------------------------------------------------------------------------------- */

.simple-social-icons ul li.social-bloglovin a,
.simple-social-icons ul li.social-bloglovin a:hover {
	background: #1c82e9 !important;
}

.simple-social-icons ul li.social-dribbble a,
.simple-social-icons ul li.social-dribbble a:hover {
	background: #e84f89 !important;
}

.simple-social-icons ul li.social-email a,
.simple-social-icons ul li.social-email a:hover {
	background: #db4c3e !important;
}

.simple-social-icons ul li.social-facebook a,
.simple-social-icons ul li.social-facebook a:hover {
	background: #3a579a !important;
}

.simple-social-icons ul li.social-flickr a,
.simple-social-icons ul li.social-flickr a:hover {
	background: #fc1584 !important;
}

.simple-social-icons ul li.social-github a,
.simple-social-icons ul li.social-github a:hover {
	background: #333 !important;
}

.simple-social-icons ul li.social-gplus a,
.simple-social-icons ul li.social-gplus a:hover {
	background: #df4a32 !important;
}

.simple-social-icons ul li.social-instagram a,
.simple-social-icons ul li.social-instagram a:hover {
	background: #72493c !important;
}

.simple-social-icons ul li.social-linkedin a,
.simple-social-icons ul li.social-linkedin a:hover {
	background: #127bb6 !important;
}

.simple-social-icons ul li.social-pinterest a,
.simple-social-icons ul li.social-pinterest a:hover {
	background: #cd1d1f !important;
}

.simple-social-icons ul li.social-rss a,
.simple-social-icons ul li.social-rss a:hover {
	background: #f98723 !important;
}

.simple-social-icons ul li.social-stumbleupon a,
.simple-social-icons ul li.social-stumbleupon a:hover {
	background: #e94a23 !important;
}

.simple-social-icons ul li.social-tumblr a,
.simple-social-icons ul li.social-tumblr a:hover {
	background: #27405b !important;
}

.simple-social-icons ul li.social-twitter a,
.simple-social-icons ul li.social-twitter a:hover {
	background: #00abf0 !important;
}

.simple-social-icons ul li.social-vimeo a,
.simple-social-icons ul li.social-vimeo a:hover {
	background: #1ab7ea !important;
}

.simple-social-icons ul li.social-youtube a,
.simple-social-icons ul li.social-youtube a:hover {
	background: #a8240f !important;
}

.simple-social-icons ul li a:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {

.site-inner {
    clear: both;
    padding-top: 20px;
    padding-left: 0px;
}

#logo {
    background: url(images/logo.png) top center no-repeat;
    max-width: 200px;
    background-size: contain;
    height: 160px;
}

}

@media only screen and (max-width: 1150px) {

.shout-out,
#home-slider {
display: none;
}

#mobile-image {
display: block;
}

.home-page .nav-primary {
    margin-bottom: 18px;
}
	
	
}

@media only screen and (max-width: 960px) {

body { 
  background: white; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#logo {
    background: url(images/logo.png) top center no-repeat;
    max-width: 200px;
    background-size: contain;
    height: 162px;
    margin: auto;
}


.nav-header {
background: #611d5e;
}


.site-header .widget-area {
    margin-top: 170px;
}

#ez-home-container-wrap {
    padding-right: 0px;
}

.site-header .wrap {
    padding-bottom: 0px;
}

.candidate-page .entry {
    min-height: 0px;
}

.timesheet-page .content .entry {
    min-height: 0px;
}

}

@media only screen and (max-width: 800px) {

.about-page #simple-social-icons-2,
.services-page #simple-social-icons-2 {
	display: none;
}

.contact-page .sidebar {
display: none;
}

	.site-inner,
	.wrap {
		padding-left: 5%;
		padding-right: 5%;
	}

.home-page h1 {
font-size: 24px;
  font-weight: 700;
}


#gform_widget-3 {
padding: 15px;
}

#jobs-button {
margin-bottom: 10px;
}

.contact-page .one-half {
width: 50%;
}

}

@media only screen and (max-width: 670px) {
#ez-home-bottom-1,
#ez-home-bottom-2 {
    max-width: 100%;
}

#ez-home-bottom-1 {
margin-bottom: 20px;
}

#ez-home-container-wrap {
    margin-bottom: 30px;
}
.ez-home-container-area {
    margin: 0 0 0px;
}

}

@media only screen and (max-width: 600px) {
#back-top-button {
margin-top: 20px;
display: block;
}


.callout {
    border: 0px solid #ccc;
    padding: 0px;
}

#ez-home-top-1 h1 {
    text-align: left;
}

#ez-home-top-1, #ez-home-middle-1 {
    padding: 0px;
}

#ez-home-bottom-1, #ez-home-bottom-2 {
    padding: 20px;
    border: 0px solid white;
margin-bottom: 20px;
}

.home-page .nav-primary {
    margin-bottom: 0px;
}

	.site-inner,
	.wrap {
		padding-left: 3%;
		padding-right: 3%;
	}

.contact-page .one-half {
width: 100%;
}

.button-crawley,
.button-croydon,
.button-london {
    float: left;
    margin-top: 0px;
    margin-bottom: 20px;
}

	
}

@media only screen and (max-width: 550px) {
#logo {
background:  url(images/logo.png) top center no-repeat;
max-width: 100%;
background-size: contain;
height: 110px;
display: block;
}

.site-header .widget-area {
    margin-top: 120px;
}

.site-header .widget-title {
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    padding-right: 0px;
    font-weight: 300;
    margin-top: 60px;
    text-align: center;
margin-bottom: 0px;
}

button {
width: 100%;
padding: 16px 24px;
}

.home-page h1 {
    font-size: 22px;
}

#testimonial-slider {
    font-size: 16px;
}

}