@import "../components/Headers/noImgHeader.css";
@import "../components/stripe-banner-spontaneous-application.css";
@import "../components/fast-search.css";


/* GENERAL CSS
---------------------------------------------------------------*/
	#breadcrumbs {
		padding-bottom: 0;
	}
	#intro-job {
		padding-top: 3.125vw;
	}

	/* JOB iCONS
	------------------------------------------------------*/
        .job-sector:before {
            background-image: url(/wp-content/uploads/2024/03/settore-icon.png);
        }
        .job-date:before {
            background-image: url(/wp-content/uploads/2024/03/data-icon.png);
        }
        .job-location:before {
            background-image: url(/wp-content/uploads/2024/03/pin-empty_icon.png);
        }	


/* ARCHIVIO CANDIDATURA
------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------*/

	/* RICERCA VELOCE
	-----------------------------------------------------------*/
        #fast-search .fast-serach-container {
            padding: 2.083vw 3.125vw; /*40 60*/
            border-radius: 1.042vw; /*20*/
            background-color: var(--color-green);
        }
        #fast-search .job-positions-search {
            display: flex;
            padding-top: 0.781vw; /*15*/
            gap: 0.521vw; /*10*/
        }
        #fast-search .job-positions-search .search-field {
            flex-grow: 1;
        }

		/* CSS PAGINA
		------------------------------------------------------------------------------*/
			.col-right {
			    flex-grow: 1;
			}
			.job-offers-header h1 {
			    margin-bottom: 0.781vw; /*15*/
			}		
	        #job-offers .job-offer-subtitle {
	            padding-bottom: 0.521vw; /*10*/
	        }
			#job-offers .job-offer-subtitle strong,
			#job-offers .job-offer-subtitle strong  * {
			    font-family: var(--text-font-bold);
			}	        
	        #job-offers .job-offer-container {
	            border: 0.052vw solid #d5d5d5; /*1*/
	            border-radius: 1.042vw; /*20*/
	            position: relative;
	        }
	        #job-offers .job-offer-img {
	            height: 15.625vw; /*300*/
	            width: 12.5vw; /*240*/
	            min-width: 12.5vw; /*240*/
	            min-height: 300px;
	            border-top-left-radius: 1.042vw; /*20*/
	            border-bottom-left-radius: 1.042vw; /*20*/
	            overflow: hidden;
	        }
	        #job-offers .job-offer-content {
	            padding-top: 0.26vw; /*5*/
	            padding-right: 1.563vw; /*30*/
	            width: 100%;
	        }
	        #job-offers .job-offer-text h2 {
	            margin-bottom: 0.26vw; /*5*/
	            line-height: 1.2;
	            padding-right: 6.25vw;
	        }
	        #job-offers .job-offer-text .job-description {
	            overflow: hidden;
	            text-overflow: ellipsis;
	            display: -webkit-box;
	            -webkit-line-clamp: 2;
	            line-clamp: 2;
	            -webkit-box-orient: vertical;
	        }
	        #job-offers .job-offer-infos {
	            flex-grow: 1;
	            padding-top: 1.146vw; /*22*/
	            padding-right: 1.042vw; /*20*/
	        }
	        #job-offers .job-offer-infos > * {
	            position: relative;
	            display: flex;
	            align-items: center;
	        }
	        #job-offers .job-offer-infos > * {
	            padding-bottom: 0.781vw; /*15*/
	        }
	        #job-offers .job-offer-infos >*:before {
	            content: '';
	            width: 1.563vw; /*30*/
	            height: 1.354vw; /*26*/
	            display: block;
	            margin-right: 0.521vw; /*10*/
	            background-size: contain;
	            background-position: center;
	            background-repeat: no-repeat;
	        }
	        #job-offers .job-offer-infos p {
	            margin: 0;
	        }
	        #job-offers .job-offer-buttons {
	            display: flex;
	            flex-direction: column;
	            justify-content: flex-end;
	        }
	        #job-offers .job-offer-buttons > * {
	            display: block;
	        }
	        #job-offers .job-offer-buttons > *:last-child:not(:first-child) {
	            margin-top: 0.521vw; /*10*/
	        }
	        #job-offers .job-offer-logo {
			    width: 5.26vw; /*101*/
			    height: 1.406vw; /*27*/   	
			    min-width: 84px;
			    min-height: 22px;
	            position: absolute;
	            top: 5%;
	            right: 2%;
	            z-index: 1;
	        }

	        #job-offers .job-offer.highlighted .job-offer-container,
	        #job-offers .job-offer.highlighted .job-offer-img {
	            position: relative;
	        }
	        #job-offers .job-offer.highlighted .job-offer-container:before {
	            content: 'In evidenza';
	            position: absolute;
	            background-color: var(--color-orange);
	            color: var(--color-pure-white);
	            padding: 0.521vw 1.042vw; /*10 20*/
	            border-radius: 5.208vw; /*100*/
	            font-size: 0.677vw; /*13*/
	            position: absolute;
	            top: -0.938vw; /*18*/
	            left: 2.5%;
	            z-index: 2;
	            letter-spacing: 0.04em;
	        }
	        #job-offers .job-offer.highlighted .job-offer-img:before {
	            content: '';
	            position: absolute;
	            top: 0;
	            left: 0;
	            width: 100%;
	            height: 100%;
	            display: block;
	            background-color: var(--color-green);
	            opacity: 0.75;
	            mask-image: url(/wp-content/uploads/2024/03/shape-archive-candidati_atheljo.png);
	            mask-size: 100% 100%;
	            mask-position: bottom;
	            z-index: 1;
	        }

	        /* Scroll Top
	        ----------------------------------------------------------*/
		        #job-offers .job-offers-list-bottom .scroll-top-list {
		            flex-grow: 1;
		        }
				#job-offers .job-offers-list-bottom .scroll-top-list a {
				    position: relative;
				    display: flex;
				    flex-flow: nowrap;
				    align-items: center;
				    font-family: var(--text-font);
				}

				#job-offers .job-offers-list-bottom .scroll-top-list a:before {
				    content: '';
				    display: block;
		            width: 1.3549vw; /*26*/
		            height: 1.3549vw; /*26*/
		            min-width: 26px;
		            min-height: 26px;
				    margin-right: 0.521vw; /*10*/
				    background-image: url(/wp-content/uploads/2024/03/go-up_archive-candidati_icon.png);
				    background-size: contain;
				    background-position: center;
				    background-repeat: no-repeat;
				}		        

	        /* Pagination
	        ----------------------------------------------------------*/
		        #job-offers .job-offers-list-bottom .jobs-pagination > *:not(.current) {
		            background-color: #eaeaea;
		        }
		        #job-offers .job-offers-list-bottom .jobs-pagination > .disabled {
		            pointer-events: none;
		        }
		        #job-offers .job-offers-list-bottom .jobs-pagination > * {
		            cursor: pointer;
		        }
		        #job-offers .job-offers-list-bottom .jobs-pagination {
		            gap: 0.781vw; /*15*/
		        }
		        #job-offers .job-offers-list-bottom .jobs-pagination > * {
		            width: 1.3549vw; /*26*/
		            height: 1.3549vw; /*26*/
		            min-width: 26px;
		            min-height: 26px;
		            display: flex;
		            align-items: center;
		            justify-content: center;
		            border-radius: 100%;
		            line-height: 1;
    				transition: all 0.2s ease-in-out;		            
		        }
		        #job-offers .job-offers-list-bottom .jobs-pagination .current {
		            background-color: var(--color-green);
		            color: var(--color-lime);
		        }
		        #job-offers .job-offers-list-bottom .jobs-pagination .current {
		            pointer-events: none;
		        }

				#job-offers .job-offers-list-bottom .jobs-pagination >*:hover {
				    background-color: #dedcdc;
				    box-shadow: inset 0px 0.104vw 0.156vw 0px rgba(0, 0, 0, 0.2); /* 0 2 3 0 */
				}


				.job-prev, .job-next {
				    position: relative;
				}
				.job-prev:before,
				.job-next:before {
				    content: '';
				    width: 0.521vw; /*10*/
				    height: 0.313vw; /*6*/
				    min-width: 10px;
				    min-height: 6px;
				    background-size: contain;
				    background-position: center;
				    background-repeat: no-repeat;
				}
				.job-prev:before {
				    background-image: url(/wp-content/uploads/2024/03/prev.png);
				}
				.job-next:before {
				    background-image: url(/wp-content/uploads/2024/03/next.png);
				}

	    /* FILTERS
	    --------------------------------------------------*/
	        .col-left.job-filters {
	            width: 18.75vw; /*360*/
	            min-width: 18.75vw; /*360*/
	        }
	        .job-filters-container > *:last-child,
	        .job-filters-container > *:nth-last-child(2) {
	        	border-bottom: unset !important;
	        }
	        .job-filters .job-filters-container {
	            border: 0.052vw solid #d5d5d5; /*1*/
	            border-radius: 1.042vw; /*20*/
	            background-color: var(--color-white);
	            overflow: visible;
	        }
	        .job-filters .filter-box {
	            border-bottom: 0.052vw solid #d5d5d5; /*1*/
	        }
	        .job-filters .filter-box:not(.accordeon, .filter-header) {
	            padding: 1.563vw; /*30*/
	        }
	        .job-filters .filter-box .filter-label {
	        	font-size: 0.833vw; /*16*/
	            font-family: var(--text-font-bold) !important;
				line-height: 1 !important;
	            letter-spacing: 0;
	        }
	        .job-filters .filter-box:not(.accordeon, .filter-header) .filter-label {
	            padding-bottom: 0.885vw; /*17*/
	        }

	    /*Filter Header
	    --------------------------------*/
	        .job-filters .filter-header {
	            background-color: var(--color-green);
	            padding: 1.302vw 1.563vw; /*25 30*/
	            position: relative;

			    border-top-left-radius: 1.042vw; /*20*/
			    border-top-right-radius: 1.042vw; /*20*/        
	        }

	    /*Active Filters
	    --------------------------------*/
	        .job-filters .active-filters-list {
	            display: flex;
	            flex-wrap: wrap;
	            gap: 0.521vw; /*10*/
	        }
	        .job-filters .active-filter,
	        .job-filters .remove-filters.btn {
	            color: var(--color-green);
	        }
	        .job-filters .active-filter {
	            border: 0.052vw solid #d5d5d5; /*1*/
	            border-radius: 100px;
	            padding: 0.417vw 2.083vw 0.417vw 0.938vw; /*8 40 8 18*/
	            display: inline-block;
	            line-height: 1;
	            letter-spacing: 0 !important;
	            position: relative;
	            cursor: pointer;
	        }
	        .job-filters .active-filter:before {
			    content: '';
			    width: 0.521vw; /*10*/
			    height: 0.521vw; /*10*/
				min-width: 7px;
				min-height: 7px;
			    display: block;
			    position: absolute;
			    top: 50%;
			    right: 9%;
			    transform: translateY(-50%);
			    background-image: url(/wp-content/uploads/2024/02/prova-close.png);
			    background-size: contain;
			    background-position: center;
			    background-repeat: no-repeat;
	        }
	        .job-filters .remove-filters.btn {
	            font-family: var(--text-font-light);
	            font-weight: 400;
	            width: 100% !important;
	            min-width: unset;
	            margin-top: 0.521vw; /*10*/
	            border: 0.052vw solid #d5d5d5; /*1*/
	        }
			.remove-filters.btn:hover,
			.active-filter:hover {
			    border-color: var(--color-green) !important;
			}	        

	    /*Region Filter
	    --------------------------------*/
	        .job-filters .filter-box .filter-label,
	        .job-filters .fake-select .fake-select-label,
	        .job-filters .filter-option {
	            font-size: 0.781vw; /*15*/
	            letter-spacing: 0.03em;
	            font-family: var(--text-font-light);
	            line-height: 1;
	        }
	        .job-filters .fake-select .fake-select-label {
	            border: 0.052vw solid var(--color-green); /*1*/
	            padding: 0.781vw 1.042vw; /*15 20*/
	            border-radius: 5.208vw; /*100*/
	        }
	        .job-filters .fake-select-label:before {
	            right: 5% !important;
	        }
	        .job-filters .filter-location .fake-select {
	            margin-bottom: 0.521vw; /*10*/
	            position: relative;
	        }
	        .job-filters .filter-location .fake-select:last-child {
	            margin-bottom: 0px;
	        }
			.fake-select .options-list-container {
			    max-height: 15.625vw; /*300*/
			}
	        .job-filters .fake-select .options-list {
	            padding: 0.521vw 0.521vw 0.521vw 1.042vw; /*10 10 10 20*/
	        }	        

	    /*Filter with accordeon
	    --------------------------------*/
	        .job-filters .filter-box.accordeon .filter-label {
	            padding: 1.563vw; /*30*/
	        }
			.job-filters .filter-box:not(.filter-header) .filter-label {
			    color: var(--color-green-dark);
			}
	        .job-filters .filter-box.accordeon .filter-label,
	        .job-filters .fake-select-label {
	            position: relative;
	            cursor: pointer;
	        }
	        .job-filters .filter-box.accordeon .filter-label:before,
	        .job-filters .fake-select-label:before {
	            content: '';
	            display: block;
	            background: url(/wp-content/uploads/2024/03/filter-icon.png);
	            width: 0.417vw; /*8*/
	            height: 0.208vw; /*4*/
	            position: absolute;
	            top: 50%;
	            transform: translate(-50%, -50%);
	            right: 7%;
	            background-size: contain;
	            background-position: center;
	            background-repeat: no-repeat;
	        }
	        .job-filters .filter-box.accordeon.active .filter-label:before {
	            transform: translate(-50%, -50%) rotate(180deg);
	        }

	        .job-filters .filter-box .filter-option-list {
	            padding-bottom: 0;
	            transition: padding-bottom 0.2s ease-in-out;
	        }
	        .job-filters .accordeon .filter-option-list-container {
	            padding-left: 1.563vw; /*30*/
	            margin-right: 1.042vw; /*20*/
	            max-height: 0;
	            overflow-y: auto;
	            transition: max-height 0.2s ease-in-out;            
	        }

        	/*Scrollbar
        	-----------------------------------------------------------------------*/
			    .job-filters .accordeon .filter-option-list-container::-webkit-scrollbar,
			    .job-filters .job-filters-container::-webkit-scrollbar {
			        width: 0.2089vw; /*4*/
			        background: #d5d5d5 !important;
			        border-radius: 100px;
			    }
			    .job-filters .accordeon .filter-option-list-container::-webkit-scrollbar-thumb,
			    .job-filters .job-filters-container::-webkit-scrollbar-thumb {
			        background: var(--color-green);
			        border-radius: 100px;
			    }
			    .job-filters .accordeon .filter-option-list-container::-webkit-scrollbar-thumb:window-inactive,
			    .job-filters .job-filters-container::-webkit-scrollbar-thumb:window-inactive {
			        background: var(--color-green);
			    }

			    .job-filters .accordeon .filter-option-list-container::-webkit-scrollbar-track-piece,
			    .job-filters .job-filters-container::-webkit-scrollbar-track-piece {
			      background: #d5d5d5 !important;
			    }

			    @-moz-document url-prefix() {
			        .job-filters .accordeon .filter-option-list-container {
			          scrollbar-color: var(--color-green) #d5d5d5;
			          scrollbar-width: thin;
			        }
			    }	 

	        .job-filters .filter-box.active .filter-option-list-container {
	            max-height: 37.5vw; /*720*/
	        }
	        .job-filters .filter-option:last-child {
	            margin-bottom: 0;
	        }
	        .job-filters .filter-option {
	            margin-bottom: 0.781vw; /*15*/
	            position: relative;
	            padding-left: 1.302vw; /*25*/
	            padding-right: 0.781vw; /*15*/
	            cursor: pointer;
	            line-height: 1.4;
	        }
	        .job-filters .filter-option:before {
	            content: '';
	            height: 0.833vw; /*16*/
	            width: 0.833vw; /*16*/
	            min-height: 13px;
	            min-width: 13px;
	            display: block;
	            border: 0.052vw solid #D6D6D4;
	            border-radius: 100%;
	            position: absolute;
	            top: 50%;
	            transform: translateY(-50%);
	            left: 0;
	        }
	        .job-filters .filter-box.active .filter-option-list {
	            padding-bottom: 1.563vw; /*30*/
	        }            
	        .job-filters .filter-option:hover:before,
	        .job-filters .filter-option.active:before {
	            border-color: var(--color-green-dark);
	            background-color: var(--color-green-dark);
	        }       

	    /*Filter button
	    --------------------------------*/
	        .job-filters .filter-button {
	            padding: 2.083vw 1.563vw; /*40 30*/
	            display: none;
	        }

    /* BANNER CANDIDATI
    ------------------------------------------------------------------------------*/
        #spontaneous-application-banner h2 span {
            display: block;
        }
        #spontaneous-application-banner .banner-content {
            position: relative;
            border-radius: 1.042vw; /*20*/
            overflow: hidden;
        }
        #spontaneous-application-banner .stripe-img {
            height: 28.125vw; /*540*/
			min-height: 400px;            
            position: relative;
            z-index: 1;
        }
        #spontaneous-application-banner .stripe-text {
		    position: absolute;
		    top: 0;
		    left: 0;
		    z-index: 1;
		    padding: 2.865vw 3.125vw; /*55 60*/
        }
        #spontaneous-application-banner .stripe-img:before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            display: block;
            background-color: var(--color-green);
            opacity: 0.85;
            mask-image: url(/wp-content/uploads/2024/03/shape_contact-banner.png);
            mask-size: 100% 100%;
            mask-position: bottom;
            z-index: 1;
        }
		#spontaneous-application-banner h2 {
		    margin-bottom: 1.042vw; /*20*/
		}
		#spontaneous-application-banner .btn {
		    margin-top: 1.823vw; /*35*/
		}

