/*
 Theme Name:   Clark Legal
 Theme URI:    http://www.clarklegal.co.uk/clarklegal/
 Description:  JobBoard Child Theme
 Author:       Integralvision
 Author URI:   http://integralvision.co.uk
 Template:     jobboard
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  jobboard-child
*/

@import url( "../jobboard/style.css" );


/* =Theme customization starts here
-------------------------------------------------------------- */


/* Start Bootstrap Customistion */

/* End Bootstrap Customistion */


#header {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #ecf0f1;
    border-top: 3px solid #c0c8f4;
    line-height: 99px;
    min-height: 99px;
}

.logo-wrapper {
	float: none;
	padding: 0;
}

.header-logo img {
	width: 70%;
	height: auto;
	padding: 0;
}

.contactus_label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
    max-width: 100%;
	color: #565656;
    font-size: 14px;
    font-style: normal;
    text-align: left;
}

.col-md-9 {
	float: left;
}

.col-md-9 {
    width: 75% !important;
}


#main-menu .nav-menu > li {
    display: inline-block;
    padding: 0 10px !important;
}

#main-menu .nav-menu > li > a:hover {
	text-decoration: none;
	color: #e0c7ea;
	border-bottom-color: #e0c7ea;
}

.clark_legal_background {
	margin-right: auto;
	margin-bottom:15px;
	margin-left: 20%;
    width: 60%;
    background-color: #d3dbff;
}

.clark_legal {
	color: #000000;
	font-size: 14px;
    width: 100%;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.btn-custom-button-widget {
    background: #1875bb none repeat scroll 0 0;
    color: #fff;
    margin-top: 13px;
    padding: 11px 40px;
    text-transform: uppercase;
}

.btn-custom-button-widget:hover {
	padding-top: 12px;
	padding-bottom: 10px;
	color: #565656 !important;
	background: #8EBADD;
}

.btn-job-search, .btn-adv-search {
    background-color: #1875bb;
    border: medium none;
    color: #fff;
    font-weight: 700;
    padding: 10px 50px;
    width: 100%;
}

.btn-job-search:hover,
.btn-adv-search:hover,
.btn-job-search:active,
.btn-adv-search:active,
.btn-job-search:focus,
.btn-adv-search:focus {
	color: #565656 !important;
	background-color: #8EBADD;
}

.label-success {
    background-color: #1875bb;
}

.the-job-button .btn-apply-job {
    background: #1875bb none repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 5px 27px;
    text-transform: uppercase;
}

.the-job-button .btn-apply-job:hover {
	color: #565656 !important;
	background: #8EBADD;
}


#login-form-wrapper {
    background-color: #e4e1d5 !important;
    border-radius: 10px;
    padding: 40px 30px;
    width: 430px;
}

#register-form-wrapper {
    background-color: #e4e1d5;
    border-radius: 10px;
    padding: 40px 30px;
    width: 430px;
}

#login-form .form-control::-moz-placeholder {
    color: #565656;
}

.form-radio-group label {
    color: #565656;
}

#register-form .form-control::-moz-placeholder {
    color: #565656;
}

#login-form .form-group::after, #register-form .form-group::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor #565656 #565656;
    border-image: none;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    content: "";
    display: block;
    height: 9px;
    position: relative;
    top: -10px;
}

.answerme span {
    color: #565656;
    display: table-cell;
    line-height: 1;
    padding: 6px 0 6px 10px;
    text-align: center;
}

.forgetmenot {
    color: #565656;
    display: inline;
    font-weight: 400;
    margin: 5px 15px 7px;
    width: 200px;
}

a.lost-password-link {
    color: #565656;
    float: right;
    line-height: 34px;
    margin-left: 15px;
}

#login-form .btn-login {
    background-color: #d1d1d1;
    color: #565656;
    padding: 6px 21px;
    text-transform: uppercase;
}

.btn-register {
    background-color: #d1d1d1;
    color: #565656;
    float: right;
    font-weight: 300;
    text-transform: uppercase;
}



.job-listing-summary {
    color: #929292;
    font-size: 13px;
}

.job-listing-name p {
	margin-top: 10px;
}

.company-job-detail clearfix  {
	display: none;
}

