/*
    Theme Name: JobCareer Child Theme
    Theme URI: http://www.ChimpStudio.co.uk/
    Author: ChimpStudio
    Author URI: http://www.ChimpStudio.co.uk/
    Template: jobcareer
    Version: 1.0
    License: GNU General Public License
    License URI: license.txt
*/

/* --------------------------------------------
        JobCareer CSS IMPORT
-------------------------------------------- */

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




/* --------------------------------------------
        CHILD THEME CSS
-------------------------------------------- */
a {
color: #de0834;
cursor:pointer;}

.cs-subheader{margin-bottom:0 !important;}
.cs-bgcolor, .wp-jobhunt .cs-employer-slide-listing [class*="col-lg"]:hover .cs-media figcaption, .wp-jobhunt .cs-employer-slide-listing [class*="col-md"]:hover .cs-media figcaption, .wp-jobhunt .cs-employer-slide-listing [class*="col-sm"]:hover .cs-media figcaption, .wp-jobhunt .cs-employer-slide-listing [class*="col-xs"]:hover .cs-media figcaption, .cs-fancy-menu ul li:hover::after, .widget.widget_search form label input[type="submit"], .chosen-container-multi .chosen-choices li.search-choice, .chosen-container .chosen-results li.highlighted, .widget .cs-button:hover, .select-location .slider-selection, .cs-selector-range .slider-selection, .cs-selector-range .slider-handle, ul.post-step li.active h3 a i, .cs-candidate-list .cs-button, .widget ul.social-media li a:hover, .cs-map-candidate span.gmaplock, .blog-large .read-more:hover, .cs-search-results .cs-categories a, .custom-listing input[type="radio"]:checked + label::before, .cs-copyright .back-to-top a i, .stay-save .slick-dots li.slick-active button, .cs-agent-filters ul li a:hover span, .cs-agent-filters .specialism_list li:hover span, .cs-agent-filters .checkbox label:hover::before, .cs-agent-filters .specialism_list li a:hover::before, .cs-agent-filters .accordion-group ul li a:hover::before, .cs-agent-filters .accordion-group ul li a.active::before, .cs-listing-filters ul li a:hover span, .cs-listing-filters .specialism_list li:hover span, .cs-listing-filters .checkbox label:hover::before, .cs-listing-filters .checkbox a:hover::before, .cs-listing-filters .accordion-group ul li a:hover::before, .widget_categories ul li:hover, .widget_tag_cloud .tagcloud a:hover, .pagination > li > a.active, .pagination > li > a:hover, .cs-login-dropdown li:hover .logout-btn, .user-search ul.filter-list li a:hover, .cs_google_suggestions:hover, .cs_location_parent:hover, .cs_location_child:hover, .search-results .cs-search-area .btnsubmit, .cs-search-area .search-bar, .jobs-listing li .wish-list .shortlist, .slicknav_btn, .wp-jobhunt .employer-contact-form .submit-btn input[type="submit"], .wp-jobhunt .employer-contact-form .submit-btn input[type="button"], .wp-jobhunt .pricetable-holder.modren.active .price-holder .cs-price span, .wp-jobhunt .pricetable-holder.advance .price-holder a, .blog-modern .blog-text .cs-post-title::after, .wp-jobhunt .pricetable-holder.classic.active, .wp-jobhunt ul.cs-pricetable.fancy .pricetable-holder.active .price-holder a, .wp-jobhunt .cs-employer-slide-listing ul li:hover .cs-media figcaption, .cs-employer-offer-list::after, .skills-percentage-bar .skill-process > span, header#header.cs-transparent-header.cs-fancy-header .login > a, .cs-top-featured .cs-text .apply-btn:hover, .wp-jobhunt #header .nav.nav-tabs > li a:hover, .cs-blog.blog-grid.modern .read-more, .cs-job-featured .cs-job-accounts .apply-btn, .main-search.cs-jobsearch-modern.v1 .search-btn input[type="submit"], #footer .footer-v3 .cs-copyright .back-to-top a, .footer-v3 .widget ul.social-media li a:hover, .wp-jobhunt .custom-styling-list .jobs-listing.joblist-fancy .cs-media .feature-post, .wp-jobhunt .custom-styling-list .jobs-listing li .cs-media .feature-post, .chosen-container-multi .chosen-drop .result-selected, .chosen-container-multi .chosen-drop .result-selected:hover, .wp-jobhunt .jobs-listing li .cs-media .feature-post, .cs-spatialism-sec-all .button-style.simple .category-btn, .classic-footer .widget .widget-title::before, .wp-jobhunt .modern-v2 .feature, .widget-newsletter.fancy .fieldset form label button, .wp-jobhunt .dasborad-fancy .dashboard-content-holder .acc-submit, .dasborad-fancy .section-sidebar .bg-holder, .wp-jobhunt .dasborad-fancy .account-menu li.active, .wp-jobhunt ul.cs-pricetable.fancy .pricetable-holder .price-holder a:hover, .wp-jobhunt .cs-jobs-holder .jobs-listing .job-post .jobtype-btn:hover, .cs-spatialism-sec-all .button-style.fancy a:hover {
    background-color: #ff066 !important;
}
@media screen and (min-width:1200px){
.container {
    width: 100% !important;
	padding-left: 0px !important;
padding-right: 0px !important;
}
.page-content.col-lg-9 {
    width: 100% !important;
}
}
.navbar-static-top .row,
header#header .col-lg-2.col-xs-12,
header .logo,
header .logo img,
 header#header{
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; 
 }