/* DETTAGLIO CANDIDATURA
------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------*/

/*BG pictogram
---------------------------------------------------------*/
    .section-bg-pictogram {
        position: relative;
        overflow: hidden;
    }
    .section-bg-pictogram:before {
        content: '';
        display: block;
        background-image: url(/wp-content/uploads/2024/03/bg-pictogram-big-min.png);
        width: 49.896vw; /*958*/
        min-width: 958px;
        position: absolute;
        bottom: 0;
        right: 12.5vw;
        z-index: 0;
        height: 77.4%;
        background-repeat: no-repeat;
        background-position: bottom;
        background-size: contain;
    }
    .section-bg-pictogram > section {
        position: relative;
        z-index: 1;
    }

/* Utils
------------------------------------------------------------*/
    .utils-buttons {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        gap: 1.302vw; /*25*/
        padding-bottom: 1.042vw; /*20*/
    }
    .social-share-box {
        position: relative;
        z-index: 2;
    }
    .social-share {
        position: absolute;
        right: 0;
        top: 104%;
        opacity: 0;
        pointer-events: none;
        transition-property: opacity;
        transition-timining-function: ease-in-out;
        transition-duration: 0.3s;
    }
    .social-share-box .social-share-box-container,
    .print-button {
        display: inline-block;
        cursor: pointer;
        position: relative;
    }
    .social-share-box-container p:after,
    .print-button p:after {
        content: '';
        display: inline-block;
        height: 0.885vw; /*17*/
        width: 0.885vw; /*17*/
        min-width: 0.885vw;
        min-height: 0.885vw;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-left: 0.521vw;
    }
    .social-share-box-container p:after {
		background-image: url(/wp-content/uploads/2024/03/share-icon.png);
    }
    .print-button p:after {
		background-image: url(/wp-content/uploads/2024/03/print_icon.png);
    }
    .social-share-box-container p,
    .print-button p {
        display: flex;
        align-items: flex-end;
        line-height: 1;
    }