.company-job-detail {
    font-family: "Raleway",sans-serif;
    margin-top: 0;
}

.company-logo {
    float: left;
    height: 60px;
    line-height: 60px;
    width: 600px;
}

.job-company-logo {
	float: left;
    color: #565656;
    line-height: 56px;
    text-align: left;
    width: 200px;
}

.company-logo h3 {
	text-transform: capitalize;
    color: #565656;
    font-family: inherit;
    font-weight: 500;
}

.company-details {
	display: none;
}

.the-job-company {
	display: none;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    width: 220px;
}

.the-job-location {
    font-size: 16px;
    font-weight: 100;
	width: 190px;
	text-align: center;
}

.the-job-type {
    font-size: 16px;
    font-weight: 100;
    border-right: medium none !important;
    text-align: center;
    width: 160px;
}

.the-job-title {
	display: block;
	height: 54px;
	padding-right: 15px;
}

.about_job_title h2 {
    display: none;
    font-family: "Raleway",sans-serif;
    font-size: 27px;
    font-weight: 700;
}

#job-description .row {
	border-bottom: 1px solid #dadedf;
}

#job-detail {
    background: #ECF0F1 none repeat scroll 0 0;
    color: #545e5e;
    padding: 0;
}

.the-job-details {
	font-family: "Raleway", sans-serif;
	min-height: 91px;
	margin: 28px 0;
	border-top: 1px solid #dadedf;
	border-bottom: 1px solid #dadedf;
}

.the-job-details > div {
    border-right: 1px solid #dadedf;
    float: left;
    height: 55px;
    line-height: 20px;
    margin-top: 15px;
}



.faq-body h2 {
	font-size: 18px !important;
    color: #000000 !important;
    cursor: pointer !important;
    font-weight: 100 !important;
}

.faq-body h2 a {
    text-decoration: none;
}
a {
    color: #000000;
    text-decoration: none;
}

.sidebar_why ul li:before {
	font-family: fontAwesome;
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	left: 0;
	content: "\f054";
	color: #1abc9c;
}

#footer {
	padding: 20px 0 30px;
	color: #fffff;
	background: #c0c8f4;
}



#footer-widgets .widget-container {
    border-right: 1px solid #414141;
    min-height: 262px;
    padding: 0 10px 0 25px;
	width: 25%;
}

.footer-widget-title {
    color: #5b6363;
    font-size: 18px;
    font-weight: 400 !important;
    margin-bottom: 20px;
    margin-top: 5px;
}

#footer-widgets .wolf-tweet-text {
    font-size: 13px;
    color: #5b6363;
}

#footer-widgets .wolf-tweet-time a {
    border: medium none !important;
    color: #5b6363 !important;
    display: inline-block;
    font-size: 10px !important;
    opacity: 0.9;
    text-decoration: none !important;
    width: 100%;
}

#footer-widgets ul li a {
    color: #5b6363;
    font-size: 13px;
    text-decoration: none;
    text-transform: uppercase;
}

/* Quotes Collection */

#w_quotescollection_2 {
	color: #868686;
    font-size: 13px;
    line-height: 22px;
	font-style: normal;
    text-align: left;
}

#w_quotescollection_3 {
	color: #868686;
    font-size: 13px;
    line-height: 22px;
	font-style: normal;
    text-align: left;
}

.quotescollection-quote .attribution {
    margin-bottom: 1.4em;
    text-align: left;
}

blockquote.quotescollection-quote::before,
blockquote.quotescollection-quote::after {
	color: #565656;
	font-size: 14px;
	font-style: italic;
	content:'';
	margin: 0;
	padding: 0;
	position: relative;
}

blockquote.quotescollection-quote footer.attribution cite {
	color: #565656;
	font-size: 14px;
	font-style: italic;
}

.quotescollection-quote cite.author {
	color: #565656;
	font-size: 14px;
}

.quote_comment_page {
	color: #565656;
	font-size: 16px;
	font-style: italic;
    text-align: left;
}

.applicants_form {
	color: #565656;
	font-size: 13px;
    text-align: left;
}


wpcf7-form-control-wrap accept-this span {
    position: relative;
	color: #565656;
	font-size: 13px;
    font-weight: 700;
    text-align: left;
}