.shrink header#header{position:fixed !important; top:0; left:0; width:100%;}

.shrink header#header .main-head {
    padding: 0 20px !important;
}


 .shrink header#header .logo {
  
    position: fixed;
    top: 7px;
}
.shrink header#header .col-lg-2.col-xs-12{
transform: scale(0.5);
vertical-align:top;
margin-top:0px;
}
.main-head .col-lg-10 {margin-top:15px;}
.shrink header#header .main-head .col-lg-2 {
	vertical-align:top;
margin-top:0px;
}

.shrink .navbar-static-top .row{height:60px;}



.wp-jobhunt .cs-login-dropdown ul li a {
text-transform:initial !important;
}
/**** recherche candidat *******/
.cs-user-filters div{background:#fff;}
.cs-candidate-lastactivity{display:none;}

/*********************************************************************** Page candidat ********/
@media screen and (min-width:700px){
	.candidate-header.light-view{max-height:400px !important; height:400px !important; min-height:400px !important; padding-left:15px; padding-right:15px;}
}
.cs-candidate-detail .cs-profile figure img{border:5px solid #fff;}
.cs-candidate-detail .cs-profile .post-options li,
.cs-candidate-detail .cs-profile .join-date span {
    color: #fff !important;
	text-shadow:0px 0px 5px rgba(0,0,0,0.7);
}
.cs-candidate-detail .profile-nav li {
    margin: 0 40px 20px 0;
}
.profile-nav ul li a{background:rgba(255,255,255,0.7) !important;  border:2px solid rgba(255,255,255,0.6); font-weight:700 !important; color:#000 !important; padding:3px 10px !important; border-radius:15px !important; margin-bottom:20px;}
.profile-nav ul li a:hover{ color:#fff !important; font-weight:700; border:2px solid #de0834 !important;}
.cs-candidate-detail .sections {
    padding-left: 15px;
}
.cs-candidate-detail .candidate-header .container .row{
	padding-left: 15px;
	padding-right: 15px;
}
.images-reseaux-sociaux span{position:absolute; padding:2px 10px; 
-webkit-border-radius:15px; 
border-radius:15px; 
background:#de0834; color:#fff; display:none;}
.images-reseaux-sociaux:hover span{display:block;}

.contacter-chien-influenceur{width:100%; min-height:600px;
 background: url(images/contacter-chien-influenceur.jpg)top left no-repeat;
 background-size:contain;
 }
 
 
.message-connexion{
	background:rgba(255,255,255,0.7);
position:fixed; 
top:140px;
height:calc(100vh - 140px); 
z-index:999; 
left:0; 
width:100%; 
text-align:center;

}
.message-connexion .message{
	margin-top: 35vh; /* poussé de la moitié de hauteur de viewport */
  transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
	background:#de0834; padding:10px; max-width:300px; margin-left: auto; margin-right:auto;}
.shrink .message-connexion{
	top:60px;
height:calc(100vh - 60px);
}
.shrink .message-connexion .message{
	margin-top: 50vh;  
}	
.message-connexion p {color:#fff !important; margin-bottom:5px !important;}
.message-connexion .message-titre {font-weight:700; }
.cs-candidate-detail .cs-profile .join-date,
.cs-candidate-detail .main-section .cs-profile .info .title h3,
.cs-profile-awards,
.description-influenceur,  
.jobs-detail-listing .listing-inner strong{  
filter: blur(3px);
      -webkit-filter:blur(3px);
}
body.logged-in.cs-candidate-detail .cs-profile .join-date,
body.logged-in.cs-candidate-detail .main-section .cs-profile .info .title h3,
body.logged-in .cs-profile-awards,
body.logged-in .description-influenceur, 
body.logged-in .jobs-detail-listing .listing-inner strong{  filter: blur(0px);
      -webkit-filter:blur(0px);
	  }
/*************************************************************************** tableau de bord candidat ******/
.wp-jobhunt .cs-tabs ul.top-heading-list li,
.wp-jobhunt .cs-cover-letter .inner-title > h5,
.wp-jobhunt .input-info label,
.wp-jobhunt .scetion-title > h4 {
    text-transform: initial !important;
}

#candidate_left_membership_packages_link{display:none;}
.page-template-page_candidate .cs-subheader.align-center {display:none;}


#jobs .dashboard-list{display:none;}

/************ ******************************************************** page des liste de candidats ***********/


.ad_to_short_list.add_list_icon.cs_resume_added{ border:none; box-shadow:none;}
.candidate-content .icon-heart-o {padding:3px;background:#fff; color:#de0834; border-radius:50%; }
.candidate-content .icon-heart-o.rouge::before{padding:3px;background:#de0834; color:#fff; border-radius:50%; }

/*************************************************************************** page détail employeur *************/
.wp-jobhunt .cs-company-jobs li h5 {
    text-transform: initial !important;
}
.employer-header {
    margin-bottom: 10px;
	height:400px;
}

/*************************************************************************** tableau de bord employeur *************/
#employer_left_packages_link,
#employer_left_transactions_link{display:none;}

.wp-jobhunt .continue-btn {background:#de0834 !important;}
.cs-update-btn{ color:#fff !important;}
.wp-jobhunt .dashboard-content-holder .acc-submit {
 color:#fff !important;
    background:#de0834;
}
.cs-update-btn{
	position:static; 
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }

.page-template-page_employer .cs-subheader {display:none;}
.page-template-page_employer .tab-pane.active{margin-top:20px;}
@media screen and (min-width: 1000px){
	.cs-update-btn{
	position:fixed; 
top:160px;
 right:0;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }
.shrink .page-template-page_employer .cs-update-btn { position:fixed; top:80px; right:0;}
}
@media screen and (min-width: 1200px){
	.page-template-page_employer .col-lg-3 {
		width: 24% !important;
		margin-left: 1% !important;
	}
}

/************ **************************************************** page des liste de jobs et partenariats ***********/
.apply-buttons .social_login_login_linkedin{display:none;}

/* filtres recherche partenariat */
.cs-jobs-container .cs-job-specialisms h5::after{content:" recherchées";}

.email-jobs-top,
.wp-jobhunt .filter-heading > h5,
.wp-jobhunt .cs-listing-filters .accordion-heading a,
.wp-jobhunt .cs-jobs-container .cs-listing-filters .searchbox-heading h5, 
.wp-jobhunt .cs-user-filters .searchbox-heading h5,
.wp-jobhunt .cs-listing-filters .searchbox-heading h5 {
    text-transform: initial !important;
}
/* filtres recherche partenariat */
.wp-jobhunt .jobs-listing.grid .cs-categories{ color:#666 !important; font-weight:700;}
.wp-jobhunt .jobs-listing.grid .cs-categories::before { content:"Recherche chien ";font-weight:400;}

.wp-jobhunt .cs-user-filters .cs-expand-filters,
.wp-jobhunt .cs-user-filters .accordion-heading a {
text-transform: initial !important;
}
.wp-jobhunt .jobs-listing.grid .cs-media {padding:0 !important;}
.wp-jobhunt .jobs-listing.grid .cs-text {min-height:158px !important;}
.wp-jobhunt .jobs-listing.grid .post-options {margin-bottom:0 !important;}

/****************************************************** page détail job & partenariat ****************/
.single-jobs .icon-briefcase4:before {
    content: "\f1b0" !important;
	color:#de0834 !important;
}
.wp-jobhunt .apply-buttons .cs-add-wishlist {
    border: 1px solid #de0834 !important;

color: #de0834 !important;}
.wp-jobhunt .apply-job .like {
    background: #de0834 !important;
    cursor: pointer;
}
.wp-jobhunt .jobs-detail-listing span {font-size:10px !important;}

.single-jobs .main-section {padding-top:20px !important;}
/********************************************************* résultats de recherches job *****************/
.wp-jobhunt .main-search form {
    width: 90%;
    margin: 0 auto;
}
.wp-jobhunt .search-btn input[type="submit"] {
    padding: 5px 10px !important;
}
.main-search h2{text-align:center;}

/*************************************************************** BLOG ******************************/
.blog .cs-page-title h1{text-transform:uppercase; display:inline-block;padding:5px 10px 5px 10px; background:#de0834 !important; }
.blog .cs-page-title h1::after{content:" Blog"; font-weight:700; }

.archive.category,
.blog{background: #de0834 !important;}

.archive.category .page-content,
.blog .cs-blog{display:flex; flex-wrap:wrap;}

.archive.category .cs-blog.blog-medium,
.blog .cs-blog.post {
    width: 31%;
    padding: 15px;
    flex-direction: column;
    margin: 15px 1%;
	background:#fff;
	box-shadow:3px 3px 10px rgba(0,0,0,0.3);
}

.archive.category .widget,
.blog .widget{background:#fff !important; margin-bottom:20px; padding:15px;box-shadow:3px 3px 10px rgba(0,0,0,0.3) inset;}

.archive.category .cs-media ~ .blog-text,
.archive.category .blog-medium .cs-media,
.blog-medium .cs-media ~ .blog-text,
.blog-medium .cs-media {
    display: block;
    margin-right: 0px;
    width: 100%;
}
@media screen and (max-width:767px){
	.archive.category .page-content,
	.blog .cs-blog{display:flex; flex-wrap:wrap;}
	
	.archive.category .cs-blog.blog-medium,
	.blog .cs-blog.post {
		width: 48%;
		padding: 15px;
		flex-direction: column;
		margin: 15px 1%;
		background:#fff;
		box-shadow:3px 3px 10px rgba(0,0,0,0.3);
	}
	.archive.category .widget,
	.blog .widget{background:#fff !important; margin-bottom:20px; padding:15px;box-shadow:3px 3px 10px rgba(0,0,0,0.3) inset;}
	
	.archive.category .cs-media ~ .blog-text,
	.archive.category .blog-medium .cs-media,
	.blog-medium .cs-media ~ .blog-text,
	.blog-medium .cs-media {
		display: block;
		margin-right: 0px;
		width: 100%;
	}
}
@media screen and (max-width:500px){
	.archive.category .cs-blog.blog-medium,
	.blog .cs-blog.post {
    width: 98%;
    padding: 15px;
    flex-direction: column;
    margin: 15px 1%;
	background:#fff;
	box-shadow:3px 3px 10px rgba(0,0,0,0.3);
	}
}
.archive.category .post-option,
.blog .post-option,
.cs-author{display:none !important;}

.archive .widget.evorgnizer{width:31%; margin:15px 1%; background:none !important; box-shadow:none; color:#fff !important;}
.archive .widget.evorgnizer .left-sp p{color:#fff !important; font-size:16px !important;}

.page-sidebar{padding-top:15px;}
.post-date{color:#999 !important; margin-right:20px;}

/********************************************************************* footer *************************/

.footer-top .row {padding:0 15px;}
.cs-copyright .container{background:#fff;}
.footer-logo {
    margin: 0 auto;
	display:block;
}
.footer-logo a img{width:200px;}
.cs-copyright-area .row .col-md-3{width:100%; text-align:center;}

.back-to-top{display:none !important;}

/******************************************************************************* accueil *************/
.accueil-left {border-bottom:1px solid #de0834;}
.accueil-right {border-bottom:1px solid #000;}
.accueil-left .sow-slider-image-wrapper{text-align:left;}
.accueil-right .sow-slider-image-wrapper{text-align:right;}
.main-section .widget, .main-section .widget.socialmedia-widget {
    padding: 0 !important;
}
.page-content{
    padding-left: 0px !important;
    padding-right: 0px !important; 
}
.diapodouble .sow-slider-image-wrapper{margin:0 0 !important;}
.accueil-right .sow-slider-image-wrapper{float:right !important;}
@media screen and (min-width:992px){
	.home .col-md-9 {
		width: 100% !important;
	}
}
@media screen and (max-width:992px){
	.diapodouble{display:flex; flex-direction:column;}
	.diapodouble .panel-grid-cell{display:block !important;width:100% !important;}
}

@media screen and (max-width:980px){
	.main-section .widget, .main-section .widget.socialmedia-widget {
		padding: 0 !important;
	}
}