/* Intro stripe
------------------------------------------------------------*/
    #intro-job {
        z-index: 2;
    }    
    #intro-job .stripe-content {
        align-items: center;
    }    
    #intro-job .stripe-image {
        width: 45%;
        height: 29.167vw; /*560*/
        border-radius: 1.042vw; /*20*/
        position: relative;
        overflow: hidden;
    }
   #intro-job .job-offer-logo,
   #related-jobs .job-offer-logo {
        position: absolute;
        background-color: var(--color-pure-white);
        width: 7.292vw; /*140*/
        height: 2.24vw; /*43*/
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 100px;
        filter: drop-shadow(0px 0px 10px rgb(0 0 0 / 10%)); /*0 0 10 */
    }
    #intro-job .job-offer-logo img,
    #related-jobs .job-offer-logo img {
        width: 4.01vw; /*77*/
        height: 1.198vw; /*23*/
    }
    #intro-job .job-offer-logo,
    #related-jobs .job-offer-logo {
        top: 5.4%;
        right: 5.6%;
    }
    #intro-job .stripe-text {
        width: 55%;
    }

    #intro-job .job-info {
        align-items: center;
    }
    .job-infos > *:first-child {
        border-top: 0.052vw solid #d5d5d5; /*1*/
    }
    #intro-job .job-info > * {
        padding: 0 1.563vw; /*0 30*/
        display: flex;
        align-items: center;
        height:2.292vw; /*44*/
    }
    #intro-job .job-info-text {
        padding-right: 0;
    }
    #intro-job .job-info-label {
        font-family: var(--text-font) !important;
        width: 13.802vw; /*265*/
        min-width: 13.802vw; /*265*/
        padding-left: 1.927vw; /*37*/
        position: relative;
    }
	#intro-job .job-info-text {
	    border-left: 0.052vw solid #d5d5d5;
        line-height: 1.2;
	}
    #intro-job .job-info-label:before {
        content: '';
        width: 1.25vw; /*24*/
        height: 1.25vw; /*24*/
        min-width: 18px;
        min-height: 18px;
        display: block;
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
	#intro-job .job-info-date .job-info-label:before {
	    background-image: url(/wp-content/uploads/2024/03/data-icon.png);
	}
	#intro-job .job-info-position .job-info-label:before {
		 background-image: url(/wp-content/uploads/2024/03/posizione-ricercata_icon.png);
	}
	#intro-job .job-info-id .job-info-label:before {
		 background-image: url(/wp-content/uploads/2024/03/id_icon.png);
	}
	#intro-job .job-info-sector .job-info-label:before {
		 background-image: url(/wp-content/uploads/2024/03/settore-icon.png);
	}
	#intro-job .job-info-location .job-info-label:before {
		 background-image: url(/wp-content/uploads/2024/03/pin-empty_icon.png);
	}
	#intro-job .job-info-branch .job-info-label:before {
		 background-image: url(/wp-content/uploads/2024/03/filiale_icon.png);
	}

    #intro-job .job-info {
        border-bottom: 0.052vw solid #d5d5d5; /*1*/
    }    

    /*Description
    ------------------------------------------------------*/
        #job-description .stripe-content {
            border-top: 0.052vw solid #d5d5d5; /*1*/
        }

    /*Requirements
    ------------------------------------------------------*/
        .job-requirements-list {
            gap: 0.625vw; /*12*/
        }
        .job-requirement {
            position: relative;
            width: calc(16.6% - 0.521vw); /*10*/
            filter: drop-shadow(0px 0.104vw 0.521vw rgb(0 0 0 / 5%)); /*0 2 10*/
        }
        .job-requirement .bg-card {
            width: 100%;
            height: 13.542vw; /*260*/
            border-radius: 1.042vw; /*20*/
            overflow: hidden;
        }
        .job-requirement .requirement-text {
            position: absolute;
            top: 0;
            left: 0;
            padding: 2.083vw 1.042vw 0 1.042vw; /*40 20 0 20*/
        }
        .job-requirement .requirement-text h3 span {
            display: block;
        }
		.requirement-text h3,
		.requirement-text h3 * {
		    line-height: 1.1;
            font-family: var(--text-font);
		}

        .job-requirement .requirement-description p {
            line-height: 1.2;
        }

    /*CTA stripe
    ------------------------------------------------------*/
        #cta-stripe .stripe-container-full {
            text-align: center;
        }
        #cta-stripe .btn {
            margin-top: 1.823vw; /*35*/
        }

    /*Related Jobs
    ------------------------------------------------------*/
        #related-jobs .related-job {
            width: 26.042vw; /*500*/
            border-radius: 0.781vw; /*15*/
            overflow: hidden;
            margin-right: 1.563vw; /*30*/
        }
        #related-jobs .related-job-img {
            height: 10.417vw; /*200*/
            position: relative;
        }
        #related-jobs .job-offer-logo {
            top: 10%;
            right: 4%;
        }

        #related-jobs .related-job-text {
            display: flex;
            align-items: center;
            height: 11.719vw; /*225*/
            padding-left: 1.563vw; /*30*/
            padding-right: 1.563vw; /*30*/
            border: 0.052vw solid #d5d5d5;
            border-top: unset;
            border-bottom-left-radius: 0.781vw; /*15*/
            border-bottom-right-radius: 0.781vw; /*15*/
        }
        #related-jobs .related-job-text .relate-job-text-conatiner {
            padding-bottom: 0.208vw; /*4*/
        }            
        #related-jobs .related-job-text h3 {
            font-family: var(--text-font-bold);
            line-height: 1.1;
        }
        #related-jobs .job-description {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        #related-jobs .related-job-text .sm-sz p {
            line-height: 1.3;
        }


        #related-jobs .job-offer-infos {
            display: flex;
            flex-flow: wrap;
            gap: 0.521vw 3.125vw; /*10 60*/
            padding-top: 0.781vw; /*15*/
        }
        #related-jobs .job-offer-infos > * {
            position: relative;
            display: flex;
            align-items: center;
        }
        #related-jobs .job-offer-infos >*:before {
            content: '';
            width: 1.042vw; /*20*/
            min-width: 1.042vw; /*20*/
            height: 0.885vw; /*17*/
            display: block;
            margin-right: 0.417vw; /*8*/
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }
        #related-jobs .job-offer-infos p {
            margin: 0;
            line-height: 1;
        }
        #related-jobs .job-offer-infos .job-sector {
            order: 1;
        }
        #related-jobs .job-offer-infos .job-date {
            order: 2;
        }
        #related-jobs .job-offer-infos .job-location {
            order: 3;
            width: 100%;
        }



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

	/* ARCHIVIO CANDIDATURA
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------*/
		#fast-search .job-positions-search {
		    gap: 10px;
		    padding-top: 15px;
		}

		/* CSS PAGINA
		------------------------------------------------------------------------------*/
	        #job-offers .job-offer-subtitle {
	            padding-bottom: 10px; /*10*/
	        }
	        #job-offers .job-offer-container,
	        .job-filters .active-filter,
	        .job-filters .remove-filters.btn {
	            border: 1px solid #d5d5d5; /*1*/
	        }
	        #job-offers .job-offer-content {
	            padding-top: 5px; /*5*/
	        }
			#job-offers .job-offer-img {
			    width: 240px;
			   	min-width: 240px;
			    min-height: 300px;
			}
	        #job-offers .job-offer-text h2 {
	            margin-bottom: 5px; /*5*/
	            padding-right: 120px;
	        }
			#job-offers .job-offer-img {
			    border-top-left-radius: 15px;
			    border-bottom-left-radius: 15px;
			}
			#job-offers .job-offer-container {
			    border-radius: 15px;
			}

	        /* Pagination
	        ----------------------------------------------------------*/
				#job-offers .job-offers-list-bottom .jobs-pagination >*:hover {
				    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, 0.2); /* 0 2 3 0 */
				}

	    /* FILTERS
	    --------------------------------------------------*/
	        .job-filters .job-filters-container {
	            border: 1px solid #d5d5d5; /*1*/
	        }
	        .job-filters .filter-box {
	            border-bottom: 1px solid #d5d5d5; /*1*/
	        }
			.job-filters .filter-box .filter-label {
			    font-size: 16px;
			}
			.job-filters .filter-header {
			    border-top-left-radius: 20px;
			    border-top-right-radius: 20px;
			}
			.job-filters .fake-select .fake-select-label,
			.job-filters .filter-option {
			    font-size: 15px;
			}

			.job-filters .active-filter {
			    padding: 8px 40px 8px 18px;
			}
			.job-filters .fake-select .fake-select-label {
			    padding: 15px 20px;
			}
			.job-filters .filter-option {
			    margin-bottom: 15px;
			}

	        .job-filters .fake-select .options-list {
	            padding: 10px 10px 10px 20px;
	        }
			.fake-select .options-list-container {
			    max-height: 300px; /*300*/
			}

	    /*Region Filter
	    --------------------------------*/
	        .job-filters .fake-select .fake-select-label {
	            border: 1px solid var(--color-green); /*1*/
	        }

	    /*Filter with accordeon
	    --------------------------------*/
	        .job-filters .filter-box.accordeon .filter-label:before,
	        .job-filters .fake-select-label:before {
	            width: 8px; /*8*/
	            height: 4px; /*4*/
	        }

        	/*Scrollbar
        	-----------------------------------------------------------------------*/
			    .job-filters .accordeon .filter-option-list-container::-webkit-scrollbar,
			    .job-filters .job-filters-container::-webkit-scrollbar  {
			        width: 4px; /*4*/
			    }

    /* BANNER CANDIDATI
    ------------------------------------------------------------------------------*/
        #spontaneous-application-banner .banner-content {
            border-radius: 20px; /*20*/
        }

	/* DETTAGLIO CANDIDATURA
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------*/

	    #intro-job .job-infos > *:first-child,
	    #job-description .stripe-content {
	        border-top: 1px solid #d5d5d5; /*1*/
	    }
	    #intro-job .job-info-text {
	        border-left: 1px solid #d5d5d5;
	    }
	    #intro-job .job-info {
	        border-bottom: 1px solid #d5d5d5; /*1*/
	    }
	    #related-jobs .related-job-text {
	        border: 1px solid #d5d5d5;
	    }

	    /* Intro stripe
	    ------------------------------------------------------------*/
	        #intro-job .job-info > * {
	            height: 44px; /*44*/
	        }

	    /*Utils
	    ------------------------------------------------------*/
		    .utils-buttons {
		        gap: 25px; /*25*/
		        padding-bottom: 20px; /*20*/
		    }
	        .social-share-box-container p:after,
	        .print-button p:after {
	            min-height: 16px;
	            min-width: 16px;
	            margin-left: 10px;
	        }

	    /*Requirements
	    ------------------------------------------------------*/
	        .job-requirement .requirement-text {
	            padding-top: 2.083vw;
	        }
	        .job-requirement .bg-card {
	            border-radius: 15px;
	        }

	        .job-requirements-list {
	            gap: 12px;
	        }
	        .job-requirement {
	            width: 190px;
	        }
	        .job-requirement .bg-card {
	            height: 260px;
	        }

	    /*CTA stripe
	    ------------------------------------------------------*/
	        #cta-stripe .stripe-container-full {
	            padding-top: 80px;
	            padding-bottom: 80px;
	        }

	    /*Related Jobs
	    ------------------------------------------------------*/
	        #related-jobs .related-job {
	            width: 500px;
	            border-radius: 15px;
	            margin-right: 30px;
	        }
	        #related-jobs .related-job-img {
	            height: 200px;
	        }
	        #related-jobs .job-offer-logo,
	        #related-jobs .job-offer-logo  {
	            width: 150px;
	            height: 43px;
	        }
	        #related-jobs .job-offer-logo img,
	        #related-jobs .job-offer-logo img  {
	            width: 77px;
	            height: 23px;
	        }        
	        #related-jobs .related-job-text {
	            height: 225px;
	            padding-left: 30px;
	            padding-right: 30px;
	            border-bottom-left-radius: 15px;
	            border-bottom-right-radius: 15px;
	        }
	        #related-jobs .related-job-text h3 {
	            margin-bottom: 8px;
	        }
	        #related-jobs .job-offer-infos {
	            padding-top: 15px;
	            gap: 10px 60px;
	        }
	        #related-jobs .job-offer-infos >*:before {
	            width: 20px;
	            height: 17px;
	            margin-right: 8px;
	        }
}

