/* 
Theme Name:		 OCI
Theme URI:		 https://www.oci.fr/
Description:	 OCI is a child theme of Hello Elementor, created by OCI
Author:			 OCI
Author URI:		 https://www.oci.fr/
Template:		 hello-elementor
Version:		 2.0.0
Text Domain:	 OCI
*/

/*
    Add your custom styles here ------------------------------------------------------------------------------------
*/

/* span.teamtailor-jobs__remote_status {
    display: none;
}
 */

/* button.e-filter-item[data-filter="none"] {
    display: none;
} */

.jobs-tt h2 {
    font-size: 30px !important;
}

.teamtailor-jobs__job-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.teamtailor-jobs__job {
    width: calc(33% - 17px);
    padding: 30px;
    border: 1px solid #183e7b;
    border-radius: 25px;
    margin: 10px;
}

.teamtailor-jobs__job:hover .teamtailor-jobs__job-info {
    color: #ffffff;
}

.teamtailor-jobs__job:hover {
    background-color: #183e7b;
}

li.spontanee a {
    content: 'oui';
    background-image: url('https://www.oci-rendeznousmeilleurs.fr/wp-content/uploads/2023/07/fleche.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px;
    padding-right: 35px !important;
}

.elementor-ken-burns {
    background-repeat: no-repeat;
}

form.elementor-search-form:hover{    
    transform: scale(1.05);
    transition: all 0.5s;
}

.elementor-field-option input.elementor-acceptance-field {
	margin-right:5px;
	margin-top:5px;
}

.rotate {
   animation: rotate 60s;
}

@keyframes rotate {
  0%{
    transform:rotate(0deg);
  }
  100%{
    transform:rotate(360deg);
  }
}

.zoom {
   animation: zoom 15s;
}

@keyframes zoom {
  0%{
    transform:scale(1);
  }
	33%{
    transform:scale(1.2);
  }
	66%{
    transform:scale(0.8);
  }
  100%{
     transform:scale(1);
  }
}

.categorie-job-image h2 > a:not(:first-child) {
  display: none;
}

.job-img[id^="<span>Cloud"] > div > a> img,
.job-img[id^="<span>Commerce"] > div > a> img,
.job-img[id^="<span>Consulting"] > div > a> img,
.job-img[id^="<span>Cybersécurité"] > div > a> img,
.job-img[id^="<span>Dev"] > div > a> img,
.job-img[id^="<span>Digital"] > div > a> img,
.job-img[id^="<span>Fonction"] > div > a> img,
.job-img[id^="<span>Infrastructure"] > div > a> img,
.job-img[id^="<span>Réseaux"] > div > a> img,
.job-img[id="<span>Mis en avant</span><span>Réseaux et Télécoms</span>"] > div > a> img{
  opacity: 0;
}

select option[value="STRASBOURG"]{
	display:none !important;
	opacity: 0 !important;
	visibility:hidden !important;
}

.job-img > div {
  background-size: cover;
  background-position: center center;
}


.job-img[id^="<span>Cloud"] > div, .job-img-single[id*="Cloud"] {
  background-image: url('https://www.oci-rendeznousmeilleurs.fr/wp-content/themes/oci/images/cloud.jpg');
}

.job-img[id^="<span>Commerce"] > div, .job-img-single[id*="Commerce"]  {
  background-image: url('https://www.oci-rendeznousmeilleurs.fr/wp-content/themes/oci/images/commerce.jpg');
}

.job-img[id^="<span>Consulting"] > div, .job-img-single[id*="Consulting"]  {
  background-image: url('https://www.oci-rendeznousmeilleurs.fr/wp-content/themes/oci/images/consulting.jpg');
}

.job-img[id^="<span>Cyber"] > div, .job-img-single[id*="Cyber"]  {
  background-image: url('https://www.oci-rendeznousmeilleurs.fr/wp-content/themes/oci/images/cyber.jpg');
}

.job-img[id^="<span>Dev"] > div, .job-img-single[id*="Dev"]  {
  background-image: url('https://www.oci-rendeznousmeilleurs.fr/wp-content/themes/oci/images/dev.jpg');
}

.job-img[id^="<span>Digital"] > div, .job-img-single[id*="Digital"]  {
  background-image: url('https://www.oci-rendeznousmeilleurs.fr/wp-content/themes/oci/images/digital.jpg');
}

.job-img[id^="<span>Fonction"] > div, .job-img-single[id*="Fonction"] {
  background-image: url('https://www.oci-rendeznousmeilleurs.fr/wp-content/themes/oci/images/fonction.jpg');
}

.job-img[id^="<span>Infra"] > div, .job-img-single[id*="Infra"]  {
  background-image: url('https://www.oci-rendeznousmeilleurs.fr/wp-content/themes/oci/images/infra.jpg');
}

.job-img[id^="<span>Réseaux"] > div, .job-img-single[id*="Réseaux"]  {
  background-image: url('https://www.oci-rendeznousmeilleurs.fr/wp-content/themes/oci/images/reseaux.jpg');
}

.job-img[id="<span>Mis en avant</span><span>Réseaux et Télécoms</span>"] > div, .job-img-single[id="<span>Mis en avant</span><span>Réseaux et Télécoms</span>"]  {
  background-image: url('https://www.oci-rendeznousmeilleurs.fr/wp-content/themes/oci/images/reseaux.jpg');
}

/* IMAGES QUI CHANGENT */

.elementor-posts > article:nth-child(2n) .job-img[id^="<span>Infra"] > div, .elementor-posts > article:nth-child(2n) .job-img-single[id*="Infra"] {
    background-image: url('https://www.oci-rendeznousmeilleurs.fr/wp-content/themes/oci/images/infra2.jpg');
}

.searchandfilter ul {
  display: flex;
  padding: 0;
}

.searchandfilter li label {
  padding: 0 !important;
}

.searchandfilter li.sf-field-search {
  width: 50% !important;
}

.searchandfilter li.sf-field-search label {
  width: calc(100% - 10px) !important;
}

.searchandfilter input, .searchandfilter select {
  height: 75px;
  border-radius: 0px !important;
  border: 1px solid #183e7b !important;
}

.job-img .elementor-container.elementor-column-gap-default {
  background: none;
}

.job-img > div, .job-img-single {
  background-size: cover;
  background-position: center center;
}

.job-img > div::before {
  content: ' ';
  display: block;
  width: 100%;
  height: 50%;
  position: absolute;
  background: linear-gradient(0deg, rgb(24 62 123 / 90%), rgb(24 62 123 / 0%));
  bottom: 0;
  left: 0;
}

.job-img > div::after {
  content: ' ';
  display: block;
  width: 70px;
  height: 50px;
  position: absolute;
  /* background: linear-gradient(0deg, rgb(24 62 123 / 90%), rgb(24 62 123 / 30%)); */
  bottom: 15px;
  right: 15px;
  background-image: url('https://www.oci-rendeznousmeilleurs.fr/wp-content/themes/oci/images/rnm.png');
  background-repeat: no-repeat;
  background-size: cover;
}

.elementor-section[link], .elementor-column[link] > .elementor-widget-wrap, .e-con[link], .e-container[link] {
  cursor: pointer;
}

[link]{
  transition: all 0.5s;
}

[link]:hover {
  transition: all 0.5s;
  transform: scale(0.95);
}

.elementor-field-type-acceptance span.elementor-field-option {
  display: flex;
  align-items: flex-start;
}

input#form-field-acceptation {
  margin-right: 5px;
}

.titre-galet{
  pointer-events:none;
}

/* responsive Search and filter */
@media screen and (max-width: 1024px){
	.offres_RNM .searchandfilter ul {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media screen and (max-width: 500px){
	.offres_RNM .searchandfilter li, .offres_RNM .searchandfilter li label {
		width:100% !important;
	}
}
/* fin responsive Search and filter */

/*:::::::::::::::::::::: IE Hack ::::::::::::::::::::::*/

@media all and (-ms-high-contrast:none) {
  /*media all*/

}

@supports (-ms-ime-align:auto) {
  
}

@media screen and (max-width: 1280px) {
  
}

@media screen and (max-width: 1024px) {
  
}

@media screen and (max-width: 812px) {
  
}

@media screen and (max-width: 667px) {
  
}

@media screen and (max-width: 375px) {
  
}

@media screen and (max-width: 320px) {
 
}