/* Big Laptops - Ok until 1441 px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1600px) {
	/* ARCHIVIO CANDIDATURA
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------*/

		/* CSS PAGINA
		------------------------------------------------------------------------------*/	
			#job-offers .job-offer-img {
			    width: 216px;
			   	min-width: 216px;
			    min-height: 270px;
			}
			#job-offers .job-offer.highlighted .job-offer-container:before {
			    padding: 9px 18px;
			    font-size: 11px;
				top: -15px;
				left: 23px;
			}
			#job-offers .job-offer-infos {
			    padding-top: 20px;
			    padding-right: 20px;
			}
			#job-offers .job-offer-infos > * {
			    padding-bottom: 12px;
			}
			#job-offers .job-offer-infos >*:before {
			    width: 25px;
			    height: 21px;
			}
			#job-offers .job-offer-buttons > *:last-child:not(:first-child) {
			    margin-top: 8px;
			}


		/* Filters
		------------------------------------------------------------------------------*/
			.job-filters .filter-header {
			    padding: 25px 1.563vw;
			}
			.col-left.job-filters {
			    min-width: 300px;
			}		
			.job-filters .filter-box .filter-label {
			    font-size: 15px;
			}
			.job-filters .fake-select .fake-select-label,
			.job-filters .filter-option {
			    font-size: 14px;
			}

			.options-list {
			    padding: 20px 10px 20px 30px;
			}
	        .job-filters .filter-option {
	            padding-left: 20px;
	            padding-right: 10px;
	        }

	/* DETTAGLIO CANDIDATURA
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------*/

	    /*Requirements
	    ------------------------------------------------------*/
	        .job-requirement .bg-card {
	            height: 232px;
	        }
	        .job-requirement {
	            width: 170px;
	        }    
	        .job-requirement .requirement-description p {
	            line-height: 1.3;
	        }
	        .job-requirement .requirement-description:not(.md-sz) p {
	            font-size: 12px;
	        }

	    /*CTA stripe
	    ------------------------------------------------------*/
	        #cta-stripe .btn {
	            margin-top: 30px;
	        }
}

/* Standard Laptops - Ok until 1281px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {

	/* ARCHIVIO CANDIDATURA
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------*/

		/* RICERCA VELOCE
		-----------------------------------------------------------*/
			#fast-search .fast-serach-container {
				padding: 30px 45px;
			}
			#fast-search .job-positions-search {
			    gap: 10px;
			    padding-top: 15px;
			}

		/* CSS PAGINA
		------------------------------------------------------------------------------*/
			.job-offers-header h1 {
			    margin-bottom: 10px;
			}
			#job-offers .job-offer-infos {
			    width: 60%;
			}
			#job-offers .job-offer-buttons {
			    min-width: 160px;
			}
			#job-offers .job-offer-content {
			    padding-right: 20px;
			}
			#job-offers .job-offer-text h2 {
			    padding-right: 100px;
			}
			#job-offers .job-offer-infos > * {
			    padding-bottom: 10px;
			}
			#job-offers .job-offer-infos >*:before {
			    width: 22px;
			    height: 19px;
			}

		/* Filters
		------------------------------------------------------------------------------*/
			.col-left.job-filters {
			    min-width: 265px;
			}
			.options-list {
			    padding: 15px 10px 15px 25px;
			}

			.job-filters .filter-header {
			    padding: 25px 22px;
			}
			.job-filters .filter-box:not(.accordeon, .filter-header) {
			    padding: 22px;
			}
			.job-filters .filter-box:not(.accordeon, .filter-header) .filter-label {
			    padding-bottom: 15px;
			}
			.job-filters .active-filters-list {
			    gap: 10px;
			}
			.job-filters .fake-select .fake-select-label {
			    padding: 13px 20px;
			}
			.job-filters .remove-filters.btn {
			    margin-top: 10px;
			}
			.job-filters .filter-location .fake-select {
			    margin-bottom: 10px;
			}
			.job-filters .filter-box.accordeon .filter-label {
			    padding: 22px;
			}
			.job-filters .filter-option {
			    margin-bottom: 13px;
			}
			.job-filters .accordeon .filter-option-list-container {
			    padding-left: 22px;
			    margin-right: 15px;
			}
			.job-filters .filter-box.active .filter-option-list {
			    padding-bottom: 22px;
			}

	/* DETTAGLIO CANDIDATURA
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------*/
	    /*BG pictogram
	    ---------------------------------------------------------*/
	        .section-bg-pictogram:before {
	            right: 9.5vw;
	        }

	    /* Intro stripe
	    ------------------------------------------------------------*/
	        #intro-job .stripe-image {
	            height: 32.083vw;
	        }
	        #intro-job .job-info-label {
	            min-width: 185px;
	        }
	        #intro-job .job-info > * {
	            padding: 0 13px 0 15px;
	            height: 42px;
	        }
	        #intro-job .job-info-label {
	            padding-left: 25px;
	        }      

	    /*Requirements
	    ------------------------------------------------------*/
	        .job-requirements-list {
	            gap: 20px;
	        }
	        .job-requirement {
	            width: 191px;
	        }
	        .job-requirement .bg-card {
	            height: 260px;
	        }
	        .job-requirement .requirement-text {
	            padding: 30px 20px;
	        }
	        .job-requirement .requirement-description:not(.md-sz) p {
	            font-size: 13px;
	        }
	        .job-requirement h3 {
	            margin-bottom: 8px;
	        }

	    /*Related Jobs
	    ------------------------------------------------------*/
	        #related-jobs .related-job {
	            width: 450px;
	            margin-right: 27px;
	        }
	        #related-jobs .related-job-img {
	            height: 180px;
	        }
	        #related-jobs .job-offer-logo,
	        #related-jobs .job-offer-logo {
	            width: 121px;
	            height: 35px;
	        }
	        #related-jobs .job-offer-logo img,
	        #related-jobs .job-offer-logo img {
	            width: 69px;
	            height: 21px;
	        }        
	        #related-jobs .related-job-text {
	            height: 202px;
	            padding-left: 27px;
	            padding-right: 27px;
	        }
	        #related-jobs .job-offer-infos {
	            padding-top: 13px;
	            gap: 10px 60px;
	        }
	        #related-jobs .job-offer-infos >*:before {
	            width: 18px;
	            height: 15px;
	            margin-right: 7px;
	        }

}

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

	/* DETTAGLIO CANDIDATURA
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------*/	
	    .job-requirements-list {
	        padding-right: 15vw;
	    }
}


/* Small Laptops - Ok until 1151px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {

	/* ARCHIVIO CANDIDATURA
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------*/

		/* Filters
		------------------------------------------------------------------------------*/
			.job-filters .fake-select .fake-select-label,
			.job-filters .filter-option {
			    font-size: 13px;
			}
			.job-filters .filter-box .filter-label {
			    font-size: 14px;
			}
			.job-filters .active-filter {
			    padding: 6px 35px 6px 13px;
			}
			.job-filters .active-filter:before {
			    right: 15px;
			}
			.job-filters .fake-select .fake-select-label {
			    padding: 12px 20px;
			}
			.job-filters .fake-select-label:before {
			    right: 15px !important;
			}
			.job-filters .accordeon .filter-option-list-container {
			    margin-right: 10px;
			}
			.fake-select .options-list-container {
			    max-height: 250px;
			}

		/* CSS PAGINA
		------------------------------------------------------------------------------*/	
			#job-offers .job-offer-infos >*:before {
			    width: 20px;
			    height: 17px;
			}
			#job-offers .job-offer-infos {
			    padding-top: 15px;
			}
			#job-offers .job-offer-logo {
			    top: 14px;
			    right: 14px;
			}

			#job-offers .job-offers-list-bottom .jobs-pagination > * {
			    min-width: 24px;
			    min-height: 24px;
			    font-size: 11px;
			}
			#job-offers .job-offers-list-bottom .scroll-top-list a:before {
				min-width: 24px;
				min-height: 24px;
			}

	    /* BANNER CANDIDATI
	    ------------------------------------------------------------------------------*/
			#spontaneous-application-banner h2 {
			    margin-bottom: 13px;
			}
			#spontaneous-application-banner .btn {
			    margin-top: 23px;
			}

	/* DETTAGLIO CANDIDATURA
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------*/
	    /*BG pictogram
	    ---------------------------------------------------------*/
	        .section-bg-pictogram:before {
	            right: 0;
	            height: 972px;
	            min-width: 80vw;
	        }

	    /* Intro stripe
	    ------------------------------------------------------------*/    
	        #intro-job .stripe-image {
	            height: 37.891vw;
	        }

	    /*Requirements
	    ------------------------------------------------------*/
	        .job-requirements-list {
	            padding-right: 0;
	        }
	        .job-requirements-list {
	            gap: 10px;
	        }
	        .job-requirement {
	            width: 170px;
	        }        
	        .job-requirement .bg-card {
	            height: 232px;
	        }        

	    /*Related Jobs
	    ------------------------------------------------------*/
	        #related-jobs .related-job-text {
	            height: 185px;
	        }
	        #related-jobs .related-job-img {
	            height: 165px;
	        }
}

/* Small Laptops - Ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1150px) {

	/* ARCHIVIO CANDIDATURA
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------*/
		/* CSS PAGINA
		------------------------------------------------------------------------------*/	
			.col-left.job-filters {
			    min-width: 240px;
			}
			.col-right {
			    padding-left: 20px;
			}
			#job-offers .job-offer-infos {
			    width: 55%;
			}			
			#job-offers .job-offer-infos >*:before {
			    width: 19px;
			}
			#job-offers .job-offer-content {
			    padding-left: 20px;
			}
			#job-offers .job-offer-img {
			    width: 190px;
			    min-width: 190px;
			    min-height: 240px;
			}

	/* DETTAGLIO CANDIDATURA
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------*/	
	    /* Intro stripe
	    ------------------------------------------------------------*/            
	        .job-requirements-list {
	            gap: 15px 10px;
	        }
}

/* Mobile Start ok until 768px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {

	/* ARCHIVIO CANDIDATURA
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------*/

		/* Ricerca Veloce
		------------------------------------------------------------------------------*/
			#fast-search .stripe-container {
			    padding-left: 0;
			    padding-right: 0;
			}
			#fast-search .fast-serach-container {
			    border-radius: 0;
			}
			#fast-search .fast-serach-container {
			    padding: 30px 2em;
			}
			#fast-search .job-positions-search {
			    padding-top: 10px;
			}

		/* Filters
		------------------------------------------------------------------------------*/
			.col-left.job-filters {
			    z-index: 9999;
			    position: fixed;
			    top: 0;
			    left: 0;
			    width: 100%;
			    height: 100vh;
			    height: 100dvh;
			    padding-top: 96px;
			    background-color: var(--color-white);
			    transform: translatex(-100%);
			    visibility: hidden;
			    pointer-events: none;
			    transition-property: transform, visibility;
			    transition-duration: 0.4s;
			    transition-timing-function: ease-in-out;
			}
			.col-left.job-filters.active {
				visibility: visible;
			    pointer-events: initial;
			    transform: translatex(0);
			}
			.job-filters .job-filters-container {
			    border: unset;
			    border-radius: unset;
			    height: calc(100vh - 96px - 83px);
			    height: calc(100dvh - 96px - 83px);
			    overflow: auto;
			}
			.job-filters .mobile-close-filters {
			    width: 32px;
			    height: 32px;
			    position: absolute;
			    top: 50%;
			    right: 2em;
			    transform: translateY(-50%);
			    background-size: 12px;
			    background-position: center right;
			    background-repeat: no-repeat;
			    background-image: url(/wp-content/uploads/2024/03/close-icon_m.png);
				background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Livello_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 466.7 466.7' style='enable-background:new 0 0 466.7 466.7;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FAF8F0;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9.8,9.8c13-13,34.1-13,47.1,0l176.4,176.4L409.8,9.8c13-13,34.1-13,47.1,0c13,13,13,34.1,0,47.1L280.5,233.3 l176.4,176.4c13,13,13,34.1,0,47.1c-13,13-34.1,13-47.1,0L233.3,280.5L56.9,456.9c-13,13-34.1,13-47.1,0c-13-13-13-34.1,0-47.1 l176.4-176.4L9.8,56.9C-3.3,43.9-3.3,22.8,9.8,9.8z'/%3E%3C/svg%3E%0A");
			    filter: brightness(0) invert(1);
			}
			.fake-select,
			.job-filters .remove-filters.btn {
			    max-width: 400px;
			}
			.job-filters .filter-header {
			    display: flex;
			    align-items: center;
			    position: fixed;
			    height: 96px;
			    top: 0;
			    left: 0;
			    width: 100%;
			    padding: 0 2em;
			    border-radius: unset !important;
			}
			.job-filters .fake-select .fake-select-label,
			.job-filters .filter-option {
			    font-size: 15px;
			}
			.job-filters .filter-box .filter-label {
			    font-size: 16px;
			}
			.job-filters .filter-box:not(.accordeon, .filter-header),
			.job-filters .filter-box.accordeon .filter-label {
			    padding: 2em;
			}
			.job-filters-container > *:nth-last-child(2) {
			    border-bottom: 1px solid #d5d5d5 !important;
			}
			.job-filters .filter-box.accordeon .filter-label:before {
			    right: 2em;
			}
			.job-filters .filter-button {
			    height: 83px;
			    display: flex;
			    align-items: center;
			    justify-content: center;
			    background-color: var(--color-pure-white);
			    position: fixed;
			    left: 0;
			    bottom: 0;
			    width: 100%;
			    padding: 0px 2em;
			    border-top: 1px solid #d5d5d5;
			}
			.job-filters .filter-button .btn {
			    max-width: 400px;
			    width: 100% !important;
			}
			.job-filters .filter-box.active .filter-option-list {
			    padding-bottom: 2em;
			}

			.mobile-open-filters {
			    padding: 20px 2em;
			    position: relative;
			    display: flex !important;
			    align-items: center;

			    position: sticky;
			    top: 0;
			    z-index: 3;
			    background-color: var(--color-white);
			}
			.mobile-open-filters:before {
			    content: '';
			    display: block;
			    width: 20px;
			    height: 18px;
			    background-image: url("/wp-content/uploads/2024/03/filter-open_i.png");
			    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='filter' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 30 28' style='enable-background:new 0 0 30 28;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23143621;%7D%0A%3C/style%3E%3Cpath class='st0' d='M1,5h0.1C1.7,7.1,3.9,8.4,6,7.9C7.4,7.5,8.5,6.4,8.9,5H29c0.6,0,1-0.4,1-1s-0.4-1-1-1H8.9 C8.3,0.9,6.1-0.4,4,0.1C2.6,0.5,1.5,1.6,1.1,3H1C0.4,3,0,3.4,0,4S0.4,5,1,5z M5,2c1.1,0,2,0.9,2,2S6.1,6,5,6S3,5.1,3,4S3.9,2,5,2z M29,13h-0.1c-0.5-2.1-2.7-3.4-4.8-2.9c-1.4,0.4-2.5,1.5-2.9,2.9H1c-0.6,0-1,0.4-1,1c0,0.6,0.4,1,1,1h20.1c0.5,2.1,2.7,3.4,4.8,2.9 c1.4-0.4,2.5-1.5,2.9-2.9H29c0.6,0,1-0.4,1-1C30,13.4,29.6,13,29,13z M25,16c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S26.1,16,25,16z M29,23H18.9c-0.5-2.1-2.7-3.4-4.8-2.9c-1.4,0.4-2.5,1.5-2.9,2.9H1c-0.6,0-1,0.4-1,1s0.4,1,1,1h10.1c0.5,2.1,2.7,3.4,4.8,2.9 c1.4-0.4,2.5-1.5,2.9-2.9H29c0.6,0,1-0.4,1-1S29.6,23,29,23z M15,26c-1.1,0-2-0.9-2-2s0.9-2,2-2s2,0.9,2,2S16.1,26,15,26z'/%3E%3C/svg%3E");
			    margin-right: 10px;
			}
			.mobile-open-filters.sticked {
			    box-shadow: 0 7px 15px 0px rgb(0 0 0 / 10%);
			}


		/* CSS PAGINA
		------------------------------------------------------------------------------*/	
			#job-offers .stripe-container {
			    padding-top: 0;
			    border-top: 1px solid #d5d5d5;
			}
			#job-offers .job-offers-header {
			    display: none;
			}
			.col-right {
			    padding-left: 0;
			}
			.page-content-archive-jobs .stripe-container-inner.apply-pad-2,
			.page-content-archive-jobs .stripe-cotnainer-inner.apply-pad-2 {
			    padding-left: 0;
			    padding-right: 0;
			}
			#spontaneous-application-banner .stripe-img {
			    min-height: 340px;
			}
			#job-offers .job-offer-infos {
			    padding-top: 25px;
			}
			#job-offers .job-offer-text h2 {
			    padding-right: 100px;
			}
			#job-offers .job-offer-content {
			    padding-left: 30px;
			}

	    /* BANNER CANDIDATI
	    ------------------------------------------------------------------------------*/
			#spontaneous-application-banner .stripe-text {
			    padding: 2em;
			}


	/* DETTAGLIO CANDIDATURA
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------*/	
		/* General
		--------------------------------------------------------------------*/
			#intro-job {
				padding-top: 0px;
			}

	    /* Utils
	    ------------------------------------------------------------*/
	        .print-button {
	            display: none;
	        }

	    /* Intro stripe
	    ------------------------------------------------------------*/    
	        #intro-job .job-info-label {
	            min-width: 190px;
	        }
	        #intro-job .job-infos {
	            position: absolute;
	            left: 0;
	            width: 100%;
	            padding-top: 0;
	            top: 105%;
	        }
	        #intro-job .stripe-container {
	            padding-top: 40px;
	        }
	        #intro-job .stripe-content {
	            position: relative;
	            padding-bottom: 0;
	            margin-bottom: 280px;
	        }
	        #intro-job .job-info > * {
	            padding: 0 11px 0 15px;
	            height: 40px;
	        }
	        #intro-job .job-info-label {
	            padding-left: 25px;
	        }

	    /*Requirements
	    ------------------------------------------------------*/
	        .job-requirement .bg-card {
	            height: 253px;
	        }
	        .job-requirement {
	            width: 185px;
	        }
}

/* Mobile Landscape
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

	/* ARCHIVIO CANDIDATURA
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------*/

	    /* Ricerca Veloce
	    ------------------------------------------------------------------------------*/
			#fast-search .fast-serach-container {
			    padding: 30px 20px;
			}			
			#fast-search .h3-font {
			    padding-left: 5px;
			}
			#fast-search .job-positions-search {
			    padding-top: 13px;
			}
			body .fast-search input {
			    border: 1px solid #fff;
			}


	    /* CSS Pagina
	    ------------------------------------------------------------------------------*/
			.page-content-archive-jobs #job-offers .job-offer-container {
			    flex-flow: wrap;
			}
			.page-content-archive-jobs .job-offer {
			    padding-top: 30px;
			}
			.page-content-archive-jobs #job-offers .job-offer.highlighted .job-offer-container:before {
			    font-size: 11px;
			    padding: 7px 15px;
			}			
			.page-content-archive-jobs #job-offers .job-offer-img {
			    min-height: unset;
			    width: 100%;
			    height: 42.667vw;
			    min-height: 160px;
			    max-height: 260px;
			    border-bottom-left-radius: unset;
			    border-top-right-radius: 15px;
			}
			.page-content-archive-jobs #job-offers .job-offer.highlighted .job-offer-img:before {
			    mask-image: url(/wp-content/uploads/2024/03/shape-archive-candidati_atheljo_mob.png);
			}
			.page-content-archive-jobs #job-offers .job-offer-logo {
			    width: 97px;
			    height: 30px;
			    padding: 6px;
			    background-color: #fff;
			    border-radius: 100px;
			    top: 10px;
			    right: 10px;
			}			
			.page-content-archive-jobs #job-offers .job-offer-content {
			    padding: 20px;
			}
			.page-content-archive-jobs #job-offers .job-offer-text h2 {
			    font-size: 17px;
			    line-height: 1.3;
			    letter-spacing: 0.02em;
			    padding-right: 0;
			}

			.page-content-archive-jobs #job-offers .job-offer-text .job-description {
			    -webkit-line-clamp: 3;
			    line-clamp: 3;
			}
			.page-content-archive-jobs .job-description p {
			    font-size: 12px;
			    line-height: 1.4;
			}

			.page-content-archive-jobs #job-offers .job-offer-infos {
			    width: 100%;
			    padding-top: 8px;
			    padding-right: 0;
			    display: flex;
			    flex-flow: wrap;
			}
			.page-content-archive-jobs #job-offers .job-offer-infos > * {
			    padding-bottom: 7px;
			}
			.page-content-archive-jobs #job-offers .job-offer-infos >*:before {
			    margin-right: 5px;
			    width: 14px;
			    height: 12px;
			    min-width: 14px;
			    min-height: 12px;
			}
			.page-content-archive-jobs #job-offers .job-offer-infos  .job-sector {
			    order: 1;
			    flex-grow: 1;
			    max-width: 68%;
			    padding-right: 15px;
			}
			.page-content-archive-jobs #job-offers .job-offer-infos .job-location {
			    order: 3;
			    width: 100%;
			    padding-bottom: 0;
			}
			.page-content-archive-jobs #job-offers .job-offer-infos .job-date {
			    order: 2;
			}


			.page-content-archive-jobs #job-offers .job-offer-buttons {
			    min-width: unset;
			    width: 100%;
			    padding-top: 15px;
			}
			.page-content-archive-jobs #job-offers .job-offer-buttons > *:last-child:not(:first-child) {
			    margin-top: 10px;
			}

			#job-offers .job-offers-list-bottom {
			    padding-top: 30px;
			}
			#job-offers .job-offers-list-bottom .scroll-top-list {
			    display: none;
			}
			#job-offers .job-offers-list-bottom .jobs-pagination {
			    width: 100%;
			    justify-content: center;
			    gap: 0 15px;
			}
			#job-offers .job-offers-list-bottom .jobs-pagination > * {
			    min-width: 27px;
			    min-height: 27px;
			    font-size: 13px;
			}

		/* Filtri
		------------------------------------------------------------------------------*/
			.mobile-open-filters {
			    font-size: 14px;
			}
			.mobile-open-filters:before {
			    margin-right: 8px;
			}

			.job-filters .filter-header {
			    height: 60px;
			    padding: 0 20px;
			}
			.job-filters .job-filters-container {
			    height: calc(100dvh - 60px - 83px);
			}
			.col-left.job-filters {
			    padding-top: 60px;
			}
			.job-filters .filter-box .filter-label {
			    font-size: 14px;
			}
			.job-filters .fake-select .fake-select-label,
			.job-filters .filter-option {
			    font-size: 14px;
			}			
			.job-filters .filter-header .filter-label {
			    font-family: var(--text-font) !important;
			}
			.job-filters .filter-box:not(.accordeon, .filter-header),
			.job-filters .filter-box.accordeon .filter-label {
			    padding: 20px;
			}
			.job-filters .mobile-close-filters {
			    right: 20px;
			}
			.job-filters .active-filter {
			    letter-spacing: 0.04em !important;
			    padding: 7px 37px 7px 20px;
			}
			.job-filters .active-filter:before {
			    min-width: 8px;
			    min-height: 8px;
			    right: 20px;
			}
			.job-filters .filter-box:not(.accordeon, .filter-header) .filter-label {
			    padding-bottom: 18px;
			}
			.job-filters .filter-box.active .filter-option-list-container {
			    max-height: unset;
			}
			.job-filters .filter-option {
			    padding-left: 23px;
			}
			.job-filters .filter-option {
			    margin-bottom: 10px;
			}
			.job-filters .filter-box.active .filter-option-list {
			    padding-bottom: 20px;
			}

	    /* BANNER CANDIDATI
	    ------------------------------------------------------------------------------*/
			#spontaneous-application-banner .stripe-content {
			    padding: 0;
			}	    
			#spontaneous-application-banner .stripe-text {
			    padding: 40px 20px;
			}
			#spontaneous-application-banner .stripe-img {
			    min-height: 450px;
			}
			#spontaneous-application-banner h2 {
			    font-size: 32px;
			    letter-spacing: 0;
			    margin-bottom: 8px;
			}
			#spontaneous-application-banner p {
			    font-size: 14px;
			    line-height: 1.6;
			}
			#spontaneous-application-banner .stripe-text h2,
			#spontaneous-application-banner .stripe-text p {
			    padding-left: 10px;
			}			
			#spontaneous-application-banner p br {
			    display: none;
			}
			#spontaneous-application-banner .btn {
			    margin-top: 20px;
			}			

	/* DETTAGLIO CANDIDATURA
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------
	------------------------------------------------------------------------------------------------------------------------------*/
	    .section-bg-pictogram:before {
	        right: auto;
	        left: 10vw;
	        height: 1021px;
	        min-width: 125vw;
	    }    
	    /* Intro stripe
	    ------------------------------------------------------------*/    
	        section .apply-pad-4 {
	            padding-left: 0;
	            padding-right: 0;
	        }

	        #intro-job .stripe-container {
	            padding-top: 0;
	        }
	        #intro-job .stripe-content {
	            margin-bottom: 0;
	        }
	        #intro-job .stripe-image {
	            width: 100%;
	            height: 300px;
	            overflow: unset;
	            margin-bottom: 60px;
	        }
	        #intro-job .stripe-image img {
	            width: 100vw;
	            position: relative;
	            left: -20px;
	        }
	        #intro-job .stripe-text {
	            width: 100%;
	            padding-left: 0;
	            position: relative;
	            padding-top: 30px;
	        }
	        #intro-job .stripe-text:before {
	            content: '';
	            height: 1px;
	            background-color: #d5d5d5;
	            width: 100vw;
	            left: -20px;
	            position: absolute;
	            top: 0;
	            display: block;
	        }

	        #intro-job .job-infos {
	            position: relative;
	            left: unset;
	            top: unset;
	            padding-top: 30px;
	            padding-bottom: 30px;
	        }
	        #intro-job .job-info > * {
	            font-size: 12px;
	            padding: 0 11px 0 10px;
	            height: 40px;
	        }
	        #intro-job .job-info-label {
	            min-width: 178px;
	            padding-left: 35px;
	        }
	        #intro-job .job-info-label:before {
	            margin-left: 10px;
	            margin-right: 10px;
	            min-width: 15px;
	            min-height: 15px;
	        }
	        #intro-job .job-info-text {
	            line-height: 1.2;
	        }

	    /* Utils
	    ------------------------------------------------------------*/
	        #intro-job .stripe-container-inner {
	            position: relative;
	        }
	        .utils-buttons {
	            position: absolute;
	            top: 310px;
	            right: 0;
	            width: 100%;
	        }
	        .social-share-box-container p, .print-button p {
	            font-size: 11px;
	            letter-spacing: 0.04em;
	        }

	    /*Requirements
	    ------------------------------------------------------*/
	        .job-requirements-list {
	            gap: 10px; /*10*/
	            padding-top: 6px;
	        }
	        .job-requirement {
	            width: calc(50% - 5px);
	            max-width: 225px;
	        }
	        .job-requirement .bg-card {
	            height: 58.667vw;
	            max-height: 293px;
	        }
	        .job-requirement .requirement-text {
	            padding: 35px 20px;
	        }
	        .job-requirement h3 {
	            margin-bottom: 5px;
	        }
	        .job-requirement .requirement-description:not(.md-sz) p {
	            font-size: 12px;
	            line-height: 1.1;
	        }


	    /*CTA stripe
	    ------------------------------------------------------*/
	        #cta-stripe h2 {
	            font-size: 34px;
	            letter-spacing: 0.02em;
	        }
	        #cta-stripe .btn {
	            margin-top: 23px;
	        }


	    /*Related Jobs
	    ------------------------------------------------------*/
	        #related-jobs .stripe-container-inner {
	            padding-left: 0;
	        }
	        #related-jobs .related-job-img {
	            height: 160px;
	        }
	        #related-jobs .related-job {
	            width: 325px;
	            margin-right: 13px;
	        }
	        #related-jobs .related-job-text {
	            height: 205px;
	            padding-left: 20px;
	            padding-right: 20px;    
	        }
	        #related-jobs .related-job-text h3 {
	            font-size: 17px;
	            letter-spacing: 0.02em;
	            line-height: 1.3;
	        }
	        #related-jobs .job-description {
	            -webkit-line-clamp: 3;
	        }
	        #related-jobs .related-job-text .sm-sz p {
	            font-size: 11.5px;
	            letter-spacing: 0.02em;
	        }
	        #related-jobs .job-offer-infos >*:before {
	            width: 14px;
	            height: 12px;
	            margin-right: 5px;
	        }
}

/* Mobile port
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 600px) {

}