/*
Theme Name: Jobify - Child
Theme URI: https://astoundify.com/
Author: Astoundify
Author URI: http://astoundify.com
Description: A beautiful job board site completely integrated with Mike Jolley's WP Job Manager plugin. Use 10+ custom widgets including an interactive map, multiple sliders, testimonials, and more to create a unique homepage in seconds.
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, one-column, right-sidebar, fixed-width, custom-background, custom-header, theme-options, full-width-template, featured-images, flexible-header, custom-menu, translation-ready
Template: jobify
*/

/**
 * The parent theme's CSS is automatically included so there is no need
 * to use the @import rule to include the parent theme CSS.

/**
 * Place Custom CSS Below this.
 */

/* Add font awesome fonts */
@font-face {
	font-family: FontAwesome;
	src: url( 'assets/fonts/fa-regular-400.woff' );
	font-weight: normal;
}
@font-face {
	font-family: FontAwesomeSolid;
	src: url( 'assets/fonts/fa-solid-900.woff2' );
	font-weight: normal;
}

/*****************************************/
/******** General -styling START *********/

/*home page widgets - space between sections*/
@media screen and (min-width: 1200px){
	.widget--home {
		margin: 6em auto;
	}
}

/* Prevent body from scrolling */
.noscroll {
	overflow: hidden;
}

/* Home page widgets - space between sections - mobile */
.widget--home {
	margin: 5em auto;
}

/* Set header on top */
.site-header {
	z-index: 1001;
}

#wpadminbar {
	z-index: 300000;
}

/* Set text font */
html, body, button, input, select, textarea, label, .job-type, .job_listing-type, .single-product .page-header .sale .onsale {
	font-family: 'Source Sans Pro', sans-serif;
}

/* Remove text brakes from body */
body {
	word-break: normal;
	overflow-anchor: none;
}

/* Set Heading font */
h1, h2, h3, h4 {
	clear: both;
	font-family: 'Signika', sans-serif;
	line-height: 1.3;
	font-weight: ;
}

/* Set Heading sizes */
h1 {font-size: 1.889em;}
h2 {font-size: 1.333em;}
h3 {font-size: 1.111em;}
h4 {font-size: 0.889em; text-transform: uppercase;}
h5 {
	clear: both;
	font-family: 'Source Sans Pro', sans-serif;
	line-height: 1.3;
	text-transform: uppercase;
}

/* Set button hover color */
.button:hover,
input[type=button]:hover,
button:hover,
.job-manager-pagination a:hover,
.job-manager-pagination span:hover,
.page-numbers:hover,
#searchform button:hover,
#searchform input[type=submit]:hover,
#submitcomment:hover,
#commentform input[type=submit]:hover,
.page-numbers.current,
.widget--footer input[type=submit]:hover,
.mfp-close-btn-in .mfp-close:hover,
input[name=wp_job_manager_send_application]:hover,
input[name=wp_job_manager_edit_application]:hover,
input[name=submit_bookmark]:hover,
#rcp_submit:hover,
input[name=wp_job_manager_resumes_apply_with_resume]:hover,
input[name=wp_job_manager_resumes_apply_with_resume_create]:hover,
.wpcf7-submit:hover,
input[type=submit].ninja-forms-field:hover,
input[name=submit-job-alert]:hover,
.tp-caption .button:hover,
.modal .woocommerce .woocommerce-customer-login .login [type=submit]:hover {
	background-color: transparent;
	color: #FFF;
	background-color: #C75A00;
	border-color: #C75A00;
}

.checkout-button:hover {
	background-color: #118ccd;
	color: #ffffff;
	border-color: #118ccd;
}

.modal.alert {
	margin-bottom: 0;
	padding: 0;
	border:0;
}

/* Gereral input style */
.entry-content .rcp_form input[type=email], .entry-content .rcp_form input[type=password],
.entry-content .rcp_form input[type=text], .jobify-input, input[type=email], input[type=number],
input[type=password], input[type=search], input[type=tel], input[type=text], select, textarea{
	border-radius:0px;
	background-color:#f7f6f3;
}

/* General select arrow height change */
body .select::after {
	height: 38px;
	line-height: 38px;
}

/* Chosen general style */
body .chosen-container{
	border-radius: 0px;
	background:#f7f6f3;
}

/* Chosen general dropdown menu styling */
body .chosen-container .chosen-drop{
	border-radius:0;
}
body .chosen-container.chosen-with-drop .chosen-drop{
	padding:0;
}
/* Chosen dropdown item - add more space */
body .chosen-container .chosen-results li{
	padding:10px;
}

/* Input focus general styling */
input:focus{
	border-color: #2D2F3A;
}

/* General form fieldset label styling - display as a inline block to add margin */
form fieldset label{
	font-size: 1.1em;
	font-weight: 600;
	display: inline-block;
	margin: 0 0 10px 0;
}


@media screen and (min-width: 768px) {
	/* Fixed header covers content if using anchor page jump links. Create span and add this class to it */
	.anchor-link-fixed-header{
		display: block;
		height: 115px; /*same height as header*/
		margin-top: -115px; /*same height as header*/
		visibility: hidden;
	}
}

/* Error notification styling */
.woocommerce-error, .woocommerce-message {
	max-width: 1140px;
	margin-top: 2em;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	z-index: 10;
	position: relative;
}

/* Success notification styling */
.woocommerce-info:before,.woocommerce-message:before{
    display:inline-block;
}

/* Max width and centering for page header subtitles */
body:not(.single-job_listing) .page-header .page-subtitle {
	max-width: 1140px;
	margin: 0 auto;
}

/* Google location autofill container */
.search_location .pac-container {
	z-index: 1000000;
	left: 13.2% !important;
	top: 45px !important;
	border-radius: 0 !important;
}

/* Frontpage fix for the button */
.frontpage_search_form .search_jobs .search_location .pac-container {
	left: 12.6% !important;
}

/* Tooltip */
.rekrytointicom-tooltiptext {
	visibility: hidden;
	background-color: #4E5164;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	border-radius: 6px;
	position: absolute;
	bottom: 111%;
	left: 15px;
	z-index: 10;
}

/* Search tooltip fixed bottom search*/
#page .fixed-apply-widget .rekrytointicom-tooltiptext {
	left: 14px;
}

/* Hover to show tooltip */
#page .search_jobs div.search_keywords:hover .rekrytointicom-tooltiptext,
#page .search_jobs div.search_keywords input:focus + .rekrytointicom-tooltiptext,
#page .fixed-apply-widget #search_keywords:hover .rekrytointicom-tooltiptext,
#page .fixed-apply-widget #search_keywords input:focus + .rekrytointicom-tooltiptext,
#page .single_job_listing .job_listing_op_badge:hover .rekrytointicom-tooltiptext,
#page .job-listing-meta li.job-type.easy-apply:hover .rekrytointicom-tooltiptext {
	visibility: visible;
}

/* Draw a bottom arrow for tooltip */
.rekrytointicom-tooltiptext::after {
	content: " ";
	position: absolute;
	top: 100%;
	left: 22%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #4E5164 transparent transparent transparent;
}

/* Header OP tag tooltip */
#page .page-header .page-subtitle .job_listing_op_badge .rekrytointicom-tooltiptext {
	width: 360px;
	bottom: 14%;
	left: unset;
	right: 94px;
}

/* Header OP tag tooltip arrow */
#page .page-header .page-subtitle .job_listing_op_badge .rekrytointicom-tooltiptext::after {
	top: 41%;
	left: 101%;
	border-color: transparent transparent transparent #4E5164;
}

@media screen and (min-width:768px) {
	/* Header OP tag tooltip */
	#page .page-header .page-subtitle .job_listing_op_badge .rekrytointicom-tooltiptext {
		bottom: -71%;
		left: -194%;
	}
	/* Header OP tag tooltip arrow */
	#page .page-header .page-subtitle .job_listing_op_badge .rekrytointicom-tooltiptext::after {
		top: -17%;
		left: 88%;
		border-color: transparent transparent #4E5164 transparent;
	}
}

/* Set header easy-apply button's position to get tooltip displayed relative to it. */
#page .page-header .page-subtitle .job-listing-meta li.job-type.easy-apply {
	position: relative;
}

/* Header easy-apply button tooltip. */
#page .page-header .page-subtitle .job-listing-meta li.job-type.easy-apply .rekrytointicom-tooltiptext {
	top: -64px;
	left: -250px;
	width: 360px;
	height: fit-content;
	/* Make the appearance the same as OP tag tooltip. */
	text-transform: none;
	font-size: 1.3em;
	line-height: 1.5em;
	padding: 6px;
}

/* Header easy-apply button tooltip arrow. */
#page .page-header .page-subtitle .job-listing-meta li.job-type.easy-apply .rekrytointicom-tooltiptext::after {
	top: 58px;
	left: 80%;
	border-color: #4E5164 transparent transparent transparent;
}

/* For small screens, decrease tooltip width to get it displayed correctly. */
@media screen and (max-width: 500px) {
	#page .page-header .page-subtitle .job_listing_op_badge .rekrytointicom-tooltiptext,
	#page .page-header .page-subtitle .job-listing-meta li.job-type.easy-apply .rekrytointicom-tooltiptext {
		width: min-content;
	}

	#page .page-header .page-subtitle .job-listing-meta li.job-type.easy-apply .rekrytointicom-tooltiptext {
		top: -182px;
		left: -25px;
	}

	#page .page-header .page-subtitle .job_listing_op_badge .rekrytointicom-tooltiptext::after {
		top: 80%;
		left: 103%;
	}
	
	#page .page-header .page-subtitle .job-listing-meta li.job-type.easy-apply .rekrytointicom-tooltiptext::after {
		top: 174px;
		left: 60px;
		border-color: #4E5164 transparent transparent transparent;
	}
}

/* Search fields responsive desing for 800 and up */
@media screen and (min-width: 800px) {
	/* Search tooltip */
	#page .search_jobs div.search_keywords .rekrytointicom-tooltiptext,
	#page .fixed-apply-widget .rekrytointicom-tooltiptext {
		left: 0;
	}
}

/* Search fields responsive desing for 1200 and up */
@media screen and (min-width: 1200px) {
	/* Search sidebar tooltip */
	#page .fixed-search-sidebar .search_jobs div.search_keywords .rekrytointicom-tooltiptext {
		bottom: unset;
		left: 102%;
		top: -1px;
		width: fit-content;
	}
	/* Draw a right side arrow for sidebar tooltip */
	#page .fixed-search-sidebar .search_jobs div.search_keywords .rekrytointicom-tooltiptext::after {
		top: 45%;
		left: unset;
		right: 100%;
		border-color: transparent #4E5164 transparent transparent;
	}
}

/******** General -styling STOP **********/
/*****************************************/


/**********************************************/
/************** Helpers START  ****************/

/* Center everything with text-center class */
.text-center {
	text-align: center;
}

/* Draw arrow right */
.arrow-right::before {
	display: inline-block;
	font-family: "Ionicons" !important;
	content: "\f30f";
	font-size: 27px;
	color: #fff;
	width: 26px;
	height: 45px;
	text-align: right;
	line-height: 45px;
	vertical-align: bottom;
}
/*************** Helpers STOP *****************/
/**********************************************/


/**************************************************/
/***** 		 Header navigation START 		  *****/

/* MAIN navigation uses bootstrap and is center aligned using tables - in mobile screensize, logo is displayed as a absolute block*/
/*logo width -> add z-index so megamenu doesnt cover it - use absolute position to align with hamburger menu*/
#masthead .site-branding{
	position:absolute;
	display:block;
	z-index: 557;
	margin-top:8px;
}

#masthead .mega-remove-pointer-actions > a{
	pointer-events:none;
}

/*site title styles overrides and remove bootstrap padding*/
#masthead .site-title-container{
	padding-right:0;
}
#masthead h1.site-title{
	margin:0 0 0 10px;
}

/*center aligns site logo*/
#masthead h1.site-title img{
	display:block;
	min-width: 199px;
	max-width: 199px;
}

/* remove paddings from from support and main navigation containers*/
#masthead .container{
	padding:0;
}

/*second navigation background*/
#masthead .support-nav-container,
#masthead #mega-menu-wrap-support_navigation {
	background-color: #4e5164;
}

/* Support vaigation styling*/
.support-nav{
	width:100%;
}

/* Set Navigation text color */
.nav-menu--primary ul li a,
.nav-menu--primary li a,
.nav-menu--primary ul li a:hover,
.nav-menu--primary li a:hover,
.primary-menu-toggle,
.searchform--header__submit,
.searchform--header__input {
	color: #4E5164;
}

/* Add background color for talent bank menu item */
#site-navigation #mega-menu-primary .mega-talent-bank {
	background: #FADBC0 !important;
}

/* Hide post a listing link when posting a listing */
body.jata-ilmoitus .mega-post-listing-link, body.post-a-listing .mega-post-listing-link, body.kassa .mega-post-listing-link, body.checkout .mega-post-listing-link,
body.jata-ilmoitus .mega-cart-link, body.post-a-listing .mega-cart-link, body.kassa .mega-cart-link, body.checkout .mega-cart-link,
body.jata-ilmoitus .mega-shop-link, body.post-a-listing .mega-shop-link, body.kassa .mega-shop-link, body.checkout .mega-shop-link  {
	display: none !important;
}

/* Show post a listing link when order is complete */
body.woocommerce-order-received .mega-cart-link,
body.woocommerce-order-received .mega-shop-link,
body.woocommerce-order-received .mega-post-listing-link {
	display: inline-block !important;
}

/* Set background color for post a listing navigation links container */
.mega-post-listing-link {
	background: #008CCE !important;
}

/* Set padding for post a listing navigation links */
.mega-post-listing-link a {
	padding: 0 1em !important;
}

/* Keep cart and shot navigation links on the left */
.mega-cart-link,
.mega-shop-link {
	float: left !important;
	clear: none !important;
}

/* For advertiser menu-item */
#site-navigation #mega-menu-primary #mega-menu-item-33019 .mega-sub-menu li a,
#site-navigation #mega-menu-primary #mega-menu-item-35251 .mega-sub-menu li a,
#site-navigation #mega-menu-primary #mega-menu-item-35238 .mega-sub-menu li a,
#site-navigation #mega-menu-primary #mega-menu-item-35250 .mega-sub-menu li a {
	background: #00aeff !important;
}

#site-navigation #mega-menu-primary .mega-sub-menu li.mega-product-details-link a {
	font-size: 13px !important;
}

/* For advertiser menu-item */
#site-navigation #mega-menu-primary #mega-menu-item-33019 .mega-sub-menu li a:hover,
#site-navigation #mega-menu-primary #mega-menu-item-35251 .mega-sub-menu li a:hover,
#site-navigation #mega-menu-primary #mega-menu-item-35238 .mega-sub-menu li a:hover,
#site-navigation #mega-menu-primary #mega-menu-item-35250 .mega-sub-menu li a:hover {
	background: #009de6 !important; 
}

@media (min-width: 1001px) {
	/* For advertiser menu-item - background color */
	#site-navigation #mega-menu-primary #mega-menu-item-33019,
	#site-navigation #mega-menu-primary #mega-menu-item-35251,
	#site-navigation #mega-menu-primary #mega-menu-item-35238,
	#site-navigation #mega-menu-primary #mega-menu-item-35250 {
		border: 0;
		background: #008CCE;
	}

	/* For advertiser menu-item - text color */
	#site-navigation #mega-menu-primary #mega-menu-item-33019 a,
	#site-navigation #mega-menu-primary #mega-menu-item-35251 a,
	#site-navigation #mega-menu-primary #mega-menu-item-35238 a,
	#site-navigation #mega-menu-primary #mega-menu-item-35250 a {
		color: white;
	}

	
	/* Advertiser sub menu FI */
	#site-navigation #mega-menu-primary #mega-menu-item-33019 .mega-sub-menu,
	#site-navigation #mega-menu-primary #mega-menu-item-35238 .mega-sub-menu {
		width: 137px;
	}

	/* Advertiser sub menu EN */
	#site-navigation #mega-menu-primary #mega-menu-item-35251 .mega-sub-menu,
	#site-navigation #mega-menu-primary #mega-menu-item-35250 .mega-sub-menu {
		width: 145px;
	}

}

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

	/* use max width so we dont override original stylings for container */
	#masthead .container {
		max-width: none;
		margin: auto;
	}

}

/* Search bar Frontpage styling for 768 and smaller */
@media screen and (min-width: 992px) {

	/* display logo inline with links, remove absolute position */
	#masthead .site-branding{
		position:relative;
		margin-top:0;
	}

	#masthead h1.site-title{
		margin:0;
	}

	/*align bootstrap content */
	#masthead .center-align-nav{
		display: table-cell;
		vertical-align: middle;
		float: none;
	}

}


/***** 		 Header navigation STOP 		  *****/
/**************************************************/


/*******************************************/
/******** Frontpage -styling START *********/

/* Center featured job image */

.job-spotlight__featured-image a, .job-spotlight__featured-image img, .resume-spotlight__featured-image a, .resume-spotlight__featured-image img {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	min-width: 90%;
	display: block;
	max-width: 90%;
	margin: 0 auto;
	margin-top: 1em;
}

/* Search bar Frontpage styling for small width */
body.home.page div.search_jobs div.search_submit input[type=submit]#vacancies {
	margin-bottom: 2%;
}

/*
* Set styling for front page job/training search form.
*/

body.home.page section.widget_frontpage_search_form {
	margin: 0;
	width: 100%;
	background-color: #E77C1B;
}

/* Front page header image. */
body.home.page section.widget_frontpage_search_form .frontpage_search_form_image {
	width: 100%;
	margin: 0;
	background-color: #E77C1B;
	text-align: center;
	padding: 20px 0;
}

body.home.page section.widget_frontpage_search_form .frontpage_search_form_image img {
	max-height: 100px;
}

/* Remove background from button area. */
body.home.page section.widget_frontpage_search_form .search_jobs {
	background-color: transparent;
}

/* Set styling for frontpage search container */
body.home.page section.widget_frontpage_search_form .container {
	width: 100%;
	background-color: #E77C1B;
	/*border-radius: 4px;
	-webkit-box-shadow: 0px 6px 13px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 6px 13px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 6px 13px 1px rgba(0,0,0,0.2);*/
	padding-bottom: 10px;
}
/* header style */
body.home.page section.widget_frontpage_search_form .container h2 {
	font-family: 'Amatic SC', bold;
	font-size: 3.5em;
	color: #FFF;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 0;
	text-align: center;
}

/* Search box container padding removal */
body.home.page section.widget_frontpage_search_form .container.search_jobs_container {
	padding: 0;
}

/* Remove shadow box from search and set padding */
body.home.page section.widget_frontpage_search_form .container .search_jobs {
	box-shadow: none;
	padding: 1.5em 0 0.9em 0;
}

/* size of locator button in search field */
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_location {
	padding-left: 12%;
}

/* Set frontpage search field margins and width */
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_keywords,
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_location,
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit > button {
	margin-bottom: 0.6em;
	position: relative;
	float: left;
	width: 100%;
	border-radius: 8px;
}

body.home.page section.widget_frontpage_search_form .container .search_jobs .search_location input {
	border-radius: 0 8px 8px 0 !important;
}

/* Set styling for search inputs */
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_keywords input,
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_location input {
	border: 0;
	border-radius: 0;
	color: #4e5164;
	font-weight: 600;
	height: 45px;
	line-height: 45px;
	padding: 0 1em;
	/*-webkit-box-shadow: inset 1px -2px 15px -7px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 1px -2px 15px -7px rgba(0,0,0,0.5);
	box-shadow: inset 1px -2px 15px -7px rgba(0,0,0,0.5);*/
}

/* Set search buttons */
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit .search_vacancies_button,
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit .search_education_button {
	border-width: 2px;
	border-style: solid;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 45px;
	line-height: 45px;
	padding: 0;
	text-align: center;
	width: 100%;
	-webkit-transition: background ease-in-out .3s, color ease-in-out .3s;
	-moz-transition: background ease-in-out .3s, color ease-in-out .3s;
	transition: background ease-in-out .3s, color ease-in-out .3s;
	-webkit-box-shadow: 0px 3px 7px 1px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 3px 7px 1px rgb(0 0 0 / 30%);
}

/* Set search vacancies button */
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit .search_vacancies_button {
	background: #008CCE;
	border-color: #008CCE;
	color: #fff;
}

/* Search vacancies button hover */
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit .search_vacancies_button:hover {
	background: #fff;
	color: #008CCE;
	text-decoration: none;
}

/* Set search education button */
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit .search_education_button {
	background: #484b5c;
	border-color: #484b5c;
	color: #fff;
}

/* Search education button hover */
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit .search_education_button:hover {
	background: #fff;
	color: #484b5c;
	text-decoration: none;
}

/* Search buttons arrows */
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit .search_vacancies_button span,
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit .search_education_button span {
	font-family: "Ionicons" !important;
	font-size: 27px;
	font-weight: 400;
	height: 45px;
	width: 26px;
	margin-left: 5px;
}

/*
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit > button::after {
	display: inline-block;
	color: #fff;
	content: "\f30f";
	font-family: "Ionicons" !important;
	font-size: 27px;
	font-weight: 400;
	height: 45px;
	line-height: 45px;
	text-align: right;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	vertical-align: bottom;
	width: 26px;
}
*/

/* Search buttons vacancies arrow hover color.
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit > button.search_vacancies_button:hover::after {
	color: #008CCE
}

/* Search buttons education arrow color 
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit > button.search_education_button::after {
	color: #fff;
}

/* Search buttons education arrow hover color.
body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit > button.search_education_button:hover::after {
	color: #484b5c;
}
*/

/* Placeholder changes */
body.home.page section.widget_frontpage_search_form .container .search_jobs > div input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-weight: 400;
	opacity: 1;
	-webkit-opacity: 1;
	-khtml-opacity: 1;
	color: rgba(78, 81, 100,0.8);
}
body.home.page section.widget_frontpage_search_form .container .search_jobs > div input[type="text"]::-moz-placeholder { /* Firefox 19+ */
	font-weight: 400;
	opacity: 1;
	color: rgba(78, 81, 100,0.8);
}
body.home.page section.widget_frontpage_search_form .container .search_jobs > div input[type="text"]:-ms-input-placeholder { /* IE 10+ */
	font-weight: 400;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	color: rgba(78, 81, 100,0.8);
}
body.home.page section.widget_frontpage_search_form .container .search_jobs > div input[type="text"]:-moz-placeholder { /* Firefox 18- */
	font-weight: 400;
	opacity: 1;
	-webkit-opacity: 1;
	-khtml-opacity: 1;
	color: rgba(78, 81, 100,0.8);
}

/* Placeholder changes - hide placeholder text when input is clicked*/
body.home.page section.widget_frontpage_search_form .container .search_jobs > div input[type="text"]:focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	color:transparent;
}
body.home.page section.widget_frontpage_search_form .container .search_jobs > div input[type="text"]:focus::-moz-placeholder { /* Firefox 19+ */
	color:transparent;
}
body.home.page section.widget_frontpage_search_form .container .search_jobs > div input[type="text"]:focus:-ms-input-placeholder { /* IE 10+ */
	color:transparent;
}
body.home.page section.widget_frontpage_search_form .container .search_jobs > div input[type="text"]:focus:-moz-placeholder { /* Firefox 18- */
	color:transparent;
}

/* Links at the bottom of the search form. */
body.home.page section.widget_frontpage_search_form .search_form_links_container {
	background-color: #4e5164;
}

body.home.page section.widget_frontpage_search_form .search_form_links {
	max-width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 10px;
}

/* Links arrows. */
body.home.page section.widget_frontpage_search_form .search_form_links a::before {
	display: inline-block;
	color: #fff;
	content: "\f30f";
	font-family: "Ionicons" !important;
	font-size: 27px;
	font-weight: 400;
	height: 45px;
	line-height: 45px;
	text-align: left;
	vertical-align: bottom;
	width: 26px;
}

body.home.page section.widget_frontpage_search_form .search_form_links a {
	color: #fff;
	font-size: 1.1em;
	height: 45px;
	line-height: 45px;
}

/* Header and links at the bottom of the search, mobile styling. */
@media screen and (max-width: 992px) {
	body.home.page section.widget_frontpage_search_form h2 {
		font-size: 2em !important;
	}
	body.home.page section.widget_frontpage_search_form .search_form_links {
		max-width: 100%;
		flex-wrap: wrap;
	}
	body.home.page section.widget_frontpage_search_form .search_form_links a {
		width: 100%;
		font-size: 0.9em;
	}
}

/* Key listings section. */
body.home.page section.widget_key_listing_widget {
	margin-top: 50px;
}

body.home.page section.widget_key_listing_widget .widget-title {
	color: #008cce;
	font-size: 2.2em;
}

/* Banner widget section */
body.home.page section.widget_banner_widget {
	margin: 2.5em auto;
}

/* Frontpage banner container */
body.home.page .banner-container {
	max-width: 1200px;
	margin: 0 auto;
	height: 120px;
	display: none;
}

/* Mobile banner container */
body.home.page .banner-container-mobile {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	padding: 0 5% 0 5%;
	margin-left: 2px;
	margin-right: 2px;
	height: 300px; /* This works for our current banner sizes */
}

/* Banner slick track */
body.home.page .banner-container .slick-track,
body.home.page .banner-container-mobile .slick-track {
  display: flex;
}

/* Center elements vertically */
body.home.page .banner-container .banner-list .banner-list-element,
body.home.page .banner-container-mobile .banner-list-mobile .banner-list-element {
  display: flex;
  height: auto;
  align-items: center;
  justify-content: center;
}

/* Remove paddings from banner lists */
body.home.page .banner-container ul.banner-list,
body.home.page .banner-container-mobile .banner-list-mobile {
	padding: 0;
}

/* Banner image */
body.home.page .banner-container img {
	max-width: 100%;
	max-height: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Banner mobile image */
body.home.page .banner-container-mobile img {
	max-width: 100%;
	max-height: 300px;
	height: auto;
	width: auto;
}

/* Hide banners */
body.home.page .banner-container .banner-list,
body.home.page .banner-container-mobile .banner-list-mobile {
	display: none;
}

body.home.page .banner-container .banner-list .banner-list-element a,
body.home.page .banner-container-mobile .banner-list-mobile .banner-list-element a {
	display: inline-block;
	pointer-events: auto;
}

/* Center banner elements */
body.home.page .banner-container .banner-list .banner-list-element,
body.home.page .banner-container-mobile .banner-list-mobile .banner-list-element {
	text-align: center;
	pointer-events: none;
}

/* Set max height for banner */
body.home.page .banner-container .banner-list .banner-list-element {
	max-height: 120px;
}

/* Display banners when they are loaded */
body.home.page .banner-container .banner-list.visible,
body.home.page .banner-container-mobile .banner-list-mobile.visible {
	display: block;
}

/* Margin to slides */
body.home.page .banner-container ul.banner-list .slick-slide,
body.home.page .banner-container-mobile .banner-list-mobile .slick-slide {
	padding: 0 1px;
	box-sizing: border-box;
}

@media screen and (min-width: 768px) {
	body.home.page .banner-container {
		margin: 0 auto;
		height: auto;
	}

	/* Frontpage banner container */
	body.home.page .banner-container {
		display: block;
		max-width: 95%;
	}

	/* Mobile banner container */
	body.home.page .banner-container-mobile {
		display: none;
	}
}

@media screen and (min-width: 1000px) {
	body.home.page .banner-container {
		max-width: 100%;
		height: 120px;
	}
}

@media screen and (min-width: 1200px) {
	body.home.page .banner-container {
		max-width: 1200px;
	}
}

/* Frontpage banner styling end */


/* Frontpage link container to most popular employers in Finland
body.home.page section.widget_frontpage_search_form .container .link-to-sstn {
	float: right;
	margin-top: -10px;
	margin-bottom: 10px;
	margin-right: 3px;
}*/

/* Frontpage link to most popular employers in Finland
body.home.page section.widget_frontpage_search_form .container .link-to-sstn a {
	color: #fff;
	cursor: pointer;
}*/

/* Frontpage footer - Post a listing section. */
body.home.page .widget_custom_html {
	display: block;
	background-color: #bde0f9;
	margin: 0;
	padding: 20px 0;
	max-width: inherit;
}

body.home.page .widget_custom_html h3 {
	display: none;
}

body.home.page .widget_custom_html .custom-html-widget {
	max-width: 1000px;
	margin: auto;
}

.rekrytointicom-callout-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	color: #2d2f3a;
}

.rekrytointicom-callout-container .callout-action {
	margin-left: auto;
}

.rekrytointicom-callout-container div {
	padding: 0 10px;
}

.rekrytointicom-callout-container .callout-title {
	font-weight: 700;
	font-size: 1.5em;
}

.rekrytointicom-callout-container .callout-description {
	font-size: 1.1em;
}

.rekrytointicom-callout-container .callout-action .button {
	border: 2px solid #008cce;
	border-radius: 8px;
	background-color: #008cce;
	padding: 10px 20px;
}

.rekrytointicom-callout-container .callout-action .button:hover,
.rekrytointicom-callout-container .callout-action .button:focus {
	background-color: #fff;
	border-color: #008cce;
	color: #008cce;
}

@media screen and (max-width: 992px) {
	.rekrytointicom-callout-container {
		flex-wrap: wrap;
	}
	.rekrytointicom-callout-container div {
		text-align: center;
		flex: 100%;
	}
	.rekrytointicom-callout-container .callout-action {
		padding-top: 10px;
	}
}

/* Footer - Create listing button container callout
body.home.page .jobify_widget_callout .container .callout-container {
	padding: 0;
	border: none;
	border-radius: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	color: #2d2f3a;
	padding-top: 50px;
	padding-bottom: 50px;
} */

/* Footer - Create listing button container description
body.home.page .jobify_widget_callout .container .callout-container .callout-description {
	font-size: 1.2em;
	padding-bottom: 1em;
} */

/* Footer - Create listing button container action button
body.home.page .jobify_widget_callout .container .callout-container .callout-action .button {
	background-color: #008CCE;
} */

/* Footer - Create listing button container action button arrow 
body.home.page .jobify_widget_callout .container .callout-container .callout-action .button::after {
	display: inline-block;
	font-family: "Ionicons" !important;
	content: "\f30f";
	font-size: 27px;
	color: #fff;
	width: 26px;
	height: 45px;
	text-align: right;
	line-height: 45px;
	vertical-align: sub;
} */

/* Color of links
body.home.page section.widget_frontpage_search_form .advertiser_link_text_desktop a,
body.home.page section.widget_frontpage_search_form .advertiser_link_text_mobile a {
	color: white;
}*/

/* Hide desktop link in mobile
body.home.page section.widget_frontpage_search_form .advertiser_link_text_desktop {
	display: none;
}*/

/* Move advertiser mobile link to right corner
body.home.page section.widget_frontpage_search_form .advertiser_link_text_mobile a,
body.home.page section.widget_frontpage_search_form .advertiser_link_text_mobile {
		float: right;
}*/

/* advertiser mobile link
body.home.page section.widget_frontpage_search_form .advertiser_link_text_mobile {
	width: 100%;
}*/

/* Search bar Frontpage styling for 768 and smaller */
@media screen and (max-width: 992px) {

	/* Footer - Create listing button container callout */
	body.home.page .jobify_widget_callout .container .callout-container {
		text-align: center;
	}

	/*give some margin to elements belove when stuff collapse*/
	body.home.page .jobify_widget_callout .container .callout-container p{
		margin-bottom: 10px;
	}
	/*set button width to auto when smaller screen */
	body.home.page .jobify_widget_callout .container .callout-container .callout-action .button {
		width:auto;
	}

}

/* Search bar Frontpage styling for 675 and up */
@media screen and (min-width: 675px) {
	/* Footer - Create listing button container callout */
	body.home.page .jobify_widget_callout .container .callout-container {
		background-size: 100%;
	}
}

/* Search bar Frontpage styling for 768 and up */
@media screen and (min-width: 768px) {

	/* Background image not in use. */
	/* front page search form - more padding */
	/*body.home.page section.widget_frontpage_search_form.fi{
 		padding: 120px 0;
 		background-image: url('assets/images/frontpage/rekrytointicom-kiikarit.jpg');
 		background-position: 6% 2%;
	}*/

	/* front page search form - more padding */
	/*body.home.page section.widget_frontpage_search_form.en{
 		padding: 120px 0;
 		background-image: url('assets/images/frontpage/rekrytointicom_toimisto1.jpeg');
	}*/

	/* Set search wrapper padding */
	body.home.page section.widget_text .container .search_jobs {
		padding: 2.5em 0 1.9em 0;
	}
	/* Set search field widths */
 	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_keywords,
 	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_location,
 	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit .search_vacancies_button,
 	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit .search_education_button, {
 		width: 48%;
 	}
	/* Set search vacancies floating and margin */
 	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit .search_vacancies_button {
 		float: left;
 		margin-right: 2%;
 	}
 	/* Set search education floating and margin */
 	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit .search_education_button {
 		float: left;
 	}

	/* New vacancies styling on frontpage - style job_listing-position width */
	body.home.page section.widget .container .job_listings .job_listing .job_listing-about .job_listing-position {
		width: 100%;
	}
	/* New vacancies styling on frontpage - style job_listing-meta width */
	body.home.page section.widget .container .job_listings .job_listing .job_listing-about .job_listing-meta {
		width: 100%;
	}
	/* Set frontpage search field widths */
	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_keywords,
	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_location {
		width: 48%;
	}
	/* size of locator button in search field */
	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_location {
		padding-left: 5%;
	}

}

/* Search bar Frontpage styling for 992 and up */
@media screen and (min-width: 992px) {

	/* adjust forntpage searchform background in small desktops screens */
	body.home.page section.widget_frontpage_search_form {
		background-position: center bottom 83%;
	}

	/* Set search field widths and margins */
 	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_keywords,
 	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_location {
 		margin-left: 2%;
 		margin-right: 0;
 		width: 23.5%;
 	}
 	/* Margin removed from first search field */
 	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_keywords {
 		margin-left: 0;
 	}
 	/* size of locator button in search field */
	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_location {
		padding-left: 3.9%;
	}
	/* Display as flex to get content centered. */
	body.home.page section.widget_frontpage_search_form .search_jobs {
		display: flex;
		justify-content: center;
	}
 	/* Margin and width for search buttons wrapper */
 	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit {
 		margin-left: 2%;
 		/* Education button not in use. */
		/* width: 49%; */
		width: 25%;
 	}
 	/* Set search button widths and margins */
 	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit .search_vacancies_button,
 	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit .search_education_button {
 		margin-left: 4%;
 		margin-right: 0;
		/* Education button not in use. */
 		/* width: 48%; */
		width: 100%;
 	}
 	/* Margin removed from first search button */
 	body.home.page section.widget_frontpage_search_form .container .search_jobs .search_submit .search_vacancies_button {
 		margin-left: 0;
 	}
	/* Footer - Create listing button container remove paddin bottom */
	body.home.page .jobify_widget_callout .container .callout-container .callout-description {
		padding-bottom: 0;
	}

	/* Display advertiser link in desktop in right up corner */
	body.home.page section.widget_frontpage_search_form .advertiser_link_text_desktop {
		display: block;
		float: right;
		margin-top: -7em;
	}

	/* Hide mobile link for advertiser in desktop */
	body.home.page section.widget_frontpage_search_form .advertiser_link_text_mobile {
		display: none;
	}
}

@media screen and (max-width: 992px) {
	/* Make header text smaller on mobile. */
	body.home.page section.widget_frontpage_search_form h2 {
		font-size: 2em !important;
	}
}

/* Remove footters top margin */
body.home.page .footer-cta {
	margin-top: 0;
}

/******** Frontpage -styling STOP **********/
/*******************************************/


/*** 	Breadcrumb styling START	****/
/***************************************/

.breadcrumb {
	background-color: #f6f5f2;
	color: #b3b3b2;
	text-align: center;
	padding: 8px;
	z-index: 10;
	position: relative;
}

.breadcrumb a {
	color: #b3b3b2;
}

/*** 	Breadcrumb styling STOP	   ****/
/**************************************/


/**********************************/
/***  Job search styling START  ***/

/* override jobify styles so over 1k numbers are displayd inside cluster circle */
.cluster div {
	width: 41px!important;
	height: 41px!important;
	line-height: 41px!important;
}

/* center align map bubble content */
.map-marker-info {
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* multiple items on map bubble (aka clusters) - add spacing and line */
.cluster-items .map-marker-info a {
	border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.cluster-items .map-marker-info h3 {
    padding-top: 8px;
}

/* last cluster item no border */
.cluster-items .map-marker-info:last-child {
	border: 0;
}

/* Current location option bellow location bar */
.current-location-option {
	position: absolute;
    top: 45px;
    right: 0;
    background: #fff;
    padding: 15px;
    box-shadow: 0 3px 4px rgba(0,0,0,.21);
    z-index: 1000;
    border-top: 1px solid #d9d9d9;
    font-family: Arial,sans-serif !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: default;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    font-size: 14px;
    padding: 5px 10px;
    font-weight: 500;
    color: #000;
}
/* Icon for current location option */
.current-location-option span::before {
	content: '\f456';
	color: #4e5164;
    display: inline-block;
    font-family: "Ionicons" !important;
    font-size: 21px;
    width: 11px;
    height: 20px;
    margin-right: 10px;
    vertical-align: top;
}

/* Hover for current location option */
.current-location-option:hover {
	background-color: #f7f6f3 !important;
}

/* When option is selected */
.current-location-selected {
	background-color: #ebf2fe;
}

.job_filters .current-location-option {
	left: 13.2% !important;
}

.frontpage_search_form .current-location-option {
	left: 12.6%;
}

@media screen and (min-width: 768px) {
	.job_filters .current-location-option {
		left: 13.3% !important;
	}

	.frontpage_search_form .current-location-option {
		left: 10.9%;
	}
}

/* Set bottom border for job type */
@media screen and (min-width: 992px) {
	.job_types li {
		border-width: 0 1px 1px 0;
	}
	.job_types li:last-child {
		border-bottom: 1px solid #ccc;
	}

	.job_filters .current-location-option {
		left: 13.2% !important;
	}

	.frontpage_search_form .current-location-option {
		left: 17.2%;
	}

	/* hide map toggle button in desktop */
	/* Removed temporarily - waiting for map fix
	#job_filters_form .listings-map-toggle-container{
		display: none;
	}
	*/
}

@media screen and (min-width: 1200px) {
	.job_filters .current-location-option {
		left: 13.6% !important;
	}

	.frontpage_search_form .current-location-option {
		left: 17.3%;
	}
}

/* Set line-height for tags */
.job_filters .search_jobs .filter_by_tag a,
.job_filters .search_resumes .filter_by_tag a {
	line-height: 1;
	display: inline-block;
	margin: 2px 0px;
}

/* Wrapper changes -> to make search 100% */
.site-main .rekrytointicom-search-job-page .container {
	margin-top: 0;
	max-width: 100%;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

/* easy-social-share widget is nice... */
.site-main .rekrytointicom-search-job-page .entry-content > p,
.site-main .rekrytointicom-search-job-page .entry-content > br {
	display: none;
	height: 0;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
}

/* Element widths and centerization for full screen */
.site-main .rekrytointicom-search-job-page ul.job_listings,
.site-main .rekrytointicom-search-job-page .listings-map-toggle-container,
.site-main .rekrytointicom-search-job-page .search_jobs,
.site-main .rekrytointicom-search-job-page .load_more_jobs,
.site-main .rekrytointicom-search-job-page .osaajapankki-container,
.site-main .rekrytointicom-search-job-page .alasivu-bottom-image-container {
	margin: 0 15px;
	max-width: 100%;
}

/* Set margin top for load more jobs button */
.site-main .rekrytointicom-search-job-page .load_more_jobs {
	margin-top: 1em;
}

/* Margin top for listing list */
.site-main .rekrytointicom-search-job-page ul.job_listings {
	margin-top: 1.2em;
}

/* Showing jobs margin setup */
.site-main .showing_jobs {
	margin: 0 auto 0 auto;
	max-width: 100%;
}

/* Showing jobs padding for mobile setup */
.site-main .rekrytointicom-search-job-page .showing_jobs {
	padding: 0 15px 0 15px;
}

/* Search fields wrapper setup */
.job_filters .search_jobs-wrapper {
	background: #ED7004;
	display: none;
	margin: 0;
	padding: 0 0 35px 0;
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 1000000;
	width: 100%;
	overflow-y: scroll;
}

.job_filters .search_jobs-wrapper[aria-hidden="true"] { display: none; }
.job_filters .search_jobs-wrapper[aria-hidden="false"] { display: block; }

/* Search fields inner container paddings */
.job_filters .search_jobs {
	box-shadow: none;
	padding: 1.5em 0 1.9em 0;
}

/* List heading container */
.list-heading-container {
	position: relative;
	background: #fff;
	margin: 0 -15px;
	padding: 0 15px;
}

/* List page header image container (hide on mobiel) */
.list-heading-image-container .list-page-header-image {
	display: none;
	margin: 0;
}

/* List page header image */
.list-heading-image-container .list-page-header-image img {
	max-width: 2100px;
	margin-left: 50%;
	transform: translateX(-50%);
}

/* Styling for toggling map in list search */
.listings-map-toggle-container{
	margin: 0;
	background: #fff;
	z-index: 5;
	position: relative;
}

/* Styling for toggling map in list search on 404 page */
.error404 .listings-map-toggle-container {
	margin-left: 1em;
}

/* half circle bg for map toggle button */
.listings-map-toggle{
	text-align: center;
}

/* hide show map button below count in mobile */
.showing_jobs .listings-map-toggle{
	display: none;
}

/* Toggle map on listings list page */
.listings-map-toggle span{
	color: #fff;
	position: relative;
	z-index: 10;
	background-color: #C75A00;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	cursor: pointer;
	padding: 10px 0;
	border-radius: 8px;
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 1em;
	max-width: 425px;
    width: 100%;
}
/* Toggle map on listings list page hover */
.listings-map-toggle span:hover {
	background-color: #ce6713;
}

/* icon for map toggle */
.listings-map-toggle span::before{
	font-family: ionicons;
	color: #ED7004;
	content: '\f38c';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 42px;
	z-index: -1;
}
/* Remove focus dots */
.listings-map-toggle a:focus {
	outline: none;
}
/* Remove focus blue line */
.listings-map-toggle span:focus {
	outline: none;
}
/* Search field widths - always visible row */
#page .job_filters .search_jobs div.search_keywords,
#page .job_filters .search_jobs div.search_location,
#page .job_filters .search_jobs div.gjm-filters-wrapper,
#page .job_filters .search_jobs div.search_submit {
	float: left;
	margin: 0 0 0.6em 0;
	max-width: 100%;
	padding: 0;
	width: 100%;
	position: relative;
}
/* Search submit container mobile */
#page .job_filters .search_jobs div.search_submit {
	position: fixed;
	bottom: 0;
	margin: 0;
	margin-left: -15px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	box-shadow: none;
	background-color: #fff;
	/*background-image: linear-gradient(rgba(237,112,4, 0.0), #ed7004);
	background-image: -ms-linear-gradient(top,rgba(237,112,4,0) 0%,rgba(237,112,4,0.9) 40%);
	background-image: -moz-linear-gradient(top,rgba(237,112,4,0) 0%,rgba(237,112,4,0.9) 40%);
	background-image: -webkit-linear-gradient(top,rgba(237,112,4,0) 0%,rgba(237,112,4,0.9) 40%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(237,112,4,0)),color-stop(40%,rgba(237,112,4,0.9)));
	background-image: linear-gradient(top,rgba(237,112,4,0) 0%,rgba(237,112,4,0.9) 40%);*/
}
/* Search submit container mobile inner container */
#page .job_filters .search_jobs div.search_submit div.search_submit_inner_container {
	display: flex;
	flex-direction: row-reverse;
	text-align: center;
}
/* Keywords field left margin removal */
#page .job_filters .search_jobs div.search_keywords {
	margin-left: 0;
	position: relative;
}

/* Search location padding for dynamic icon */
#page .job_filters .search_jobs div.search_location {
	padding-left: 12.9%;
}
/* Distance field setup */
#page .job_filters .search_jobs div.gjm-filters-wrapper > .gjm-filter-wrapper {
	float: none;
	font-size: 0;
	margin: 0;
}
/* Select field styling for the brief moment it might show */
#page .job_filters .search_jobs div.gjm-filters-wrapper > .gjm-filter-wrapper select {
	background: transparent;
	font-weight: 600;
	height: 45px;
	line-height: 25px;
}
/* Distance field select2 setup */
#page .job_filters .search_jobs div.gjm-filters-wrapper > .gjm-filter-wrapper .select2-container--uranus {
	font-size: 16px;
	border: 0;
	border-radius: 0;
	padding: 0;
}
/* Distance field select2 border fix */
#page .job_filters .search_jobs div.gjm-filters-wrapper > .gjm-filter-wrapper .select2-container--uranus .select2-selection {
	background: transparent;
	border-radius: 0;
	border: 0;
    overflow: hidden;
    padding: 10px 48px 10px 14px;
}
/* Distance field select2 line-height fix */
#page .job_filters .search_jobs div.gjm-filters-wrapper > .gjm-filter-wrapper .select2-container--uranus .select2-selection__rendered {
    line-height: 25px;
    padding: 0px 48px 0px 8px;
}

/* Placeholder text changes */
.job_filters .search_jobs > div input[type="text"]::-webkit-input-placeholder,
.job_filters .search_jobs > div input[type="search"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-weight: 600;
	opacity: 1;
	-webkit-opacity: 1;
	-khtml-opacity: 1;
	color: rgba(78, 81, 100,1);
}
.job_filters .search_jobs > div input[type="text"]::-moz-placeholder,
.job_filters .search_jobs > div input[type="search"]::-moz-placeholder { /* Firefox 19+ */
	font-weight: 600;
	opacity: 1;
	color: rgba(78, 81, 100,1);
}
.job_filters .search_jobs > div input[type="text"]:-ms-input-placeholder,
.job_filters .search_jobs > div input[type="search"]:-ms-input-placeholder { /* IE 10+ */
	font-weight: 600;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	color: rgba(78, 81, 100,1);
}
.job_filters .search_jobs > div input[type="text"]:-moz-placeholder.
.job_filters .search_jobs > div input[type="search"]:-moz-placeholder { /* Firefox 18- */
	font-weight: 600;
	opacity: 1;
	-webkit-opacity: 1;
	-khtml-opacity: 1;
	color: rgba(78, 81, 100,1);
}

/* Search field colorization for always visible fields */
.job_filters .search_jobs div.gjm-filters-wrapper > .gjm-filter-wrapper {
	background: #f7f6f3;
	color: #4e5164;
	font-weight: 600;
	height: 45px;
	line-height: 45px;
	padding: 0;
}
.job_filters .search_jobs > div input[type="text"] {
	background: #f7f6f3;
	border: 0;
	border-radius: 0;
	color: #4e5164;
	font-weight: 600;
	height: 45px;
	line-height: 45px;
	padding: 0 1em;
}
/* Hide the default arrow */
.job_filters .search_jobs > .gjm-filters-wrapper select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
/* hide the default arrow in ie10 and ie11 */
.job_filters .search_jobs > .gjm-filters-wrapper select::-ms-expand {
    display: none;
}
/* For IE10 and above to remove blue hightlight */
.job_filters .search_jobs > .gjm-filters-wrapper select:focus::-ms-value {
	background-color: inherit;
}
/* Distance field arrow setup */
.job_filters .search_jobs > .gjm-filters-wrapper .select2::after {
	content: "\f123";
	position: absolute;
	font-family: Ionicons;
	font-size: 24px;
	color: #4e5164;
	top: 0;
	right: 0;
	width: 40px;
	height: 45px;
	pointer-events: none;
	text-align: center;
	line-height: 45px;
	background: 0 0;
	padding-right: 10px;
	font-weight: 400;
}


/********************************************/
/******** TAGGLE -styling START *************/

/* Taggle keyword container styling */
#page .search_jobs div.search_keywords {
	background: #f7f6f3;
	cursor: text;
}

/* Taggle keyword container styling single listing fixed bottom bar */
#page .widget_job_apply_fixed_bottom div.search_keywords {
	cursor: text;
}

/* Taggle keyword container styling job alert page */
#page div.alert_keyword {
	background: none;
	cursor: text;
	position: relative;
}

/* Taggle keyword search field styling */
#page .search_jobs div.search_keywords .taggle_list,
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_list,
#page div.alert_keyword .taggle_list {
	float: left;
	padding: 0;
	padding-left: 16px;
	margin: 0;
	width: 100%;
	cursor: text;
	display: flex;
	overflow: auto;
	overflow-x: hidden;
	list-style-type: none;
}

/* Taggle Styling for job alert keyword field */
#page div.alert_keyword .taggle_list {
	background: #f7f6f3;
	border: 1px solid #ccc;
	padding: 10px 14px;
}

/* Taggel styling for single listing fixed bottom bar search field */
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_list {
	background-color: #ffffff;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-right: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

/* Taggel insert shadows on frontpage search keyword field */
#page .widget_frontpage_search_form .search_jobs div.search_keywords .taggle_list {
	/*-webkit-box-shadow: inset 1px -2px 15px -7px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 1px -2px 15px -7px rgba(0,0,0,0.5);
    box-shadow: inset 1px -2px 15px -7px rgba(0,0,0,0.5);*/
}

/* Taggle input styling */
#page .search_jobs div.search_keywords .taggle_input,
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_input,
#page div.alert_keyword .taggle_input {
	border: none;
	outline: none;
	font-size: 16px;
	font-weight: 600;
	margin-top: 0;
	padding-top: 2px;
	padding-left: 0;
	float: left;
	background: none;
	width: 100%;
	max-width: 100%;
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Taggel input styling on single listing fixed bottom bar and job alert form page */
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_input,
#page div.alert_keyword .taggle_input {
	font-weight: 400;
	padding: 0;
	width: auto !important;
}

/* Taggle list item styling */
#page .search_jobs div.search_keywords .taggle_list li,
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_list li,
#page div.alert_keyword .taggle_list li {
	float: left;
	white-space: nowrap;
	font-weight: 500;
}

/* Taggle tag styling */
#page .search_jobs div.search_keywords .taggle_list .taggle,
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_list .taggle,
#page div.alert_keyword .taggle_list .taggle {
	margin-right: 4px;
	margin-left: 4px;
	margin-top: 6px;
	margin-bottom: 5px;
	background: #E2E1DF;
	padding: 5px 10px;
	border-radius: 3px;
	position: relative;
	cursor: pointer;
	transition: all .3s;
	-webkit-animation-duration: 1s;
			animation-duration: 1s;
	-webkit-animation-fill-mode: both;
			animation-fill-mode: both;
}

/* Taggle job listing fixed bottom bar search keyword tag */
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_list .taggle {
	padding: 3px 6px;
	margin-right: 4px;
	margin-left: 4px;
	margin-top: -5px;
	margin-bottom: -5px;
}

/* Taggle job alert search keyword tag */
#page div.alert_keyword .taggle_list .taggle {
	margin-top: -7px;
	margin-bottom: -7px;
}

/* Taggle move first tag little bit left */
#page .search_jobs div.search_keywords .taggle_list .taggle:first-of-type,
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_list .taggle:first-of-type,
#page div.alert_keyword .taggle_list .taggle:first-of-type {
	margin-left: -5px;
}

/* Taggel hot */
#page .search_jobs div.search_keywords .taggle_list .taggle_hot,
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_list .taggle_hot,
#page div.alert_keyword .taggle_list .taggle_hot {
	background: #cac8c4;
}

/* Taggle tag close button */
#page .search_jobs div.search_keywords .taggle_list .taggle .close,
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_list .taggle .close,
#page div.alert_keyword .taggle_list .taggle .close {
	font-size: 1.1rem;
	position: absolute;
	top: 5px;
	right: 4px;
	text-decoration: none;
	padding: 0;
	line-height: 0.5;
	color: #ccc;
	color: rgba(0, 0, 0, 0.2);
	padding-bottom: 4px;
	display: none;
	border: 0;
	background: none;
	cursor: pointer;
}

/* Taggel hover on tag */
#page .search_jobs div.search_keywords .taggle_list .taggle:hover,
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_list .taggle:hover,
#page div.alert_keyword .taggle_list .taggle:hover {
	padding: 5px;
	padding-right: 15px;
	background: #ccc;
	transition: all .3s;
}

/* Taggle close tag button hover */
#page .search_jobs div.search_keywords .taggle_list .taggle:hover > .close,
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_list .taggle:hover > .close,
#page div.alert_keyword .taggle_list .taggle:hover > .close {
	display: block;
}

/* Taggle close tag hover */
#page .search_jobs div.search_keywords .taggle_list .taggle .close:hover,
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_list .taggle .close:hover,
#page div.alert_keyword .taggle_list .taggle .close:hover {
	color: #ed7004;
}

/* Taggle placeholder styling */
#page .search_jobs div.search_keywords .taggle_placeholder,
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_placeholder,
#page div.alert_keyword .taggle_placeholder {
	position: absolute;
	color: #4e5164;
	top: 10px;
	font-weight: 600;
	left: 1em;
	transition: opacity, .25s;
	-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
}

/* Taggle placeholder text placement on sigle listing fixed bottom bar */
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_placeholder {
	top: 9px;
	left: auto;
	margin-left: 15px;
}

/* Taggle placeholder text placement on job alert form page */
#page div.alert_keyword .taggle_placeholder {
	top: 9px;
	left: 15px;
}

/* Hide part of taggle */
#page .search_jobs div.search_keywords .taggle_sizer,
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_sizer,
#page div.alert_keyword .taggle_sizer {
	padding: 0;
	margin: 0;
	position: absolute;
	top: -500px;
	z-index: -1;
	visibility: hidden;
}

/* Remove bold from taggle placeholder on certain pages */
#page .widget_frontpage_search_form .search_jobs div.search_keywords .taggle_placeholder,
#page .alasivut-container .search_jobs div.search_keywords .taggle_placeholder,
#page .widget_job_apply_fixed_bottom div.search_keywords .taggle_placeholder,
.error404 #page .search_jobs div.search_keywords .taggle_placeholder,
#page div.alert_keyword .taggle_placeholder {
	font-weight: 400;
}

/******** TAGGLE -styling STOP *************/
/*******************************************/

/* Location div background color */
.job_filters .search_jobs .search_location,
.frontpage_search_form .search_jobs .search_location{
	background: #f7f6f3;
}

.frontpage_search_form .search_jobs .search_location{
	background: #f7f6f3;
	padding-left: 44px;
}
/* Location field darker border between icon and input field */
.job_filters .search_jobs > div.search_location input[type="text"] {
	border-left: 2px solid #ED7004;
	width: 100%;
}
.frontpage_search_form .search_jobs > div.search_location input[type="text"]  {
	border-left: 2px solid #f29a50 !important;
}
/*override plugin style for location search icon  */
body[class*=" jobify"] div.search_jobs.gjm_use i.gjm-locator-btn {
	top: 0;
}
/* Location field icon wrapper setup */
.job_filters .search_jobs .search_location i.gjm-locator-btn,
.job_filters .search_jobs .search_location i.gjm-locator-loader,
.frontpage_search_form .search_jobs .search_location i.gjm-locator-btn,
.frontpage_search_form .search_jobs .search_location i.gjm-locator-loader {
	height: 45px;
	left: 0;
	right: auto !important;
	text-align: center;
	top: 0;
	vertical-align: middle;
	width: 12.9%;
	position: absolute;
}
/* Frontpage fix for the button */
.frontpage_search_form .search_jobs .search_location i.gjm-locator-btn,
.frontpage_search_form .search_jobs .search_location i.gjm-locator-loader {
	width: 12.2%;
}
/* Location field icon setup */
.job_filters .search_jobs .search_location [class*=" gjm-icon-"]:before,
.job_filters .search_jobs .search_location [class^=gjm-icon-]:before,
.frontpage_search_form .search_jobs .search_location [class*=" gjm-icon-"]:before,
.frontpage_search_form .search_jobs .search_location [class^=gjm-icon-]:before {
	color: #4e5164;
	display: inline-block;
	font-family: "Ionicons" !important;
	font-size: 35px;
	line-height: 45px;
	margin: 0;
}
/* Location field target icon */
.job_filters .search_jobs .search_location .gjm-icon-target-1::before,
.frontpage_search_form .search_jobs .search_location .gjm-icon-target-1::before {
	content: '\f456';
	font-size: 27px;
}
/* Location field spin icon */
.job_filters .search_jobs .search_location .gjm-icon-target-1.animate-spin:before,
.frontpage_search_form .search_jobs .search_location .gjm-icon-target-1.animate-spin:before {
	content: '\f459';
	font-size: 30px;
}

.job_filters .search_jobs .search_location .gjm-icon-target-1.animate-spin,
.frontpage_search_form .search_jobs .search_location .gjm-icon-target-1.animate-spin {
	border: 0;
}

/* Location field thin spin icon */
.job_filters .search_jobs .search_location .gjm-icon-spin-thin:before,
.frontpage_search_form .search_jobs .search_location .gjm-icon-spin-thin:before {
	content: '\f459';
	font-size: 30px;
}

.job_filters .search_jobs .search_location .gjm-filter {
	border: 0;
}

/* Search submit button setup mobile */
.job_filters .search_jobs .search_submit_button {
	background: #008CCE;
	border-radius: 8px;
	color: #fff;
	display: block;
	height: 45px;
	line-height: 45px;
	text-align: center;
	width: 61%;
	float: right;
}
/* Search submit button hover effect */
.job_filters .search_jobs .search_submit_button:hover {
	background: #005796;
	text-decoration: none;
}
/* Search submit button arrow at the end */
.job_filters .search_jobs .search_submit_button::after {
	display: inline-block;
	font-family: "Ionicons" !important;
	content: "\f30f";
	font-size: 27px;
	color: #fff;
	width: 26px;
	height: 45px;
	text-align: right;
	line-height: 45px;
	vertical-align: bottom;
}
/* Fixing general outline "bug" for links */
.job_filters .search_jobs .search_submit_button:focus {
	outline: none;
}
/* Search submit button text setup */
.job_filters .search_jobs .search_submit_button > span {
	display: inline-block;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 1em;
	text-transform: uppercase;
}
/* Hide cloned count text from top search bar */
form.job_filters .search_jobs-wrapper .search_jobs .result_count {
	line-height: 1.4;
	margin-right: 6px;
	width: 38%;
	color: #4e5164;
	text-align: right;
	margin-top: auto;
	margin-bottom: auto;
}
/* "Area of Expertise", "Job types" and "Worktime" section setup */
.job_filters .search_jobs .filter_by_tag,
.job_filters .search_jobs .filter_by_job_type,
.job_filters .search_jobs .search_worktime {
	color: #fff;
	text-align: left;
	float: left;
	clear: left;
	margin: 0 0 1em 0;
	width: 100%;
	border: 1px solid rgba(255,255,255,0.5);
    padding: 10px;
    border-radius: 7px;
}
/* Styling for region/expirience/time/language search */
.job_filters .search_jobs .search_regions,
.job_filters .search_jobs .search_type_of_training,
.job_filters .search_jobs .search_published,
.job_filters .search_jobs .search_lang {
	color: #fff;
	border: 1px solid rgba(255,255,255,0.5);
	padding: 10px;
	border-radius: 7px;
}
/* "Show more areas" button setup */
.job_filters .search_jobs .filter_by_tag .filter_by_tag_toggle {
	border: 0;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 1em;
	margin: 0.6em 0 0 0;
	padding: 0;
	text-transform: uppercase;
	line-height: 28px;
}
/* "Show more areas" button plus icon */
.job_filters .search_jobs .filter_by_tag .filter_by_tag_toggle::before {
	display: inline-block;
	font-family: "Ionicons" !important;
	content: "\f2c7";
	font-size: 30px;
	color: #fff;
	width: 24px;
	height: 28px;
	text-align: left;
	line-height: 28px;
	vertical-align: bottom;
}
/* "Show more areas" button minus icon */
.job_filters .search_jobs .filter_by_tag .filter_by_tag_toggle.open::before {
	content: "\f2f4";
}
/* Fixing general outline "bug" for links */
.job_filters .search_jobs .filter_by_tag .filter_by_tag_toggle:focus {
	outline: none;
}
/* "Show more areas" span to match height of the wrapper */
.job_filters .search_jobs .filter_by_tag .filter_by_tag_toggle > span {
	line-height: 28px;
}
/* "Area of Expertise", "Job types" and "Worktime" linkbutton looks */
.job_filters .search_jobs .filter_by_tag_cloud a,
.job_filters .search_jobs .filter_by_job_type a,
.job_filters .search_jobs .search_worktime a,
.job_filters .search_jobs .search_regions a,
.job_filters .search_jobs .search_type_of_training a,
.job_filters .search_jobs .search_published a,
.job_filters .search_jobs .search_lang a {
	border: 1px solid rgba(255,255,255,.5);
	border-radius: 1em;
	color: #fff;
	display: inline-block;
	font-size: 0.889em !important;
	line-height: 1.7em;
	margin: 4px 6px 4px 0;
	padding: 0 14px;
	text-decoration: none;
	transition: all 0s ease 0s;
}
/* Fixing general outline "bug" for links */
.job_filters .search_jobs .filter_by_tag_cloud a:focus,
.job_filters .search_jobs .filter_by_job_type a:focus,
.job_filters .search_jobs .search_worktime a:focus,
.job_filters .search_jobs .search_regions a:focus,
.job_filters .search_jobs .search_type_of_training a:focus,
.job_filters .search_jobs .search_published a:focus,
.job_filters .search_jobs .search_lang a:focus {
	outline: none;
}
/* "Area of Expertise", "Job types" and "Worktime" linkbutton active effect */
.job_filters .search_jobs .filter_by_tag_cloud a.active,
.job_filters .search_jobs .filter_by_job_type a.active,
.job_filters .search_jobs .search_worktime a.active,
.job_filters .search_jobs .search_regions a.active,
.job_filters .search_jobs .search_type_of_training a.active,
.job_filters .search_jobs .search_published a.active,
.job_filters .search_jobs .search_lang a.active {
	background-color: #fff;
	border-color: #fff;
	color: #ee720c;
	transition: all 0s ease 0s;
}
/* "Area of Expertise", "Job types" and "Worktime" linkbutton icon removal */
.job_filters .search_jobs .filter_by_tag_cloud a.active::before,
.job_filters .search_jobs .filter_by_job_type a.active::before,
.job_filters .search_jobs .search_worktime a.active::before,
.job_filters .search_jobs .search_regions a.active::before,
.job_filters .search_jobs .search_type_of_training a.active::before,
.job_filters .search_jobs .search_published a.active::before,
.job_filters .search_jobs .search_lang a.active::before {
	content: "";
	display: none;
	font-size: 0;
	margin: 0;
}
/* "Job types" and "Worktime" checkboxes set to hidden */
.job_filters .search_jobs .filter_by_job_type input[type="checkbox"],
.job_filters .search_jobs .search_worktime input[type="checkbox"],
.job_filters .search_jobs .search_regions input[type="checkbox"],
.job_filters .search_jobs .search_type_of_training input[type="checkbox"],
.job_filters .search_jobs .search_published input[type="radio"],
.job_filters .search_jobs .search_lang input[type="radio"] {
	display: none;
}
/* "Area of Expertise", "Job types" and "Worktime" linkwrapper bottom margin */
.job_filters .search_jobs .filter_by_tag_cloud,
.job_filters .search_jobs .filter_by_job_type > span,
.job_filters .search_jobs .search_worktime > span,
.job_filters .search_jobs .search_regions > span,
.job_filters .search_jobs .search_type_of_training > span,
.job_filters .search_jobs .search_published > span,
.job_filters .search_jobs .search_lang > span {
	display: block;
	margin-top: 0.2em;
}
/* Hide "Area of Expertise", "Job types" and "Worktime" advanced search fields */
.job_filters .search_jobs .field_wrapper .field > span {
	display: none;
	margin-top: 0.5em;
	overflow: hidden;
}
/* Show "Type of training" */
.job_filters .search_jobs .field_wrapper .search_type_of_training > span {
	display: block;
}
/* Show "Area of Expertise", "Job types" and "Worktime" advanced search fields */
.job_filters .search_jobs .field_wrapper .field > span.visible {
	display: block;
}

/* Preventing floating elements to get out from "Area of Expertise" area */
.job_filters .search_jobs .filter_by_tag_cloud {
	overflow: hidden;
}
/* "Area of Expertise" links set to hidden */
.job_filters .search_jobs .filter_by_tag_cloud a {
	display: none;
}
/* "Area of Expertise" visible tagged links set to visible */
.job_filters .search_jobs .filter_by_tag_cloud a.visible {
	display: inline-block;
}

/* Job listings page link container to most popular employers in Finland */
.job_filters .search_jobs .link-to-sstn {
	float: right;
}

/* Job listings page link to most popular employers in Finland */
.job_filters .search_jobs .link-to-sstn a {
	color: #fff;
}

/* Advanced search fields wrapper */
.advanced-search-options {
	clear: both;
	display: block;
	margin: 0 !important;
	padding-bottom: 0.5em;
	padding-top: 1.5em;
	width: 100%;
}
/* Advanced search fields header setup */
.advanced-search-options h2 {
	margin: 0 0 0.5em 0;
	text-transform: uppercase;
	font-size: 1.2em;
}
/* Styling for advanced search tag count */
.advanced-search-options h2 span.tag-count {
	font-size: 16px;
	margin-left: 5px;
	letter-spacing: 1px;
}
/* Advanced search fields header setup */
.advanced-search-options .filter_wide h2,
.advanced-search-options .field_wrapper h2 {
	cursor: pointer;
	margin: 0;
}
/* Advanced search fields header setup arrow */
.advanced-search-options .filter_wide h2::after,
.advanced-search-options .field_wrapper h2::after {
	content: "\f123";
	font-family: Ionicons;
	float: right;
	margin-right: 1px;
}
/* Advanced search fields block setup */
.advanced-search-options .field {
	padding-top: 0;
}
/* Advanced search fields select area setup */
.advanced-search-options .field .select {
	background: #F29A50;
}
/* Advanced search fields select field setup */
.advanced-search-options .field .select select {
	background: #F29A50;
	border: 0;
	border-radius: 0;
	color: #fff;
	font-weight: 600;
	height: 45px;
	line-height: 45px;
	padding: 0 40px 0 1em;
}
/* Hide the default arrow */
.advanced-search-options .field .select select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
/* hide the default arrow in ie10 and ie11 */
.advanced-search-options .field .select select::-ms-expand {
    display: none;
}
/* For IE10 and above to remove blue hightlight */
.advanced-search-options .field .select select:focus::-ms-value {
	background-color: inherit;
}
/* Advanced search fields select field arrow icon setup */
.advanced-search-options .field .select::after {
	content: "\f123";
	position: absolute;
	font-size: 24px;
	color: #4e5164;
	top: 0;
	right: 0;
	width: 40px;
	height: 45px;
	pointer-events: none;
	text-align: center;
	line-height: 45px;
	background: 0 0;
	padding-right: 10px;
}
/* Advanced search fields fieldwrapper setup */
.advanced-search-options .field_wrapper {
	display: block;
	float: left;
	width: 100%;
}
/* Advanced search fields fieldwrapper fields setup */
.advanced-search-options .search_published,
.advanced-search-options .search_lang,
.advanced-search-options .search_regions,
.advanced-search-options .search_type_of_training {
	float: none;
	margin: 0 0 0.6em 0;
	max-width: 100%;
	width: 100%;
}

/* Select field using select2 -> setup for container */
.advanced-search-options .select2-container--uranus.select2-container {
	background: #f7f6f3;
	border-radius: 0;
	border: 0;
	font-weight: 600;
}
/* Border removal for orange select boxes */
.advanced-search-options .select2-container--uranus.select2-container .select2-selection {
	background: transparent;
	border-radius: 0;
    border: 0;
}
/* Fixing focus outline */
.advanced-search-options .select2-container--uranus.select2-container.select2-container--focus:focus,
.advanced-search-options .select2-container--uranus.select2-container.select2-container--focus {
	border: 0;
	outline: none;
}
/* Select2 search field setup */
.advanced-search-options .select2-container--uranus.select2-container .select2-search--inline .select2-search__field {
    margin: 0;
    padding: 0;
    width: 100% !important;
}
/* Select2 default arrow removal */
.advanced-search-options .select2-container--uranus.select2-container .select2-selection__arrow {
	display: none;
}

/* Select2 single select dropdown styling */
.advanced-search-options .select2-container--uranus.select2-container .select2-selection--single {
    height: 45px;
	padding: 0 48px 0 16px;
}
/* Single selection value setup */
.advanced-search-options .select2-container--uranus.select2-container .select2-selection--single .select2-selection__rendered {
	line-height: 45px;
	list-style: none;
	padding-left: 8px;
}
/* Single selection placeholder setup */
.advanced-search-options .select2-container--uranus.select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
	padding-left: 0;
}
/* Select2 search field icon setup */
.advanced-search-options .select2-container--uranus.select2-container .select2-selection--single .select2-selection__clear {
    background: #4e5164;
    border-radius: 1px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 18px;
    line-height: 18px;
    margin-bottom: 2px;
    margin-right: 6px;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 18px;
}

/* Select2 multiselect dropdown styling */
.advanced-search-options .select2-container--uranus.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: block;
	list-style: none;
    margin: 0;
    min-height: 35px;
	padding: 5px 48px 5px 16px;
	white-space: normal;
	width: 100%;
}
/* Select2 multiselect selected choice line height and padding */
.advanced-search-options .select2-container--uranus.select2-container .select2-selection--multiple .select2-selection__choice,
.advanced-search-options .select2-container--uranus.select2-container .select2-selection--multiple .select2-search {
	background: transparent;
	border: 0;
	line-height: 25px;
	padding: 5px 10px 5px 0;
	margin: 0;
}
/* Select2 multiselect initial search field setup */
.advanced-search-options .select2-container--uranus.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
	background: transparent;
	color: #fff;
	font-weight: 600;
    line-height: 25px;
}
/* Select2 search field - set to hidden */
.advanced-search-options .select2-container--uranus.select2-container .select2-selection--multiple .select2-selection__choice + .select2-search {
	display: none;
}
/* Select2 search field icon setup */
.advanced-search-options .select2-container--uranus.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
    background: #4e5164;
    border-radius: 1px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 18px;
    line-height: 18px;
    margin-bottom: 2px;
    margin-right: 6px;
    padding: 0;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 18px;
}

/* Search links wrapper */
.fixed-search-sidebar .linkWrapper {
	display: none;
}

/* Mobile show listing and create alert fixed container */
.list-mobile-fixed-buttons {
	position: fixed;
	z-index: 100;
	bottom: 10px;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Hide on 404 error page */
.error404 .list-mobile-fixed-buttons {
	display: none;
}

/* Mobile show listing and create alert fixed container set position absolute to top of footter */
.list-mobile-fixed-buttons.fixed-to-top-of-footer {
	position: absolute;
	bottom: -56px;
}

/* Mobile fixed create alert button */
.list-mobile-fixed-buttons .alert {
	background-color: #7aba57;
	color: #fff;
	border-radius: 8px;
	display: block;
	position: relative;
	padding: 11px 11px;
	z-index: 10;
	width: auto;
	font-weight: 600;
	font-size: 0.93em;
	text-transform: uppercase;
	margin-bottom: 0;
	margin-right: 0.5em;
	float: left;
}

.list-mobile-fixed-buttons .alert:hover {
	text-decoration: none;
	background-color: #709a59;
}

/* Job listings page mobile filters */
.list-mobile-fixed-buttons #mobile-filters-button {
	z-index: 1000;
	background: #008CCE;
	display: block;
	border-radius: 8px;
	padding: 11px 11px;
	float: left;
	font-size: 0.93em;
}

/* Job listings page mobile filters active filters count */
.list-mobile-fixed-buttons #mobile-filters-button .tag-count {
	color: #ff9a4a;
}

/* Job listings page mobile filters hover */
.list-mobile-fixed-buttons #mobile-filters-button:hover {
	background: #005796;
	border-color: #005796;
}

/* Job listings page mobile filters after icon */
.list-mobile-fixed-buttons #mobile-filters-button:after {
	content: "\f39d";
	display: inline-block;
	font-family: "Ionicons" !important;
	speak: none;
	font-size: 1.3em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 22px;
	text-transform: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: auto;
	height: auto;
	margin: 0 0 -2px 6px;
	vertical-align: bottom;}
	
/* Defining area for search results -text, sorting and alert/reset/rss -links */
.showing_jobs {
	background: #fff;
	border: 0;
	overflow: hidden;
	padding: 0;
	text-align: center;
}
/* Defining area and text for search results -text */
.showing_jobs > span {
	border: 1px solid #d8d8d8;
	color: #888888;
	display: block;
	font-size: 1em;
	float: left;
	line-height: 21px;
	height: auto;
	min-height: 41px;
	overflow: hidden;
	padding: 10px 1em;
	width: 100%;
}
/* "Sort by" wrapper setup */
.showing_jobs .search_sort_by {
	border-bottom: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
	display: block;
	float: right;
	height: 40px;
	margin: 0;
	width: 100%;
}
/* "Sort by" select field setup */
.showing_jobs .search_sort_by select {
	background: transparent;
	border-radius: 0;
	border: 0;
	color: #484B5C;
	font-family: 'Signika', sans-serif;
	font-size: 1.222em;
	height: 39px;
	line-height: 39px;
	padding: 0 40px 0 14px;
	text-align: center;
}
/* Hide the default arrow */
.showing_jobs .search_sort_by select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
/* hide the default arrow in ie10 and ie11 */
.showing_jobs .search_sort_by select::-ms-expand {
    display: none;
}
/* For IE10 and above to remove blue hightlight */
.showing_jobs .search_sort_by select:focus::-ms-value {
	background-color: inherit;
}
/* "Sort by" select field arrow icon */
.showing_jobs .search_sort_by .select::after {
	display: inline-block;
	font-family: Ionicons !important;
	content: "\f123";
	font-size: 24px;
	color: #484B5C;
	width: 40px;
	height: 39px;
	text-align: center;
	line-height: 39px;
	padding-right: 10px;
}
/* Linkwrapper for alert/reset/rss -links */
.showing_jobs .linkWrapper {
	clear: both;
	display: block;
	float: none;
	overflow: hidden;
	padding-top: 1em;
}

/* summerjobs search form title needs have a link and we need to overwrite other alert, reset link stylings*/
.search-form-title a.search-title-tips-link{
	display: inline!important;
	float: none!important;
}

/* display search form title and alert, reset, rss links as blocks so it will stack */
.showing_jobs .linkWrapper .search-form-title{
	display: inline-block;
	margin: 0;
	text-align: left;
	font-size: 1.2em;
    padding-top: 5px;
}
/* wrap container around floating child alert,reset,rss links */
.showing_jobs .linkWrapper .search-links-container{
	overflow: auto;
	margin-top: 5px;
}
.showing_jobs .linkWrapper a{
	float: right;
	transition: none;
}
.showing_jobs .linkWrapper > a:last-child {
	margin-left: 0;
}
/* Basic link setup for linkwrapper links */
.linkWrapper .reset,
.linkWrapper .rss_link,
.linkWrapper .alert,
.linkWrapper .reset-search {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
	font-size: 1em;
	line-height: 24px;
	margin: 4px 0 4px 10px;
	white-space: nowrap;
	text-decoration: none;
}
/* Icon setup for linkwrapper links */
.linkWrapper .alert:before,
.linkWrapper .reset-search:before,
.linkWrapper .rss_link:before,
.search_jobs-wrapper .reset-search:before,
.list-mobile-fixed-buttons .alert:before,
.search_jobs-wrapper .close-mobile-filters-button:before {
	display: inline-block;
	font-family: "Ionicons" !important;
	speak: none;
	font-size: 1.3em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 22px;
	text-transform: none;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: auto;
	height: auto;
	margin: 0 3px 0 0;
	vertical-align: bottom;
}

/* Top bar for filters on mobile */
.search_jobs-wrapper .filters-top-bar {
	background: #130026;
	display: block;
}

/* Reset button for mobile */
.search_jobs-wrapper .filters-top-bar .reset-search {
	background: #d41010;
	color: #FFF;
	border-radius: 8px;
	display: block;
	position: relative;
	padding: 5px 10px;
	text-transform: uppercase;
	font-weight: 600;
	margin: 5px;
	float: right;
}


/* Close filter from top bar on mobile */
.search_jobs-wrapper .filters-top-bar .close-mobile-filters-button {
	padding: 9px;
	background: #130026;
}

/* Close filter from top bar on mobile */
.search_jobs-wrapper .filters-top-bar .close-mobile-filters-button:hover {
	border-color: #130026;
}

/* Reset button for mobile before element */
.search_jobs-wrapper .reset-search:before,
.search_jobs-wrapper .close-mobile-filters-button:before {
	content: "\f2d7";
	font-size: 1.7em;
	line-height: 22px;
}

/* Linkwrapper alert link color definition */
.linkWrapper .alert {
	background-color: #7aba57;
	color: #fff;
	border: 0;
	padding: 5px 8px;
	border-radius: 8px;
	display: block;
	width: 100%;
}
/* Linkwrapper alert link icon definition */
.linkWrapper .alert:before,
.list-mobile-fixed-buttons .alert:before {
	content: "\f3e1";
	font-weight: bold;
	font-size: 1.7em;
}

/* Bell ring animation for alert link */
.bell-ring::before {
	-webkit-animation: ring 4s .7s ease-in-out 3;
	-webkit-transform-origin: 50% 4px;
	-moz-animation: ring 4s .7s ease-in-out 3;
	-moz-transform-origin: 50% 4px;
	animation: ring 4s .7s ease-in-out 3;
	transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}
/* Linkwrapper reset link color definition */
.linkWrapper .reset-search {
	color: #d85959;
	text-transform: uppercase;
}
/* Linkwrapper reset link icon definition */
.linkWrapper .reset-search:before {
	content: "\f2d7";
	font-size: 1.4em;
	line-height: 21px;
	font-size: 1.7em;
	line-height: 22px;
}
/* Linkwrapper rss link icon definition */
.linkWrapper .rss_link:before {
	content: "\f23d";
	font-size: 1.05em;
	line-height: 23px;
	font-size: 1.3em;
	line-height: 24px;
}

/* Icon margin chanhe for linkwrapper links */
.linkWrapper .alert:before,
.list-mobile-fixed-buttons .alert:before,
.linkWrapper .reset-search:before,
.linkWrapper .rss_link:before {
	margin: 0 6px 0 0;
}

/* Linkwrapper alert and reset link hover definition */
.linkWrapper .alert:hover,
.linkWrapper .reset-search:hover,
.linkWrapper .rss_link:hover {
	filter: brightness( 85% );
}

/* Search fields responsive desing for 768 and up */
@media screen and (min-width:768px) {

	/* List page header image container (hide on mobiel) */
	.list-heading-image-container .list-page-header-image {
		display: block;
	}

	/* Element widths and centerization */
	.site-main .rekrytointicom-search-job-page .listings-map-toggle-container,
	.site-main .rekrytointicom-search-job-page .search_jobs,
	.site-main .rekrytointicom-search-job-page .showing_jobs,
	.site-main .rekrytointicom-search-job-page .load_more_jobs,
	.site-main .rekrytointicom-search-job-page .osaajapankki-container,
	.site-main .rekrytointicom-search-job-page .alasivu-bottom-image-container {
		max-width: 720px;
		margin: 0 auto
	}

	/* Set margin top for load more jobs button */
	.site-main .rekrytointicom-search-job-page .load_more_jobs {
		margin-top: 1em;
	}

	/* Frontpage fix for the button */
	.frontpage_search_form .search_jobs .search_location i.gjm-locator-btn,
	.frontpage_search_form .search_jobs .search_location i.gjm-locator-loader {
		width: 10.6%;
	}

	/* Google location autofill container */
	.frontpage_search_form .search_jobs .search_location .pac-container {
		left: 10.9% !important;
	}

	/* Listing container widths and centerization */
	.site-main .rekrytointicom-search-job-page ul.job_listings {
		max-width: 720px;
		margin-left: calc(50% - 360px);
		margin-right: auto;
	}

	/* Margin top for listing list */
	.site-main .rekrytointicom-search-job-page ul.job_listings {
		margin-top: 0;
	}

	/* Remove paggin when on desctop from search shortting */
	.site-main .rekrytointicom-search-job-page .showing_jobs {
		padding: 0;
		margin-bottom: 1.2em;
	}

	/* Search field widths - always visible row */
	#page .job_filters .search_jobs div.search_location,
	#page .job_filters .search_jobs div.gjm-filters-wrapper,
	#page .job_filters .search_jobs div.search_submit {
		float: left;
		margin-left: 4%;
		max-width: 48%;
		width: 48%;
	}
	/* Search location padding for dynamic icon */
	#page .job_filters .search_jobs div.search_location {
		padding-left: 6.1%;
	}
	/* Search submit container mobile */
	#page .job_filters .search_jobs div.search_submit {
		margin-left: 0;
		max-width: 100%;
		padding-right: 0;
		left: 0;
	}
	/* Search submit container mobile inner container */
	#page .job_filters .search_jobs div.search_submit div.search_submit_inner_container {
		max-width: 720px;
		width: 100%;
		margin: 0 auto;
	}
	/* Search field widths - always visible row - first and third margin removed and floatation cleared */
	#page .job_filters .search_jobs div.search_location {
		clear: both;
		margin-left: 0;
	}

	/* "Show more areas" button to position absolute */
	.job_filters .search_jobs .filter_by_tag .filter_by_tag_toggle {
		display: none;
	}
	/* "Show more areas" - show all tags on desktop */
	.job_filters .search_jobs .filter_by_tag .filter_by_tag_cloud a {
		display: inline-block;
	}

	/* Advanced search fields wrapper */
	.advanced-search-options {
		padding-bottom: 0;
	}

	/* Advanced search fields fieldwrapper fields setup */
	.advanced-search-options .search_published,
	.advanced-search-options .search_lang,
	.advanced-search-options .search_regions,
	.advanced-search-options .search_type_of_training {
		float: left;
		margin-left: 4%;
		max-width: 48%;
		width: 48%;
	}
	/* Advanced search fields fieldwrapper fields - first and third margin removed and floatation cleared */
	.advanced-search-options .search_regions,
	.advanced-search-options .search_type_of_training,
	.advanced-search-options .search_published {
		clear: both;
		margin-left: 0;
	}

	/* Defining area for search results -text, sorting and alert/reset/rss -links - text align to left */
	.showing_jobs {
		position: relative;
		text-align: left;
	}
	/* Defining area and text for search results -text */
	.showing_jobs > span {
		min-height: 45px;
		padding: 11px 30% 11px 1em;
		position: relative;
		overflow: hidden;
	}
	/* gray border between search results -text and sort by dropdown */
	.showing_jobs > span::after {
		border-left: 1px solid #d8d8d8;
		content: '';
		display: block;
		height: 300px;
		position: absolute;
		right: 0;
		top: 0;
		width: 30%;
	}
	/* "Sort by" wrapper positioning */
	.showing_jobs .search_sort_by {
		border: 1px solid transparent;
		height: 45px;
		position: absolute;
		right: 0;
		left: inherit;
		top: 0;
		width: 30%;
	}
	/* "Sort by" select field height setup */
	.showing_jobs .search_sort_by select {
		line-height: 43px;
		height: 43px;
		text-align: left;
		cursor: pointer;
	}
	/* "Sort by" select field arrow icon height setup */
	.showing_jobs .search_sort_by .select::after {
		height: 43px;
		line-height: 43px;
	}
	/* Linkwrapper for alert/reset/rss -links - floatation change */
	.showing_jobs .linkWrapper {

	}
	/* display title inline so links can fit next to it */
	.showing_jobs .linkWrapper .search-form-title{
		width: 70%;
		float: left;
		margin: 0;
		padding-right: 5px;
	}
	/*float links to right*/
	.showing_jobs .linkWrapper .search-links-container{
		width: 30%;
		float: right;
	}
	/*display links as collapsed boxes*/
	.showing_jobs .linkWrapper a{
		float: none;
		display: block;
	}

	/* Basic link setup for linkwrapper links - size/margin changes */
	.linkWrapper .reset,
	.linkWrapper .rss_link,
	.linkWrapper .alert,
	.linkWrapper .reset-search {
		margin: 4px 0 4px 2px;
	}

	/* List create alert button */
	.linkWrapper .alert {
		margin-top: 0;
		display: inline-block;
		width: auto;
	}

}

/* Search fields responsive desing for 992 and up */
@media screen and (min-width:992px) {

	/* Frontpage fix for the button */
	.frontpage_search_form .search_jobs .search_location i.gjm-locator-btn,
	.frontpage_search_form .search_jobs .search_location i.gjm-locator-loader {
		width: 17.6%;
	}

	/* Google location autofill container */
	.frontpage_search_form .search_jobs .search_location .pac-container {
		left: 17.3% !important;
	}

	/* Element widths and centerization */
	.site-main .rekrytointicom-search-job-page .listings-map-toggle-container,
	.site-main .rekrytointicom-search-job-page .search_jobs,
	.site-main .rekrytointicom-search-job-page .showing_jobs,
	.site-main .rekrytointicom-search-job-page .load_more_jobs,
	.site-main .rekrytointicom-search-job-page .osaajapankki-container,
	.site-main .rekrytointicom-search-job-page .alasivu-bottom-image-container {
		max-width: 940px;
	}

	/* Set margin top for load more jobs button */
	.site-main .rekrytointicom-search-job-page .load_more_jobs {
		margin-top: 1em;
	}

	/* Listing container widths and centerization */
	.site-main .rekrytointicom-search-job-page ul.job_listings {
		max-width: 940px;
		margin-left: calc(50% - 470px);
		margin-right: auto;
	}

	/* Search field widths - always visible row */
	#page .job_filters .search_jobs div.search_keywords,
	#page .job_filters .search_jobs div.search_location,
	#page .job_filters .search_jobs div.gjm-filters-wrapper,
	#page .job_filters .search_jobs div.search_submit {
		clear: none;
		margin-left: 2%;
		max-width: 32%;
		width: 32%;
	}
	/* Search location padding for dynamic icon */
	#page .job_filters .search_jobs div.search_location {
		padding-left: 4%;
	}
	/* Search submit container mobile */
	#page .job_filters .search_jobs div.search_submit {
		margin-left: 0;
		max-width: 100%;
	}
	/* Search submit container mobile inner container */
	#page .job_filters .search_jobs div.search_submit div.search_submit_inner_container {
		max-width: 940px;
	}
	/* Search field widths - always visible row - first margin removed and floatation cleared */
	#page .job_filters .search_jobs div.search_keywords {
		margin-left: 0;
	}

	/* Advanced search fields fieldwrapper fields setup */
	.advanced-search-options .search_published,
	.advanced-search-options .search_lang,
	.advanced-search-options .search_regions,
	.advanced-search-options .search_type_of_training {
		clear: none;
		margin-left: 2%;
		max-width: 23.5%;
		width: 23.5%;
	}
	/* Advanced search fields fieldwrapper fields - first and third margin removed and floatation cleared */
	.advanced-search-options .search_regions,
	.advanced-search-options .search_type_of_training {
		margin-left: 0;
	}

	/* "Area of Expertise", "Job types" and "Worktime" linkbutton hover effect */
	.job_filters .search_jobs .filter_by_tag_cloud a:not(.active):hover,
	.job_filters .search_jobs .filter_by_job_type a:not(.active):hover,
	.job_filters .search_jobs .search_worktime a:not(.active):hover {
		background-color: #F29A50;
		border-color: #F29A50;
		color: #fff;
		text-decoration: none;
	}

	.job_filters .search_jobs .filter_by_tag_cloud a.active:focus,
	.job_filters .search_jobs .filter_by_job_type a.active:focus,
	.job_filters .search_jobs .search_worktime a.active:focus {
		background-color: #fff;
		border-color: #fff;
		color: #ED7004;
		text-decoration: none;
	}

}

/* Search fields responsive desing for 1200 and up */
@media screen and (min-width:1200px) {

	/* Search fields inner container paddings */
	.job_filters .search_jobs {
		padding: 2.5em 0 1.9em 0;
	}

	/* Search fields wrapper setup */
	.job_filters .search_jobs-wrapper {
		display: block;
		position: relative;
		top: inherit;
		bottom: inherit;
		width: auto;
		overflow-y: visible;
		z-index: 10;
	}

	.job_filters .search_jobs-wrapper[aria-hidden="true"] { display: block; }
	.job_filters .search_jobs-wrapper[aria-hidden="false"] { display: block; }

	/* Hide on 404 error page */
	.error404 .job_filters .search_jobs-wrapper[aria-hidden="true"] { display: none; }
	.error404 .job_filters .search_jobs-wrapper[aria-hidden="false"] { display: none; }

	/* Styling for toggling map in list search */
	.listings-map-toggle-container {
		float: right;
	}

	/* half circle bg for map toggle button */
	.listings-map-toggle {
	}

	/* Toggle map on listings list page */
	.listings-map-toggle span {
		margin: 0;
		padding: 10px 10px;
		width: 100%;
	}

	/* Defining area and text for search results -text */
	.site-main .rekrytointicom-search-job-page .showing_jobs > span {
		width: 59%;
	}

	/* "Sort by" wrapper positioning */
	.site-main .rekrytointicom-search-job-page .showing_jobs .search_sort_by {
		left: 41.1%;
		width: 18%;
	}

	/* Search field widths - always visible row */
	#page .job_filters .search_jobs div.search_keywords,
	#page .job_filters .search_jobs div.search_location,
	#page .job_filters .search_jobs div.gjm-filters-wrapper,
	#page .job_filters .search_jobs div.search_submit {
		clear: none;
		margin-left: 2%;
		max-width: 23.5%;
		width: 23.5%;
	}

	/* Search field widths - always visible row - first margin removed and floatation cleared */
	#page .job_filters .search_jobs div.search_keywords {
		margin-left: 0;
	}

	/* Hide addvanced search option for desctop top filters to be displayed before pressin a button */
	.advanced-search-options {
		display: none;
	}

	/* Job listings page link container to most popular employers in Finland */
	.job_filters .search_jobs .link-to-sstn {
		margin-bottom: -20px;
	}

	/* Listings container on desktop */
	.site-main .rekrytointicom-search-job-page .job_listings {
		margin-top: 1em;
	}

	/* Element widths and centerization */
	.site-main .rekrytointicom-search-job-page .listings-map-toggle-container,
	.site-main .rekrytointicom-search-job-page .search_jobs,
	.site-main .rekrytointicom-search-job-page .showing_jobs,
	.site-main .rekrytointicom-search-job-page .load_more_jobs,
	.site-main .rekrytointicom-search-job-page .osaajapankki-container,
	.site-main .rekrytointicom-search-job-page .alasivu-bottom-image-container {
		max-width: 1140px;
	}

	/* Set margin top for load more jobs button */
	.site-main .rekrytointicom-search-job-page .load_more_jobs {
		margin-top: 1em;
	}

	/* Map container on desktop */
	.site-main .rekrytointicom-search-job-page .listings-map-toggle-container {
		position: absolute;
		right: 14px;
		width: 29.4%;
		background-color: transparent;
	}

	.site-main .rekrytointicom-search-job-page .showing_jobs {
		margin-top: 20px;
		margin-bottom: 0;
	}

	.site-main .rekrytointicom-search-job-page .showing_jobs .linkWrapper {
		margin-bottom: 1em;
	}

	.site-main .rekrytointicom-search-job-page .showing_jobs {
		display: block;
	}
	

	/* Listing container widths and centerization */
	.site-main .rekrytointicom-search-job-page .showing_jobs,
	.site-main .rekrytointicom-search-job-page ul.job_listings {
		max-width: 1140px;
		margin-left: calc(50% - 570px);
		margin-right: auto;
	}

	/* display alert,reset, rss links inline with search form title */
	.showing_jobs .linkWrapper a{
		display: block;
		float: right;
	}
	/* set margin for alert,reset, rss*/
	.linkWrapper .reset,
	.linkWrapper .rss_link,
	.linkWrapper .alert,
	.linkWrapper .reset-search {
		margin: 4px 0 4px 20px;
	}

	/* Linkwrapper alert link color definition */
	.linkWrapper .alert {
		position: relative;
		border: 0;
		padding: 5px 8px;
		display: block;
		margin-top: 0;
		display: inline-block;
		width: auto;
		right: auto;
		bottom: auto;
	}

	/*search form text container width*/
	.showing_jobs .linkWrapper .search-form-title{
		width: 60%;
	}

	/*search form alert,reset, rss links container width*/
	.showing_jobs .linkWrapper .search-links-container{
		width: 40%;
	}

	/* Search submit container desktop */
	#page .job_filters .search_jobs div.search_submit {
		position: relative;
		bottom: auto;
		margin-left: 2%;
		max-width: 23.5%;
		background-color: inherit;
	}

	/* Search submit inner container desktop */
	#page .job_filters .search_jobs div.search_submit div.search_submit_inner_container {
		display: block;
	}

	/* Search submit button setup desktop */
	.job_filters .search_jobs .search_submit_button {
		width: 100%;
	}

	/* Hide cloned count text from top search bar */
	form.job_filters .search_jobs-wrapper .search_jobs .result_count {
		padding: 10px  16px 10px 16px;
		margin-top: 0.6em;
		width: 100%;
		background: #fff;
		color: #4e5164;
		text-align: left;
	}

	/* Move listing search bar to sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar {
		z-index: 10;
		float: left;
		max-width: 271px;
		width: auto;
		position: absolute;
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 0;
	}

	/* When scrolled to bottom of sidebar make sidebar fixed */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar.sidebar-fixed-top {
		position: fixed;
		top: 0;
	}

	/* When scrolled to bottom of sidebar make sidebar fixed */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar.sidebar-fixed-bottom {
		position: fixed;
		bottom: 0;
	}

	/* When scrolled to bottom of sidebar make sidebar fixed */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar.sidebar-footter-reached {
		position: absolute;
		bottom: -40px;
	}

	/* Add border bottom to sidebar search job div */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs {
		border-bottom: 1px solid rgba(255,255,255,.5);
		padding-bottom: 15px;
		margin-bottom: 28px;
	}

	/* Show advanced search option in sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options {
		display: block;
		padding-top: 1em;
	}

	/* "Area of Expertise", "Job types" and "Worktime" section setup */
	form.job_filters#job_filters_form .search_jobs .filter_by_tag,
	form.job_filters#job_filters_form .search_jobs .filter_by_job_type,
	form.job_filters#job_filters_form .search_jobs .search_worktime {
		border: none;
		padding: 0;
	}

	/* "Area of Expertise", "Job types" and "Worktime" section setup */
	form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .filter_by_tag,
	form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .filter_by_job_type,
	form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .search_worktime {
		margin: 0 0 0.8em 0;
	}

	/* Listing search sidebar content */
	#page .site-main .rekrytointicom-search-job-page form.job_filters .fixed-search-sidebar .search_jobs div.search_keywords,
	#page .site-main .rekrytointicom-search-job-page form.job_filters .fixed-search-sidebar .search_jobs div.search_location,
	#page .site-main .rekrytointicom-search-job-page form.job_filters .fixed-search-sidebar .search_jobs div.gjm-filters-wrapper,
	#page .site-main .rekrytointicom-search-job-page form.job_filters .fixed-search-sidebar .search_jobs div.search_submit,
	#page .site-main .rekrytointicom-search-job-page form.job_filters .fixed-search-sidebar .search_jobs div.advanced-search-options .field_wrapper .field  {
		width: 100%;
		max-width: 100%;
		float: left;
		clear: both;
		margin-left: 0;
		border: none;
		border-radius: 0;
		padding: 0;
	}

	#page .site-main .rekrytointicom-search-job-page form.job_filters .fixed-search-sidebar .search_jobs div.search_submit {
		margin-bottom: 0;
	}

	/* Add margin left to show auto search location button */
	#page .site-main .rekrytointicom-search-job-page form.job_filters .fixed-search-sidebar .search_jobs div.search_location input#search_location  {
		margin-left: 12.9%;
		width: 87%;
	}

	/* Google autocomplete location */
	.search_location .pac-container {
		left: 13.6% !important;
	}

	/* Show show more tags button in sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options .filter_by_tag_cloud a {
		display: none;
	}

	/* Show show more tags button in sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options .filter_by_tag_cloud a.visible {
		display: block;
	}

	/* Checkbox styling for sidebar search */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options a {
		border: none;
		padding: 0;
		display: block;
		margin-bottom: 0;
		margin-top: 2px;
	}

	/* Tag cloud styling for sidebar search */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options .filter_by_tag_cloud {
		margin-bottom: 0;
	}

	/* Tag filter toggle styling for sidebar search */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options a.filter_by_tag_toggle {
		font-size: 15px !important;
		margin-top: 4px;
	}

	/* Create checkmark for checkbox in sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options a.active {
		color: #fff;
		background-color:#ee720c;
		border: none;
	}

	/* Create empty checkmark for checkbox in sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options a::before {
		content: "\f122";
		font-family: Ionicons;
		color: #ED7004;
		float: left;
		border: 1px solid rgba(255,255,255,0.5);
		padding: 2px 2px 2px 2px;
		margin-right: 8px;
		height: 19px;
		margin-top: 3px;
		font-size: 15px;
		line-height: 14px;
	}
	/* Create indentation for sub category checkbox */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options a.sub_category::before {
		margin-left: 21px;
	}
	/* Create checkmark for radio button in sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options .search_published a::before,
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options .search_lang a::before {
		border-radius: 100%;
		content: "\2022";
		font-size: 38px;
		padding: 0 2px 2px 2px;
	}
	/* Create activated checkmark for checkbox in sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options a.active::before {
		color: #fff;
		display: block;
	}

	/* Remove top search bar hover from sidebar search */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options a:hover {
		border: none;
		background: none;
	}

	/* Add hover for sidebar search :before */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options a:hover::before {
		background: #F29A50;
		color: #F29A50;
	}

	/* Add hover for sidebar search :before active */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options a.active:hover::before {
		color: #fff;
	}

	/* Show show more tags button in sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options .filter_by_tag_toggle {
		display: inline-block;
	}

	/* Toggle invisibility for show more tags button */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options .filter_by_tag_toggle.invisible {
		display: none;
	}

	/* Show show more tags button in sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options .filter_by_tag_toggle::before {
		content: "\f2c7";
		font-size: 26px;
		color: #fff;
		width: 25px;
		height: 28px;
		text-align: left;
		line-height: 17px;
		vertical-align: bottom;
		border: none;
	}

	/* Show show less tags in sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options .filter_by_tag_toggle.open::before {
		content: "\f2f4";
	}

	/* Remove hover from show more tag in side bar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar .search_jobs .advanced-search-options a.filter_by_tag_toggle:hover::before {
		background: #ED7004;
		color: #fff;
	}

	/* Hide cloned count text from top search bar */
	form.job_filters .search_jobs-wrapper .search_jobs .result_count {
		display: none;
		float: left;
	}

	/* Search links wrapper */
	#page .site-main .rekrytointicom-search-job-page form.job_filters .fixed-search-sidebar .linkWrapper {
		margin-bottom: 51px;
		float: left;
		width: 100%;
		display: block;
	}

	/* Search links container */
	#page .site-main .rekrytointicom-search-job-page form.job_filters .fixed-search-sidebar .linkWrapper .search-links-container {
		width: 100%;
		float: left;
		-webkit-transform: scaleY(-1);
		-moz-transform: scaleY(-1);
		-ms-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		transform: scaleY(-1);
	}

	/* Search links */
	#page .site-main .rekrytointicom-search-job-page form.job_filters .fixed-search-sidebar .linkWrapper .search-links-container a {
		float: left;
		clear: both;
		margin-left: 0;
		width: 100%;
		border-radius: 4px;
		text-align: center;
		text-transform: uppercase;
		padding: 0.3em;
		margin-top: 0.3em;
		-webkit-transform: scaleY(-1);
		-moz-transform: scaleY(-1);
		-ms-transform: scaleY(-1);
		-o-transform: scaleY(-1);
		transform: scaleY(-1);
	}

	/* RSS links */
	#page .site-main .rekrytointicom-search-job-page form.job_filters .fixed-search-sidebar .linkWrapper .search-links-container a.rss_link {
		background: #fff;
	}

	/* Reset search links */
	#page .site-main .rekrytointicom-search-job-page form.job_filters .fixed-search-sidebar .linkWrapper .search-links-container a.reset-search {
		background: #d41010;
		color: #FFF;
	}

	/* Hide Checkout most popular employers in Finland from sidebar */
	.site-main form.job_filters .fixed-search-sidebar .link-to-sstn {
		display: none;
	}

	/* Margin top for listing list */
	.site-main .rekrytointicom-search-job-page .showing_jobs,
	.site-main .rekrytointicom-search-job-page ul.job_listings.fixed-sidebar,
	.site-main .rekrytointicom-search-job-page .load_more_jobs,
	.site-main .rekrytointicom-search-job-page .osaajapankki-container,
	.site-main .rekrytointicom-search-job-page .alasivu-bottom-image-container {
		margin: 0 1% 0 275px;
	}
	/* Set margin top for load more jobs button */
	.site-main .rekrytointicom-search-job-page .load_more_jobs {
		margin-top: 1em;
	}
	/* Hide top bar for filters on desctop */
	.search_jobs-wrapper .filters-top-bar {
		display: none;
	}
	/* Job listings page mobile filters */
	.list-mobile-fixed-buttons {
		display: none;
	}

}
/* Search fields responsive desing for 1400px and up */
@media screen and (min-width:1400px) {
	/* Move listing search bar to sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar {
		max-width: 290px;
		left: 25px;
	}
	/* Google autocomplete location */
	.search_location .pac-container {
		left: 13.6% !important;
	}
	/* Margin top for listing list */
	.site-main .rekrytointicom-search-job-page .showing_jobs,
	.site-main .rekrytointicom-search-job-page ul.job_listings.fixed-sidebar,
	.site-main .rekrytointicom-search-job-page .load_more_jobs,
	.site-main .rekrytointicom-search-job-page .osaajapankki-container,
	.site-main .rekrytointicom-search-job-page .alasivu-bottom-image-container {
		margin: 0 1% 0 320px;
	}
	/* Set margin top for load more jobs button */
	.site-main .rekrytointicom-search-job-page .load_more_jobs {
		margin-top: 1em;
	}
}

/* Search fields responsive desing for 1490px and up */
@media screen and (min-width:1490px) {
	/* Map container on desktop */
	.site-main .rekrytointicom-search-job-page .listings-map-toggle-container {
		right: inherit;
		left: 1034px;
		width: 426px;
	}
}
/* Search fields responsive desing for 1550px and up */
@media screen and (min-width:1550px) {
	/* Move listing search bar to sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar {
		max-width: 290px;
		left: 65px;
	}
	/* Map container on desktop */
	.site-main .rekrytointicom-search-job-page .listings-map-toggle-container {
		left: 1074px;
	}
	/* Margin top for listing list */
	.site-main .rekrytointicom-search-job-page .showing_jobs,
	.site-main .rekrytointicom-search-job-page ul.job_listings.fixed-sidebar,
	.site-main .rekrytointicom-search-job-page .load_more_jobs,
	.site-main .rekrytointicom-search-job-page .osaajapankki-container,
	.site-main .rekrytointicom-search-job-page .alasivu-bottom-image-container {
		margin: 0 1% 0 360px;
	}
	/* Set margin top for load more jobs button */
	.site-main .rekrytointicom-search-job-page .load_more_jobs {
		margin-top: 1em;
	}
}

/* Search fields responsive desing for 1650px and up */
@media screen and (min-width:1650px) {
	/* Move listing search bar to sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar {
		max-width: 290px;
		left: 85px;
	}
	/* Map container on desktop */
	.site-main .rekrytointicom-search-job-page .listings-map-toggle-container {
		left: 1094px;
	}
	/* Margin top for listing list */
	.site-main .rekrytointicom-search-job-page .showing_jobs,
	.site-main .rekrytointicom-search-job-page ul.job_listings.fixed-sidebar,
	.site-main .rekrytointicom-search-job-page .load_more_jobs,
	.site-main .rekrytointicom-search-job-page .osaajapankki-container,
	.site-main .rekrytointicom-search-job-page .alasivu-bottom-image-container {
		margin: 0 1% 0 380px;
	}
	/* Set margin top for load more jobs button */
	.site-main .rekrytointicom-search-job-page .load_more_jobs {
		margin-top: 1em;
	}
}

/* Search fields responsive desing for 1700px and up */
@media screen and (min-width:1700px) {
	/* Move listing search bar to sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar {
		max-width: 320px;
		left: 100px;
	}
	/* Map container on desktop */
	.site-main .rekrytointicom-search-job-page .listings-map-toggle-container {
		left: 1139px;
	}
	/* Margin top for listing list */
	.site-main .rekrytointicom-search-job-page .showing_jobs,
	.site-main .rekrytointicom-search-job-page ul.job_listings.fixed-sidebar,
	.site-main .rekrytointicom-search-job-page .load_more_jobs,
	.site-main .rekrytointicom-search-job-page .osaajapankki-container,
	.site-main .rekrytointicom-search-job-page .alasivu-bottom-image-container {
		margin: 0 0 0 425px;
	}
	/* Set margin top for load more jobs button */
	.site-main .rekrytointicom-search-job-page .load_more_jobs {
		margin-top: 1em;
	}
}
/* Search fields responsive desing for 1800px and up */
@media screen and (min-width:1800px) {
	/* Move listing search bar to sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar {
		max-width: 325px;
		left: 150px;
	}
	/* Google autocomplete location */
	.search_location .pac-container {
		left: 13.4% !important;
	}
	/* Map container on desktop */
	.site-main .rekrytointicom-search-job-page .listings-map-toggle-container {
		left: 1194px;
	}
	/* Margin top for listing list */
	.site-main .rekrytointicom-search-job-page .showing_jobs,
	.site-main .rekrytointicom-search-job-page ul.job_listings.fixed-sidebar,
	.site-main .rekrytointicom-search-job-page .load_more_jobs,
	.site-main .rekrytointicom-search-job-page .osaajapankki-container,
	.site-main .rekrytointicom-search-job-page .alasivu-bottom-image-container {
		margin: 0 0 0 480px;
	}
	/* Set margin top for load more jobs button */
	.site-main .rekrytointicom-search-job-page .load_more_jobs {
		margin-top: 1em;
	}
}
/* Search fields responsive desing for 1880px and up */
@media screen and (min-width:1880px) {
	/* Move listing search bar to sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar {
		max-width: 360px;
		left: 190px;
	}
	/* Map container on desktop */
	.site-main .rekrytointicom-search-job-page .listings-map-toggle-container {
		left: 1274px;
	}
	/* Margin top for listing list */
	.site-main .rekrytointicom-search-job-page .showing_jobs,
	.site-main .rekrytointicom-search-job-page ul.job_listings.fixed-sidebar,
	.site-main .rekrytointicom-search-job-page .load_more_jobs,
	.site-main .rekrytointicom-search-job-page .osaajapankki-container,
	.site-main .rekrytointicom-search-job-page .alasivu-bottom-image-container {
		margin: 0 0 0 560px;
	}
	/* Set margin top for load more jobs button */
	.site-main .rekrytointicom-search-job-page .load_more_jobs {
		margin-top: 1em;
	}
}
/* Search fields responsive desing for 2000px and up */
@media screen and (min-width:2000px) {
	/* Move listing search bar to sidebar */
	.site-main .rekrytointicom-search-job-page form.job_filters#job_filters_form .fixed-search-sidebar {
		max-width: 360px;
		left: 50%;
		margin-left: -939px;
	}
	/* Map container on desktop */
	.site-main .rekrytointicom-search-job-page .listings-map-toggle-container {
		left: 50%;
		margin-left: 144px;
	}
	/* Margin top for listing list */
	.site-main .rekrytointicom-search-job-page .showing_jobs,
	.site-main .rekrytointicom-search-job-page ul.job_listings.fixed-sidebar,
	.site-main .rekrytointicom-search-job-page .load_more_jobs,
	.site-main .rekrytointicom-search-job-page .osaajapankki-container,
	.site-main .rekrytointicom-search-job-page .alasivu-bottom-image-container {
		margin: 0 auto 0 auto;
	}
	/* Set margin top for load more jobs button */
	.site-main .rekrytointicom-search-job-page .load_more_jobs {
		margin-top: 1em;
	}
}
/** Alert Ajax creation */
#create-alert-form {
	background-image: url(/wp-content/uploads/2018/01/rekrytointicom-logo.svg);
	background-position: 15px 12px;
	background-repeat: no-repeat;
	background-size: 150px;
}

#create-alert-form span.loading-alert::after {
	-webkit-animation: rotate 1s infinite linear;
	-moz-animation: rotate 1s infinite linear;
	-ms-animation: rotate 1s infinite linear;
	-o-animation: rotate 1s infinite linear;
	animation: rotate 1s infinite linear;
	color: #707070;
	content: '\f29c';
	display: block;
	font-family: Ionicons !important;
	font-size: 43px;
	height: 50px;
	line-height: 50px;
	margin: 35px;
	padding: 0;
	text-align: center;
}

#create-alert-form h3 {
	font-size: 1.2em;
	font-weight: 400;
	margin-top: 1.5em;
}

#create-alert-form .form-group {
	margin-bottom: 10px;
}

/* button to create search alert */
#create-alert-form #create-search-alert {
	margin-top: 14px;
}

#create-alert-form .alert-terms-and-conditions {
	margin-top: 24px;
	font-size: 0.75em;
	margin-bottom: 0;
}

/* undo jobify styles */
#create-alert-form.modal p:only-of-type {
	padding: 0;
	margin: 0 0 24px;
}

#create-alert-form.modal p.woocommerce-message:only-of-type {
	padding: 1.25em;
}

/* Job alert form close button */
#create-alert-form button.mfp-close {
	top: 14px;
	right: 15px;
}

/***  Job search styling STOP  ***/
/**********************************/


/********************************/
/***  Job LIST styling START  ***/

/* Remove content area top margin from all list pages */
.page-template-map-jobs .content-area,
.container.content-area.alasivut-container {
	margin-top: 0;
	position: relative;
}

.job_listing-map {
	position: relative;
    height: 350px
}

/* map canvas height overrides jobify style */
#job_listing-map-canvas, #resume-map-canvas, .job_listing-map, .resume-map {
	height: 350px;
}

/* hide map behind searchform when loading page */
.job_listing-map {
	position: absolute;
	 opacity: 0;
    /* make unclickable job listing map */
    visibility: hidden;
    pointer-events: none;
}

/* Map wrapper to relative so inside elements can be positioned absolutely */
.job_listing-map-wrapper {
	position: relative;
	z-index: 100;
}
/* Drop map behind the overlay on 404 page */
.error404 .job_listing-map-wrapper {
	z-index: 1;
}
/* Map loading icon wrapper setup */
.job_listing-map-wrapper > .map_loading {
	background: rgba(255,255,255,0.5);
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	/* center align according to map height */
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 110;
    width: 100%;
    height: 100%;
}
/* dont diplay map in mobile when loading page */
.job_listing-map-wrapper  {
	height: 0;
}

/* Map loading icon wrapper setup */
.job_listing-map-wrapper > .map_loading > span {
	display: block;
	height: 50px;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 50px;
	z-index: 120;
}
/* Map loading icon setup */
.job_listing-map-wrapper > .map_loading > span::before {
    -webkit-animation: rotate 1s infinite linear;
    -moz-animation: rotate 1s infinite linear;
    -ms-animation: rotate 1s infinite linear;
    -o-animation: rotate 1s infinite linear;
    animation: rotate 1s infinite linear;
    color: #707070;
    content: '\f29c';
    display: inline-block;
    font-family: Ionicons !important;
    font-size: 43px;
    height: 50px;
    line-height: 50px;
}

/* This hides map markings data from appearing */
ul.job_listings_map,
ul.job_listings_map li {
	display: none;
	list-style: none;
	line-height: 0;
	font-size: 0;
	margin: 0;
	padding: 0;
}
/* Create overlay */
#overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.5);
	z-index: 5;
}

/* Loading hadling for job listing */
ul.job_listings.loading {
	min-height: 90px;
}

ul.job_listings.fixed-sidebar.loading::before {
	position: absolute;
	height: 35px;
	line-height: 35px;
	top: 50px;
	left: 50%;
	z-index: 140;
	color: #FFF;
}

/* Center loadin icon when scrollin content */
ul.job_listings.fixed-sidebar.after-first.loading::before {
	position: fixed;
	top: 50%;
}

/* Keep loading icon inside the overlay area */
ul.job_listings.fixed-sidebar.loading.footter-reached::before {
	position: absolute;
	top: unset;
}
/*  */
@media screen and (min-width: 1200px){
	.site-main .rekrytointicom-search-job-page ul.job_listings.fixed-sidebar.loading::before {
		left: 35%;
	}
	/* Center loadin icon when scrollin content */
	.site-main .rekrytointicom-search-job-page ul.job_listings.fixed-sidebar.after-first.loading::before {
		left: 50%;
	}
}
/* Job listing no javascript error text field setup  */
.job_listings noscript {
	display: block;
	text-align: center;
}

/* Set logo with for mobile */
.job_listing-logo, .resume-logo {
	margin-bottom: 10px;
	width: 100%;
	position: relative;
	min-height: 150px;
	margin: 1em 0;
}

/* remove min logo height for free listings*/
.job_position_free .job_listing-logo, .job_position_free .resume-logo {
	min-height: 0;
}

/* override min-width:100*%; scaling because bad for long images */
ul.job_listings .job_listing-logo img{
	max-height: 150px;
	height: auto;
    width: auto;
    min-width: auto;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

/* job listing item has absolute positioned elements so we need to give z-index to make everything linkable */
.job_listing-clickbox {
	z-index: 1;
}

/* Set content with for mobile */
.job_listing-about, .resume-about {
	width: 100%;
	margin-left: 0;
}

/* in mobile set job listing title center */
.job_listing-about .job_listing-title, .resume-about .job_listing-title {
	width: 100%;
	margin-left: 0;
	text-align: center;
}

/* Styling for company name */
.job_listing-about .job_listing-company-name {
	display: block;
	color: #8D8D8E;
	border-bottom: 1px solid #cacaca;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
	text-align: center;
}

/* Set margin top for featured listing on mobile view */
.job_listings .job_position_featured .job_listing-logo, .job_listings .job_position_featured .resume-logo, .job_listings .job_listing .job_listing-logo, .job_listings .job_listing .resume-logo {
	margin-top: 1em;
}

/* Applied text wrapper */
.job_listings .job_listing-about .job-manager-applications-applied-notice {
	font-size: 14px;
	margin-left: 10px;
}
/* Applied text icon */
.job_listings .job_listing-about .job-manager-applications-applied-notice::before {
	content: '\f373';
	font-family: Ionicons !important;
	line-height: 17px;
}

/* "Load more listings" button setup */
.job_listings .load_more_jobs > strong {
    border-radius: 4px;
    display: inline-block;
}
/* "Load previous listings" button margin */
.job_listings .load_more_jobs.load_previous {
	margin: 0 0 1em 0;
}
/* Fixing general outline "bug" for links */
.job_listings .load_more_jobs:focus {
	outline: none;
}

/* Seperate company name to it's own line */
.job_listings .job_listing .job_listing-about .job_listing-company strong {
	display: block;
}

/* Remove border-radius and add margin-top for job list */
ul.job_listings{
	border: none;
	margin-top: 1.2em;
}

/* Remove border-radius and add margin-top for job list */
#related-job-tabs-content ul.job_listings{
	margin-top: 0;
}

/* display every job as a "separate" box */
.job_listings li.job_listing {
	/*border-radius: 0;
	border: none;*/
	border-radius: 8px;
    border: 1px solid #ccc;
    margin: 10px 0;
    padding: 1em 5px;
}

/* featured job border */
.job_listings li.job_listing.job_position_featured {
	box-shadow: none;
	border: 2px solid #008CCE;
}

/* override some weird jobify styles */
noscript~ul.job_listings .job_listing:first-child, noscript~ul.job_listings .resume:first-child, noscript~ul.resumes .job_listing:first-child, noscript~ul.resumes .resume:first-child{
	border-top-left-radius: 8px;
}

/* Before publishing date */
.job_listing-date:before, .single_job_listing .job_listing-date:before{
	font-family: Ionicons;
	content: '\f3f3';
	margin-right:5px
	font-size: 16px;
}

/* Modify job tyle in listing*/
div.job_listing-about ul.job_listing-types {
	padding: 0;
	display: block;
}

/* Hide type text overflow */
div.job_listing-about ul.job_listing-types li.job-type {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #118CCD;
	background-color: #FFFFFF;
	border: 1px solid #ee720c;
	font-weight: 400;
	display: inline-block;
	margin-right: 3px;
	border-radius: 1em;
}

/* Easy apply color changes */
div.job_listing-about ul.job_listing-types li.job-type.easy-apply {
	color: #fff;
    background: #ee720c;
}

/* Set before for location */
.job_listing-location:before, .resume-location:before,
.resume_listing-location:before {
	content: none;
}

/* Set before for location */
.job_listing-location .job_listing-location-text:before,
.resume-location .job_listing-location-text:before,
.resume_listing-location .job_listing-location-text:before {
	color: #ED7004;
	content: '\f473';
	display: inline;
	font-family: Ionicons;
	font-size: 2.2em;
	font-weight: normal;
	height: 26px;
	line-height: 26px;
	margin: -1px 4px 0 0;
	vertical-align: middle;
}

/* Display location text next to before tag and font weight and size */
.job_listing-location .job_listing-location-text{
	display: inline-block;
	font-size: 0.97em;
	font-weight: 600;
	line-height: 1.5em;
	margin: 10px 0 20px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	margin: 0;
}


/* Styling for the open job/training text in lists */
.job_listings .job_listing .job_listing-open-job-text {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0.12em 1em;
	font-size: 1em;
	background: #9A9CA6;
	color: #FFF;
	border-top-right-radius: 5px;
}

/* Styling for the open job/training text in lists */
.job_listings .job_listing .job_listing-open-job-text .text {
	margin: 0;
	font-size: 1em;
	font-weight: 400;
	font-family: 'Source Sans Pro', sans-serif
}

/* Setting up wrapper element - free listing */
.job_listings li.job_listing.job_position_free {
	padding: 1.7em 5px 0 5px;
}

/* Setting up logotext field - free listings */
.job_listing.job_position_free .job_listing-logo-text {
	display: block;
	font-weight: 600;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
}
/* Hiding logo field from mobile views - free listings */
.job_listing.job_position_free .job_listing-logo {
	display: none;
}
/* Setting up lighter border color below company name - free listings */
.job_listing.job_position_free .job_listing-about .job_listing-company-name {
    border-color: #eeeeee;
}
/* Hiding company tagline - free listings */
.job_listing.job_position_free .job_listing-about .job_listing-company-tagline {
	display: none;
}
/* Setting up small margin for location wrapper - free listings */
.job_listing.job_position_free .job_listing-about .job_listing-location {
	margin: 0 0 0.3em 0;
}
/* Setting up smaller margins for location text - free listings */
.job_listing.job_position_free .job_listing-about .job_listing-location-text {
	margin: 0;
}
/* Hiding posted and closes texts - free listings */
.job_listing.job_position_free .job_listing-about .job_listing-date,
.job_listing.job_position_free .job_listing-about .uranus-application-deadline {
	display: none;
}

/* Set type margin right */
@media screen and (max-width: 992px) {
	div.job_listing-about ul.job_listing-meta li.job-type {
		margin-right: 0.5em;
		margin-bottom: 0;
	}

}

/* List page styling for 768 and up */
@media screen and (min-width: 768px) {

	/* single job listing styling */
	/* add border around everything */
	ul.job_listings{
		border: 1px solid #ccc;
		border-radius: 0;
	}

	/* display every job as a "separate" box */
	.job_listings li.job_listing {
		border-radius: 0;
		margin: 0;
		border: none;
		border-bottom: 1px solid #ccc;
		padding: 1em;
	}

	/* Setting up wrapper element - free listing */
	.job_listings li.job_listing.job_position_free {
		padding: 10px 0 10px 0;
	}

	/* featured job border */
	.job_listings li.job_listing.job_position_featured {
		box-shadow: none;
		border: 2px solid #008CCE;
	}

	/* Set featured listing text corner radius - featured listing */
	.list_featured_job_listing {
		border-top-left-radius: 0;
	}

	/* override some weird jobify styles */
	noscript~ul.job_listings .job_listing:first-child, noscript~ul.job_listings .resume:first-child, noscript~ul.resumes .job_listing:first-child, noscript~ul.resumes .resume:first-child{
		border-top-left-radius: 0;
	}

	/* Set logo with for mobile */
	.job_listing-logo, .resume-logo {
		margin-bottom: 0;
		width: 25%;
	}

	/* Set content with for mobile */
	.job_listing-about, .resume-about {
		width: 70%;
		margin-left:5%;
		margin-top: 1em;
	}

	/* Display location text next to before tag and font weight and size */
	.job_listing-location .job_listing-location-text{
		margin: inherit;
	}

	/* in mobile set job listing title center */
	.job_listing-about .job_listing-title, .resume-about .job_listing-title {
		text-align: left;
	}

	/* Styling for company name */
	.job_listing-about .job_listing-company-name {
		text-align: left;
	}

	/* Showing logo field - free listing */
	.job_listing.job_position_free .job_listing-logo {
		display: inline-block;
	}
	/* Hiding company name - free listings */
	.job_listing.job_position_free .job_listing-about .job_listing-company {
		display: none;
	}
	/* Top margin setup for job types - free listing */
	.job_listing.job_position_free .job_listing-about .job_listing-types {
		margin-top: 5px;
	}
	/* Remove margin from logo top when not in mobile */
		.job_listings .job_listing .job_listing-logo, .job_listings .job_listing .resume-logo {
		margin-top: 0em;
	}
	/* Set margin top for featured listing on mobile view */
	.job_listings .job_position_featured .job_listing-logo, .job_listings .job_position_featured .resume-logo {
		margin-top: 1em;
	}

	/* Styling for the open job/training text in lists */
	.job_listings .job_listing .job_listing-open-job-text {
		border-top-right-radius: 0;
	}

}

/* Set widths for logo and content on the list */
@media screen and (min-width: 1200px){
	.job_listing-about, .resume-about {
		width: 82%;
		margin-left: 2%;
	}
	.job_listing-logo, .resume-logo {
		width: 16%;
	}
}

@media screen and (min-width: 992px) {

	/* togglin map in mobile moves this element. we need to use important to override this. Fixes empty space between map and searfh form */
	.page-template-map-jobs .content-area {
		top: 0!important;
	}

	/* Set right width for search */
	.jobify-search-jobs-category-geo-my-wp div.search_categories,
	.jobify-search-jobs-category-geo-my-wp div.search_keywords,
	.jobify-search-jobs-category-geo-my-wp div.search_location,
	.jobify-search-jobs-category-geo-my-wp div.search_region,
	.wp-job-manager-categories-enabled .gjm_use.search_resumes div.search_categories,
	.wp-job-manager-categories-enabled .gjm_use.search_resumes div.search_keywords,
	.wp-job-manager-categories-enabled .gjm_use.search_resumes div.search_location,
	.wp-job-manager-categories-enabled .gjm_use.search_resumes div.search_region,
	.wp-job-manager-categories-enabled .search_jobs.gjm_use div.search_categories,
	.wp-job-manager-categories-enabled .search_jobs.gjm_use div.search_keywords,
	.wp-job-manager-categories-enabled .search_jobs.gjm_use div.search_location,
	.wp-job-manager-categories-enabled .search_jobs.gjm_use div.search_region {
		width: 50%;
		max-width: 50%;
		padding-right: .5em;
	}
	.wp-job-manager-categories-enabled .search_jobs.gjm_use div.search_location{
		padding-right: 0;
		padding-left: 0.5em;
	}
	/* Set width for location in the list */
	.job_listing-location, .resume-location, .resume_listing-location {
		width: 100%;
	}
	/* Set width for list meta */
	.job_listing-meta, .resume-meta {
		text-align: left;
		width: 26%;
	}
	/* Set width for listing position */
	.job_listing-position, .resume-candidate {
		width: 70%;
	}

	/* Margin removed from location field - free listing */
	.job_listing.job_position_free .job_listing-about .job_listing-location {
		margin: 0;
	}
	/* Set content with for mobile */
	.job_listing-about, .resume-about {
		margin-top: 0;
	}

	/* always display map on desktop and overrride javascript styles */
	/* Removed temporarily - waiting for map fix
	.avoimet-tyopaikat .job_listing-map,
	.vacancies .job_listing-map,
	.avoimet-koulutukset .job_listing-map,
	.training .job_listing-map,
	.kesatyopaikat .job_listing-map,
	.summer-jobs .job_listing-map {
		position: relative;
	    opacity: 1!important;
	    /* visible and clicable map *//*
	    visibility: visible!important;
	    pointer-events: auto!important;
	    height: 350px;
	}

	.avoimet-tyopaikat .job_listing-map-wrapper,
	.vacancies .job_listing-map-wrapper,
	.avoimet-koulutukset .job_listing-map-wrapper,
	.training .job_listing-map-wrapper,
	.kesatyopaikat .job_listing-map-wrapper,
	.summer-jobs .job_listing-map-wrapper {
		/*override javascript styles which are used in mobile*//*
		height: 350px!important;
	}
	*/

}

/* Set font size styling for closing date on listing */
li.type-job_listing .uranus-application-deadline {
	font-size: 14px;
}

/* Set before icon styling for closing date on listing */
li.type-job_listing .uranus-application-deadline:before {
	content: "\f117";
	margin-right: 5px;
	font-family: "Ionicons" !important;
}

/* Set before icon styling for closing date on listing */
li.type-job_listing .job_listing-date:before {
	content: "\f117";
	margin-right: 5px;
	font-family: "Ionicons" !important;
}

/* Set font styling for closing meta date on listing*/
li.type-job_listing .uranus-application-deadline label {
	text-transform: none;
}

/* Set borders for featured listing in listing */
.job_position_featured:hover{
	box-shadow: inset 5px 0 0 #008CCE !important;
}

/* Set featured listing text to left top corner */
.list_featured_job_listing {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #008CCE;
	color: #FFF;
	padding-left: 1.2em;
	padding-right: 1.7em;
}

/* Create arrow shaped cut to the blue in the featured listing text background */
div.list_featured_job_listing:after{
	content:"";
	position:absolute;
	height:0;
	width:0;
	right:0;
	top:0;
	border: 11px solid transparent;
	border-right: 11px solid #FFF;
}

/* modify bookmarked listing icon in listings page */
ul.job_listings .listing-bookmarked h3::before, ul.resumes .listing-bookmarked h3::before {
	font-family: ionicons!important;
	content: "\f24e";
	color: #fff;
}

/* remove bookmarked icon next to listing title */
ul.job_listings .listing-bookmarked .job_listing-about h3::before, ul.resumes .listing-bookmarked .job_listing-about h3::before {
	content: "";
}


/***  Job LIST styling STOP  ***/
/*******************************/


/*****************************************/
/***  Job LIST sub page styling START  ***/


/* Company sub page - header container */
.page-header.company-page {
	background: none;
	border-bottom: none;
	max-width: 1170px;
	margin: 0 auto;
	padding-bottom: 0;
}

/* Company sub page - company logo container */
.page-header.company-page .company-logo {
	margin-top: 0.7em;
	margin-bottom: 0.7em;
}

/* Company sub page - header container social */
.page-header.company-page .company-social {
	clear: both;
}

/* Company sub page - Youtube logo */
.job_listing-youtube:before {
	content:'\f24d';
}

/* Set display block for contact information items */
.page-header.company-page .job_listing-company-social li {
	display: inline-block;
	line-height: 24px;
	margin-right: 5px;
	margin-left: 5px;
	min-height: 42px;
	overflow: hidden;
	padding-left: 42px;
	padding-top: 9px;
	position: relative;
	font-size: 26px;
}

/* Display font icons before CONTACT INFORMATION text */
.page-header.company-page .contact-person-icon:before,
.page-header.company-page .job_listing-company-social a:before { /* Replace the ID (jmfe_widget-2) with the widget ID from Step 1 */
	-webkit-font-smoothing: antialiased;
	color: #ED7004;
	display: inline-block;
	font-family: Ionicons;
	font-size: 1.4em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	height: 42px;
	left: 1px;
	line-height: 42px;
	margin: 0;
	padding: 0;
	position: absolute;
	speak: none;
	text-rendering: auto;
	text-transform: none;
	width: 42px;
	top: 50%;
    transform: translateY(-50%);
}

/* Add padding for website */
.page-header.company-page .job_listing-company-social .job_listing-website:before {
	content: '\f4d2';
}

/* Alasivu heading image styling */
.list-page-header-image-desktop {
	display: none;
}

/* Alasivu heading image styling */
.list-page-header-image-mobile {
	padding-top: 1.5em;
}


@media screen and (min-width: 1000px) {

	/* Alasivu heading image styling */
	.list-page-header-image-desktop {
		padding-top: 1.5em;
		display: block;
	}

	/* Alasivu heading image styling */
	.list-page-header-image-mobile {
		display: none;
		padding-top: none;
	}

}

/* alasivut equal height images, newspaper logos */
.equal-height-alasivut-img {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}

.alasivut-newspaper-list {
	text-align: center;
	padding: 0;
}

/* alasivut images, add some margin */
.alasivut-img-column {
	margin: 1em 0 1em 0;
	display: block;
	max-width: 250px;
}

/* remove margin top from container */
.alasivut-container {
	margin-top: 0;
}

.alasivut-news-paper-partner-title {
	font-size: 1.35em;
	margin-top: 2em;
}

/* Universum research tabs */
.alasivut-container.universum .tabs {
	float: left;
	z-index: 10;
	position: relative;
	background: #FFF;
}

/* Universum research tabs headers */
.alasivut-container.universum .tabs .tab-headers {
	float: left;
	width: 100%
}

/* Universum research tabs header */
.alasivut-container.universum .tabs .tab-headers .tab-header {
	float: left;
	margin-right: 2px;
	border-radius: 8px 8px 0 0;
	border-bottom: 0;
	position: relative;
	top: 5px;
	z-index: 1;
	background-color: #F29A50;
	max-width: 270px;
	width: 49%;
	padding: 20px 0;
}

/* Universum research tabs header:hover */
.alasivut-container.universum .tabs .tab-headers .tab-header:hover {
	background: #ed7004;
	border-color: #ed7004;
}

/* Universum research tabs header:focus */
.alasivut-container.universum .tabs .tab-headers .tab-header:focus {
	outline: none;
}

/* Universum research tabs header active */
.alasivut-container.universum .tabs .tab-headers .tab-header.active {
	background: #FFF;
	color: #ed7004;
	border: 1px solid #ed7004;
	border-bottom: 0;
	z-index: 3;
	top: 1px;
}

/* Universum research tabs content */
.alasivut-container.universum .tabs .tab-content {
	float: left;
	border: 1px solid #ed7004;
	border-radius: 4px;
	padding: 1em;
	margin-top: -1px;
	margin-bottom: 2em;
	position: relative;
	z-index: 2;
	background: #FFF;
}

/* Universum research tabs content research-tab */
.alasivut-container.universum .tabs .tab-content .research-tab {
	display: none;
}

/* Universum research tabs content research-tab:active */
.alasivut-container.universum .tabs .tab-content .research-tab.active {
	display: block;
}

/* Universum alasivujen bootstrap tyylittelyt */
.alasivut-container.universum .first-content-container {
	position: relative;
	float: left;
	z-index: 10;
	background: #FFF;
	padding-bottom: 1em;
}

/* Universum alasivujen yritys conainerin h1 tyylittelyt */
.alasivut-container.universum h1:not(.search-form-title) {
	font-family: 'Amatic SC', bold;
	font-size: 3.5em;
	color: #ed7004;
}

/* Universum alasivujen yritys conainerin tyylittelyt */
.alasivut-container.universum .universum-companies {
	float: left;
	width: 100%;
	margin-top: 1em;
}

/* Universum alasivujen yritys style the tab */
.alasivut-container.universum .universum-companies .tab {
	float: left;
	width: 30%;
	display: none;
}

/* Universum alasivujen yritys style the buttons inside the tab */
.alasivut-container.universum .universum-companies button {
	display: block;
	background-color: #ed7004;
	color: #fff;
	padding: 22px 16px;
	width: 100%;
	border: 1px solid #ffbb83;
	border-left: 1px solid #ed7004;
	border-top: none;
	border-radius: 0;
	outline: none;
	text-align: left;
	cursor: pointer;
	transition: 0s;
	font-size: 17px;
	letter-spacing: 1.6px;
	font-weight: 400;
}

/* Universum alasivujen yritys style the buttons inside the tab */
.alasivut-container.universum .universum-companies button:first-of-type {
	border-top: 1px solid #ed7004;
	margin-top: -1px;
	border-top-left-radius: 4px;
}

/* Universum alasivujen yritys style the buttons inside the tab */
.alasivut-container.universum .universum-companies button:last-of-type {
	border-bottom-left-radius: 4px;
	border-bottom: 1px solid #ed7004;
}

/* Universum alasivujen yritys change background color of buttons on hover */
.alasivut-container.universum .universum-companies button:hover {
	background-color: #fff;
	color: #000;
}

/* Universum alasivujen yritys create an active/current "tab button" class */
.alasivut-container.universum .universum-companies button.active {
	background-color: #fff;
	color: #000;
	border: 1px solid #ed7004;
	margin-top: -1px;
}

/* Universum alasivujen yritys conainerin tyylittelyt */
.alasivut-container.universum .universum-companies .tabcontent-container {
	z-index: 10;
	position: relative;
	background: #fff;
}

/* Universum alasivujen yritys style the tab content */
.alasivut-container.universum .universum-companies .tabcontent {
	float: left;
	padding: 0 2em;
	border: 1px solid #ed7004;
	width: 100%;
	margin-top: -1px;
	display: none;
	z-index: 10;
	position: relative;
	max-height: 640px;
	overflow: hidden;
	-webkit-transition: 0.8s ease-out;
	-moz-transition: 0.8s ease-out;
	-ms-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}

/* Universum alasivujen yritys style the tab content */
.alasivut-container.universum .universum-companies .tabcontent.active {
	max-height: 2650px;
}


/* Universum alasivujen yritys style the tab content */
.alasivut-container.universum .universum-companies .tabcontent:before {
	background-color: #fff;
	content: "";
	display: block;
	height: 30px;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 11;
}

/* Universum alasivujen yritys style the tab content */
.alasivut-container.universum .universum-companies .tabcontent:after {
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, white 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, white 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, white 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
	content: "";
	display: block;
	height: 150px;
	position: absolute;
	right: 0;
	bottom: 30px;
	left: 0;
	z-index: 11;
}

/* Universum alasivujen yritys style the tab content */
.alasivut-container.universum .universum-companies .tabcontent.defaultOpen {
	display: block;
}

/* Universum alasivujen yritys heading style */
.alasivut-container.universum .universum-companies .tabcontent h2 {
	text-align: center;
	letter-spacing: 0.5px;
	color: #ed7004;
	font-size: 2em;
	text-transform: uppercase;
}

/* Universum alasivujen yritys list style */
.alasivut-container.universum .universum-companies .tabcontent ol {
	margin-top: 1em;
	margin-bottom: 2em;
	background-color: #fff;
	list-style-type: none;
	padding: 0;
	counter-reset: section;                      /* Set a counter named 'section', and its initial value is 0. */
}

/* Universum alasivujen yritys list item style */
.alasivut-container.universum .universum-companies .tabcontent li {
	font-size: 1.2em;
	letter-spacing: 1px;
	color: #000;
	background: #fff;
	margin: 0;
	margin-top: 1px;
	bottom: 0;
	padding: 12px 12px 12px 70px;
	position: relative;
}

/* Universum alasivujen yritys list item after activation style */
.alasivut-container.universum .universum-companies .tabcontent.active li {
	z-index: 12;
}

/* Universum alasivujen yritys joka toinen list item style */
.alasivut-container.universum .universum-companies .tabcontent li:nth-child(2n-1) {
	background-color: #FADBC0;
}

/* Universum alasivu add number in front of companies */
.alasivut-container.universum .universum-companies .tabcontent li::before {
	counter-increment: section;                 /* Increment the value of section counter by 1 */
	content: counter(section);                  /* Display the value of section counter */
	color: #fff;
	display:flex;
	flex-direction:row;
	align-items: center;
	justify-content: center;
	font-size: 1.4375rem;
	font-weight: 600;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 10;
	text-align: center;
	width: 52px;
	height: 100%;
	background-color: #ed7004;
}

/* Universum alasivu add number in front of companies z index when active */
.alasivut-container.universum .universum-companies .tabcontent.active li::before {
	z-index: 13;
}

/* Universum alasivujen yritys link to universum site style */
.alasivut-container.universum .universum-companies .tabcontent .link-to-universum {
	text-align: center;
	margin-top: 0.5em;
	margin-bottom: 2em;
	float: left;
	width: 100%;
	position: relative;
    z-index: 12;
    background: #fff;
}

/* Universum alasivujen show more companies button */
.alasivut-container.universum .universum-companies .tabcontent button.universum-show-rest {
	position: absolute;
	bottom: 17px;
	z-index: 12;
	width: 280px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	text-align: center;
	border-radius: 4px;
	line-height: 1;
	color: #ed7004;
	border: 1px solid #ed7004;
	background: #fff;
	text-transform: uppercase;
}

/* Universum alasivujen show more companies button after arrow down */
.alasivut-container.universum .universum-companies .tabcontent button.universum-show-rest::after {
	display: inline-block;
	font-family: Ionicons !important;
	content: "\f123";
	font-size: 16px;
	color: #ed7004;
	padding-left: 13px;
}

/* Universum alasivujen show more companies button */
.alasivut-container.universum .universum-companies .tabcontent.active button.universum-show-rest {
	z-index: 10;
}

/* Clear float for job listings */ 
.alasivut-container.universum .universum_form {
	clear: both;
}

/* Hide search numbers/buttons from universum page */ 
.alasivut-container.universum .wp-job-manager-showing-all {
	display: none !important;
}

/* Hide search search_jobs-wrapper from universum page */ 
.alasivut-container.universum .search_jobs-wrapper {
	display: none !important;
}

/* Hide map button from universum page */ 
.alasivut-container.universum .listings-map-toggle-container {
	display: none !important;
}

/* Set #JobsForUkraine flag image as hidden by default for jobsforukraine page */
.alasivut-container.jobsforukraine img {
        display: none;
}

/* Set left column 100% by default for jobsforukraine page */
.alasivut-container.jobsforukraine .col-md-6.left {
        width: 100%
}

/* Set right column 0% by default for jobsforukraine page */
.alasivut-container.jobsforukraine .col-md-6.right {
        width: 0%;
}

/* Set font size for p elements for jobsforukraine page */
.alasivut-container.jobsforukraine p {
        font-size: 15px;
}


/* Search fields wrapper for sub-pages */
.search_jobs.magazine_view {
	box-shadow: none;
	padding: 1.5em 15px 2.8em 15px;
	position: relative;
	margin-bottom: 1em;
}

/* Placeholder text changes */
.search_jobs.magazine_view > div input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-weight: 400;
	opacity: 1;
	-webkit-opacity: 1;
	-khtml-opacity: 1;
	color: rgba(78, 81, 100,1);
}
.search_jobs.magazine_view > div input[type="text"]::-moz-placeholder { /* Firefox 19+ */
	font-weight: 400;
	opacity: 1;
	color: rgba(78, 81, 100,1);
}
.search_jobs.magazine_view > div input[type="text"]:-ms-input-placeholder { /* IE 10+ */
	font-weight: 400;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	color: rgba(78, 81, 100,1);
}
.search_jobs.magazine_view > div input[type="text"]:-moz-placeholder { /* Firefox 18- */
	font-weight: 400;
	opacity: 1;
	-webkit-opacity: 1;
	-khtml-opacity: 1;
	color: rgba(78, 81, 100,1);
}

/* Set search form fields */
#page .search_jobs.magazine_view .search_keywords,
#page .search_jobs.magazine_view .search_location,
#page .search_jobs.magazine_view .search_submit {
	margin: 0 0 0.6em 0;
	width: 100%;
	position: relative;
	float: left;
}

/* Set styling for search inputs */
.search_jobs.magazine_view .search_keywords input,
.search_jobs.magazine_view .search_location input {
	background: #f7f6f3;
	border: 0;
	border-radius: 0;
	color: #4e5164;
	font-weight: 600;
	height: 45px;
	line-height: 45px;
	padding: 0 1em;
}

/* Search submit button setup */
.search_jobs.magazine_view .search_submit input {
	background: #008CCE;
	border-radius: 8px;
	color: #fff;
	display: block;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1em;
	font-weight: 600;
	height: 45px;
	line-height: 45px;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
/* Search submit button hover effect */
.search_jobs.magazine_view .search_submit input:hover {
	background: #005796;
	text-decoration: none;
}

/* Set width and alignment for link to education or job list in search bar */
.search_jobs.magazine_view .search_listings_from_education,
.search_jobs.magazine_view .search_listings_from_jobs {
	background: #C75A00;
	bottom: 0;
	clear: both;
	display: block;
	float: none;
	left: 0;
	margin-left: ;
	margin: 0;
	max-width: 100%;
	position: absolute;
	right: 0;
	text-align: center;
	width: 100%;
}
/* Set link to jobs/educations */
.search_jobs.magazine_view a.search_listings_from_education_link,
.search_jobs.magazine_view a.search_listings_from_jobs_link {
	color: #FFF;
	display: inline-block;
	font-family: 'Signika', sans-serif;
	line-height: 21px;
	padding: 7px 1em;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

/* Sub page search fields responsive desing for 768 and up */
@media screen and (min-width:768px) {

	/* Universum alasivujen yritys conainerin tyylittelyt desctop */
	.alasivut-container.universum .universum-companies {
		display: flex;
	}

	/* Universum sub page show vertical tabs */
	.alasivut-container.universum .universum-companies .tab {
		display: block;
		margin-right: -1px;
		z-index: 15;
		position: relative;
	}

	/* Universum alasivujen yritys conainerin tyylittelyt desktop */
	.alasivut-container.universum .universum-companies .tabcontent-container {
		width: 70%;
		margin-bottom: -1px;
	}

	/* Universum alasivujen yritys style the tab content desktop */
	.alasivut-container.universum .universum-companies .tabcontent {
		height: 100%
	}

	/* Universum alasivujen yritys style hide accordion button */
	.alasivut-container.universum .universum-companies .tabcontent-container button.tablinks {
		display: none;
	}

	/* Universum alasivujen yritys style the buttons inside the tab */
	.alasivut-container.universum .universum-companies button {
		border-right: 1px solid #ed7004;
	}

	/* Universum alasivujen yritys create an active/current "tab button" class */
	.alasivut-container.universum .universum-companies button.active {
		background-color: #fff;
		border: 1px solid #ed7004;
		border-right: none;
		margin-top: -1px;
		color: #000;
	}

	/* Search fields wrapper padding change */
	.search_jobs.magazine_view {
		padding: 2.5em 30px 3.8em 30px;
	}

	/* Search fields wrapper padding change */
	.search_jobs.magazine_view.universum_view {
		padding: 2.5em 30px 2.5em 30px;
	}

	.alasivut-img-column {
		margin: 1em ;
		display: inline-block;
	}

}

/* Sub page search fields responsive desing for 992 and up */
@media screen and (min-width: 992px) {

	/* Set search form field widths */
	#page .search_jobs.magazine_view .search_keywords,
	#page .search_jobs.magazine_view .search_location {
		margin-left: 2%;
		width: 36%;
	}
	#page .search_jobs.magazine_view .search_submit {
		margin-left: 2%;
		width: 24%;
	}
	/* Remove search_keywords left margin */
	#page .search_jobs.magazine_view .search_keywords {
		margin-left: 0;
	}
       
        /* Display #JobsForUkraine flag image on jobsforukraine page */
        .alasivut-container.jobsforukraine img {
                display: block;
        }

        /* Set left column 56% for jobsforukraine page */
        .alasivut-container.jobsforukraine .col-md-6.left {
                width: 56%
        }

        /* Set right column 44% for jobsforukraine page */
        .alasivut-container.jobsforukraine .col-md-6.right {
                width: 44%;
        }

}

/***  Job LIST sub page styling STOP  ***/
/****************************************/


/******************************************/
/***  Single Job Listing styling START  ***/

/* Set styling for single listing page container */
.single_job_listing {
	margin-bottom: 4em;
}

/* Set styling for page header in listing page */
.single_job_listing .page-header {
	position: relative;
	padding: 0;
}

/* This div is used because we need to use position absolute for "open job" SEO text and this wraps it */
.single_job_listing .page-header .single-listing-title-container {
	position: relative;
	padding: 5px 5px 0 5px;
}

/* Set styling fot "Open job" test in header */
.single_job_listing .page-header .job_listing-meta-open-job-text {
	margin: 10px 0 0 0;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Source Sans Pro', sans-serif;
	width: 100%;
	text-align: center;
	position: absolute;
	top: 10px;
	margin: 0;
}

/* comapyn logo img container in header */
.single_job_listing .page-header > .company_logo-mobile {
	padding: .75em;
	background-color: #fff;
}

/* company logo img in header */
.single_job_listing .page-header > .company_logo-mobile .company_logo {
	min-width: auto;
	max-width: 250px;
}

/* listing information list elements in header */
.single_job_listing .page-header .page-subtitle li:not(.job-type) {
	display: block;
	line-height: 24px;
	margin-right: 0;
	min-height: 42px;
	padding-left: 42px;
	padding-top: 9px;
	position: relative;
}

/* hide publish date in mobile */
.single_job_listing .page-header .page-subtitle li.date-posted {
	display: none;
}

/* hide company name in mobile */
.single_job_listing .page-header .page-subtitle li.job-company {
	display: none;
}

.single_job_listing .page-header .page-subtitle li:not(.job-type) label {
	display: block;
}

/* style icons before listing information in header */
.single_job_listing .page-header .page-subtitle li.location::before,
.single_job_listing .page-header .page-subtitle li.date-posted::before,
.single_job_listing .page-header .page-subtitle li.uranus-application-deadline::before,
.single_job_listing .page-header .page-subtitle li.job-company::before {
	-webkit-font-smoothing: antialiased;
	color: #4e5164;
	display: inline-block;
	font-family: Ionicons;
	font-size: 2em;
	height: 42px;
	left: 1px;
	line-height: 42px;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 42px;
	top: 50%;
	transform: translateY(-50%);
}

/* Set margin for you have applied notification */
.single_job_listing .job-manager-applications-applied-notice {
	line-height: 24px;
	margin-top: 0;
	margin-bottom: 1.5em;
}

/* override geolocation map padding in single job listing */
body[class*=" jobify"] div.gjm-map-wrapper.global-map, body[class*=" jobify"] div.gjm-map-wrapper.single-page {
	padding: 0;
	border: 0;
}


/* Set top margin for map */
.single-job_listing .gjm-map-wrapper {
	margin: 0 0 -20px;
}
/* Use flex for popup content */
.map-popup-height-equal{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	justify-content: space-around;
	align-items: center;
	align-items: center;
	height:100%;

}
/* Title color */
.map-popup-item-content .job_listing-title a{
	color:#4e5164;
}
/* Flex items style */
.map-popup-item-content .flex-item{
	width: 50%;
	height:100%;
}

/* Infobubble containre widht adjustment - this should remove scrollbar from popup - dont user transtaleY because it causes scrollbar in IE */
.map-marker-info{
	width:100%;
	height:100%;
	position: relative;
	top:0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    -ms-transform:translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    transform: translateY(0%);
}

/* Hide map and add transition */
.gjm-map-wrapper.map-wrapper.single-page {
 	display: none;
}

/* Map button stylings */
#openMapButton {
	color: #118CCD;
	position: relative;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0);
	display: inline-block;
	padding: 1px;
	border: none;
	text-transform: uppercase;
	font-weight: 600;
	cursor: pointer;
}

/* Add icon to map button */
#openMapButton:after {
	font-family: dashicons;
	color: #ED7004;
	content: '\f347';
	display: block;
	position: relative;
	text-align: center;
	font-size: 25px;
	z-index: -1;
	transition: all .3s;
	bottom: 0;
}

#openMapButton:hover::after{
	bottom: -3px;
}


/* Hide "Show on map" button from mobile */
@media screen and (max-width: 992px){
	#openMapButton {
		display: none;
	}
}

/* Hide image in small screens */
@media screen and (max-width: 768px){
	/*hide logo in map popup mobile*/
	.map-popup-item-content .hide-map-popup{
		display:none;
	}
	/*make map popup content center aligned for mobile and fullwidht*/
	.map-popup-item-content .flex-item{
		width:100%;
	}
	.map-popup-item-content .map-alignment{
		text-align:center;
	}

}

/* single listing title */
.single_job_listing .page-header .page-title {
	margin-bottom: 0;
	font-weight: 600;
	display: inline-block;

}

/* company title in header - mobile only */
.single_job_listing .page-header .single-listing-company-title {
	font-weight: 400;
	margin: 10px 0 0 0;
	font-size: 1.1em;
}

/* Subtitle margin setup */
.single-job_listing .page-header > .page-subtitle {
	margin-bottom: 0;
}

.single-job_listing .page-header > .page-subtitle:not(:empty) {
	margin-top: 0;
}

/* Hide desktop fiiliskuva in mobile, we want to display second fiiliskuva which is bottom page-header instead */
.single-job_listing .page-header #jmfe-custom-job_image_upload {
	display: none;
}

/* Map wrapper inside page-subtitle has different margin than outside (custom template) */
.single-job_listing .page-header > .page-subtitle > .gjm-map-wrapper {
	margin-bottom: 0;
	display: none;
}
/* If job-listing-meta is last element inside page-subtitle, we define new margin (No map or custom template) */
.single-job_listing .page-header > .page-subtitle > ul.job-listing-meta:last-of-type {
	padding-bottom: 1.5em;
}
/* If map is only element after title */
.single-job_listing .page-header > .map-wrapper:first-child {
	margin-top: -20px;
}
/* Breadcrumbs wrapper defining */
.single-job_listing .page-header > #breadcrumbs {
	font: 400 14px/normal Montserrat,sans-serif;
	margin-top: -15px;
}
/* Breadcrumbs link defining */
.single-job_listing .page-header > #breadcrumbs a {
	color: inherit;
}
/* Breadcrumbs link hover/active defining */
.single-job_listing .page-header > #breadcrumbs a:active,
.single-job_listing .page-header > #breadcrumbs a:hover {
	color: #000000;
}
/* Additional image wrapper definition. Font-size is important for custom templates */
.single_job_listing .page-header #jmfe-wrap-job_image_upload {
	font-size: 14px;
	max-width: 1140px;
	margin-left: auto;
	margin-right: auto;
}
/* If map come after title, we set new margin (custom template) */
.single_job_listing .page-header .page-title + .company_additional_image_wrapper {
	margin-top: -15px;
}
/* If map is last element in header, we set new margin (custom template) */
.single_job_listing .page-header > #jmfe-wrap-job_image_upload.company_additional_image_wrapper:last-child {
	margin-bottom: -20px;
}
/* If page-subtitle comes after map, we set new margin (custom template) */
.single_job_listing .page-header > #jmfe-wrap-job_image_upload.company_additional_image_wrapper + .page-subtitle {
	margin-top: 0;
}
/* Additional image setup */
.single-job_listing .job-listing-additional-image,
.single-job_listing .company_additional_image {
	margin-bottom: 1.5em;
	max-width: 100%;
	width: auto;
}

.single-job_listing .job_listing-content-wrapper .gjm-map-wrapper {
	margin: 0;
}

/**********************************************************************/
/* Single job listing application CTA ( affects content and sidebar ) */

.single-job_listing .application_cta_container .view-video.button,
.single-job_listing .application_cta_container .bookmark-notice.button,
.single-job_listing .application_cta_container .button__apply-widget--related,
.single-job_listing .application_cta_container a.bookmarked {
	background-color: #fff;
	border: 0;
	border-radius: 0;
	color: #ed7004;
	margin: 0;
	padding: 0;
	font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 600;
	line-height: 1.3;
	font-size: 0.7em;
	width: 100%;
	color: #4e5164;
}

.single-job_listing .application_cta_container .view-video.button { 
	border-right: 1px solid #ffd9b9;
}

.single-job_listing .application_cta_container .button__apply-widget--related { 
	border-left: 1px solid #ffd9b9;
	display: none;
}

/* hover change */
.single-job_listing .application_cta_container .view-video.button:hover,
.single-job_listing .application_cta_container .bookmark-notice.button:hover,
.single-job_listing .application_cta_container .button__apply-widget--related:hover {
	background-color: #fff;
	color: #ed7004;
}

/* override theme style from bookmark button parent div */
.single-job_listing .job-manager-form.wp-job-manager-bookmarks-form {
	margin: 0;
}
/* add space and equal size buttons */
.single-job_listing .application_cta_container .view-video.button,
.single-job_listing .application_cta_container .wp-job-manager-bookmarks-form,
.single-job_listing .application_cta_container .bookmark-form-container,
.single-job_listing .application_cta_container .button__apply-widget--related {
	width: 100%;
	margin-right: 5px;
}

/* Add icons and styles*/
.single-job_listing .application_cta_container .view-video.button::before,
.single-job_listing .application_cta_container .bookmark-notice.button::before,
.single-job_listing .application_cta_container .button__apply-widget--related::before {
	font-family: Ionicons;
	font-size: 2.5em;
	display: block;
	color: #ed7004;
	font-weight: 400;
}
/* override plugin styles */
.single-job_listing .application_cta_container .bookmark-notice.button::before {
	content: '\f3ae';
	width: auto;
	height: auto;
	font-family: Ionicons !important;
	display: block !important;
	margin: 0;
}
.single-job_listing .application_cta_container .button__apply-widget--related::before {
	content: '\f471';
}
.single-job_listing .application_cta_container .view-video.button::before {
	content: '\f4cc';
}
/* hover color */
.single-job_listing .application_cta_container .view-video.button:hover::before,
.single-job_listing .application_cta_container .bookmark-notice.button:hover::before,
.single-job_listing .application_cta_container .button__apply-widget--related:hover::before {
	color: #ed7004;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

/* this is last element so no margin on the row */
.single-job_listing .job-overview .application_cta_container .button__apply-widget--related {
	margin-right: 0;
}

.single-job_listing .application_cta_container .button__apply-widget--alert {
	padding: 1em;
	margin-right: 5px;
	background-color: #7ABA57;
	border-color: #7ABA57;
	border-radius: 8px;
	border: 0;
}
.single-job_listing .application_cta_container .button__apply-widget--alert:hover {
	background-color: #5b8c41;
	border-color: #5b8c41;
}

.single-job_listing .application_cta_container .button__apply-widget--company_link {
	padding: 1em;
	margin-right: 5px;
	background-color: #ED7004;
	border-color: #ED7004;
	border-radius: 8px;
	border: 0;
}
.single-job_listing .application_cta_container .button__apply-widget--company_link:hover {
	background-color: #bd5800;
	border-color: #bd5800;
}

.single-job_listing .application_button.button {
	font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 600;
	line-height: 1.3;
	font-size: 16px;
	padding: 1em;
	width: 100%;
	background-color: #008CCE;
	border-color: #008CCE;
	border-radius: 8px;
	border: 0;
}
.single-job_listing .application_button.button:hover {
	background-color: #005796;
	border-color: #005796;
}

.single-job_listing .job-overview .application_cta_container .job_application,
.single-job_listing .custom-template-content-wrapper .application_cta_container .job_application {
	margin-right: 5px;
}

.custom-template-content-wrapper .job-type a {
	color: #FFF;
}

/* SIDEBAR SPESIFIC STUFF */
.jobify_widget_job_apply .button__apply-widget--alert {
	width: 100%;
	border: 0;
}

.job-meta .button__apply-widget--alert {
	margin-bottom: 0.5em;
	border: 0;
}

.jobify_widget_job_apply .button__apply-widget--company_link {
	width: 100%;
	border: 0;
}

.job-meta .button__apply-widget--company_link {
	margin-bottom: 0.5em;
	border: 0;
}

.job-overview .application_cta_container,
.custom-template-content-wrapper .application_cta_container {
	flex-direction: column;
}

.custom-template-content-wrapper .application_cta_container {
	margin-top: 20px;
}

.single-job_listing .job-overview .job_application,
.single-job_listing .custom-template-content-wrapper .job_application {
	width: 100%;
	margin-bottom: 0.5em;
}
.single-job_listing .job-overview .button__apply-widget--alert,
.single-job_listing .custom-template-content-wrapper .button__apply-widget--alert,
.single-job_listing .job-overview .button__apply-widget--company_link,
.single-job_listing .custom-template-content-wrapper .button__apply-widget--company_link {
	width: 100%;
	margin-bottom: 0.5em;
}
.single-job_listing .job-overview .vbs-cta-container,
.single-job_listing .custom-template-content-wrapper .vbs-cta-container {
	width: 100%;
}

.job-meta .jobify_widget_job_apply {
	display: none;
}

/* Listing owner section in single listing page */
.single-job_listing .page-header .page-subtitle .listing-owner-section {
	margin: 0 1em 2em 1em;
}

/* Buttons for listing owner in single listing page */
.single-job_listing .page-header .page-subtitle .listing-owner-section a .button {
	width: 100%;
	margin-bottom: 0.3em;
	padding: 1em;
}


@media screen and (min-width: 768px) {

	.job-overview .application_cta_container,
	.custom-template-content-wrapper .application_cta_container {
		flex-direction: row;
	}

	.single-job_listing .job-overview .job_application,
	.single-job_listing .custom-template-content-wrapper .job_application {
		width: auto;
		margin-bottom: 0;
	}
	.single-job_listing .job-overview .button__apply-widget--alert,
	.single-job_listing .custom-template-content-wrapper .button__apply-widget--alert,
	.single-job_listing .job-overview .button__apply-widget--company_link,
	.single-job_listing .custom-template-content-wrapper .button__apply-widget--company_link {
		width: auto;
		margin-bottom: 0;
	}
	.single-job_listing .job-overview .vbs-cta-container,
	.single-job_listing .custom-template-content-wrapper .vbs-cta-container {
		width: auto;
	}

	/* Buttons for listing owner in single listing page */
	.single-job_listing .page-header .page-subtitle .listing-owner-section a .button {
		width: 51%;
	}

}

@media screen and (min-width: 992px) {
	.job-meta .jobify_widget_job_apply {
		display: block;
	}
	/* Buttons for listing owner in single listing page */
	.single-job_listing .page-header .page-subtitle .listing-owner-section a .button {
		margin-right: 5px;
		width: 305px;
		
	}
}

/* Single job listing application CTA ( affects content and sidebar ) - end */
/****************************************************************************/

/* override jobify style */
.single-job_listing .gjm-map-wrapper {
	margin: 0;
	display: none;
}

/* Set description font sizes */
.job_listing-description h1 {
	font-size: 22px;
	font-weight: 400;
}
.job_listing-description h2:not(.widget-title) {
	font-size: 21px;
}
.job_listing-description h3:not(.widget-title) {
	font-size: 20px;
}
.job_listing-description h4 {
	font-size: 19px;
}
.job_listing-description h5 {
	font-size: 18px;
}
.job_listing-description h6 {
	font-size: 17px;
	font-weight: 400;
}

/* TE-Palvelut additional info fields after description */
.job_listing-description #te-palvelut-info {
	width: 100%;
	margin: 0 0 24px;
}
.job_listing-description #te-palvelut-info .te-palvelut-row {
	width: 100%;
}
.job_listing-description #te-palvelut-info .te-palvelut-hdr {
	width: 105px;
	display: inline-block;
	vertical-align: top;
	font-weight: bold;
}
.job_listing-description #te-palvelut-info .te-palvelut-text {
	width: 85%;
	display: inline-block;
	vertical-align: top;
}
.job_listing-description #te-palvelut-info .te-palvelut-source {
	margin-top: 1em;
	margin-bottom: 1em;
	font-style: italic;
}


/* Hide tags from description */
.job-overview-content .job_listing-description .job_tags {
	display: none;
}

/* Set text styling for listind description meta */
ul.rekrytointi-listing-meta-information {
	font-family: "Source Sans Pro","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1.111em;
	text-align: left;
	padding: 1em;
}

/* Set text styling for listind description meta */
ul.rekrytointi-listing-meta-information label {
	font-size: 1em;
	text-transform: initial;
}

/* Set margin for job type list item meta */
ul.job-listing-meta li.job-type {
	margin: 0 5px;
	color: #118CCD;
	background-color: #FFFFFF;
	border: 1px solid #ee720c;
	font-weight: 400;
	border-radius: 1em;
	margin-bottom: 0.6em;
	padding: 0;
	display: inline-block;
	min-height: auto;
	line-height: 1.3;
}

/* Set margin for job type list item meta link */
ul.job-listing-meta li.job-type a,
/* Set also for easy-apply item */
ul.job-listing-meta li.job-type.easy-apply span {
	padding: 3px 10px;
	line-height: 1.7;
}

/* Easy apply color changes */
ul.job-listing-meta li.job-type.easy-apply {
	color: #fff;
    background: #ee720c;
}

/* Set margin for job type list item meta link hover */
ul.job-listing-meta li.contact-person-icon a:hover,
ul.job-listing-meta li.job-type a:hover {
	text-decoration: underline;
}

/* Set margin for job type list item widget */
div.textwidget li.job-type, .jmfe-custom-field.job-type {
	color: #118CCD;
	background-color: #FFFFFF;
	border: 1px solid #ee720c;
	font-weight: 400;
}

/* Set margin for job type list item widget */
div.textwidget li.job-type {
	margin: 5px 0;
}

/* Set styling for Ultimate post list pro plugins widgets job type meta */
.uplp-job_listing_type {
	font: 700 12px/normal Montserrat,sans-serif;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	display: block;
	padding: 3px 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background-color: #222b38;
}

/* Remove margin from job type widget ul */
.textwidget ul.job-type-widget-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* contact information title styles */
.contact-person-icon span {
	font-weight: bold;
}

/* Display font icons before CONTACT INFORMATION text */
.job-meta .contact-person-icon:before,
.job-meta .jobify_widget_job_company_social .job_listing-company-social a:before { /* Replace the ID (jmfe_widget-2) with the widget ID from Step 1 */
	-webkit-font-smoothing: antialiased;
	color: #ED7004;
	display: inline-block;
	font-family: Ionicons;
	font-size: 2em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	height: 42px;
	left: 1px;
	line-height: 42px;
	margin: 0;
	padding: 0;
	position: absolute;
	speak: none;
	text-rendering: auto;
	text-transform: none;
	width: 42px;
	top: 50%;
    transform: translateY(-50%);
}

.job-meta .jobify_widget_job_company_social .job_listing-company-social li a.job_listing-website::after {
	content: 'www';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 700;
}

/* Display font icons before CONTACT INFORMATION text */
.job-meta .contact-person-icon:before { /* Replace the ID (jmfe_widget-2) with the widget ID from Step 1 */
	content: '\f47d'; /* replace the content here with the icon you would like to use.*/
	padding-left: 1px;
}
.job-meta .single-job-contact .contact-icon-email:before {
	content: '\f422'; /* replace the content here with the icon you would like to use.*/
	padding-left: 0;
}
.job-meta .single-job-contact .contact-icon-phone:before {
	content: '\f4b8'; /* replace the content here with the icon you would like to use.*/
	padding-left: 1px;
}
.job-meta .single-job-contact .contact-icon-location:before {
	content: '\f455'; /* replace the content here with the icon you would like to use.*/
	padding-left: 3px;
}
.job-meta .single-job-contact .contact-icon-businessID:before {
	content: '\f4d2'; /* replace the content here with the icon you would like to use.*/
	padding-left: 0;
}

.job-meta .single-job-contact .contact-icon-publish_closing:before {
	content: '\f3f3'; /* replace the content here with the icon you would like to use.*/
	padding-left: 0;
}

.job-meta .single-job-contact .contact-icon-area_of_expertise:before {
	content: '\f375'; /* replace the content here with the icon you would like to use.*/
	padding-left: 0;
}

/* Add padding for website */
.job-meta .jobify_widget_job_company_social .job_listing-company-social .job_listing-website:before {
	content: '\f4d2';
}
/* Add padding for twitter */
.job-meta .jobify_widget_job_company_social .job_listing-company-social .job_listing-twitter:before {
	padding-left: 0;
}
/* Add padding for facebook */
.job-meta .jobify_widget_job_company_social .job_listing-company-social .job_listing-facebook:before {
	padding-left: 7px;
}
/* Add padding for googleplus */
.job-meta .jobify_widget_job_company_social .job_listing-company-social .job_listing-googleplus:before {
	padding-left: 0;
}
/* Add padding for linkedin */
.job-meta .jobify_widget_job_company_social .job_listing-company-social .job_listing-linkedin:before {
	padding-left: 2px;
}

/* Widget title setup */
.job-meta .widget-title {
    font-size: 22px;
    margin-top: 0;
}
/* Company logo center */
.job-meta .jobify_widget_job_company_logo,
.job-meta .rekrytointicom_widget_job_company_logo {
	text-align: center;
	display: none;
}

/* Styling for company logo - sidebar company logo is hidden in mobile. logo in header displayed instead */
.job-meta .company_logo {
	min-width: auto;
	display: none;
}
/* Styling for featured jobs widget - box-padding */
.job-meta .widget_featured_jobs {
	padding-left: 0;
	padding-right: 0;
}
/* Styling for featured jobs widget - list items */
.job-meta .widget_featured_jobs .job_listings .meta {
	list-style-type: none;
	padding-left: 0;
}
/* Styling for featured jobs widget - box-shadow */
.job-meta .widget_featured_jobs .job_listings .job_listing {
	box-shadow: none;
}

/* Create border around the contact information block */
.job-meta .contact_infomation_widget .widget.widget--job_listing {
	border: 1px solid #ED7004;
	border-radius: 8px;
	padding: 15px 20px;
}

/* Set display block for contact information items */
.job-meta .job_listing-company-social li {
	display: block;
	line-height: 24px;
	margin-right: 0;
	min-height: 42px;
	overflow: hidden;
	padding-left: 42px;
	padding-top: 9px;
	position: relative;
}


/* Set display area of expertice font color */
.job-meta .job_listing-company-social li.contact-icon-area_of_expertise {
	color: #000
}

/* modifys only the company website logos */
.job-meta .jobify_widget_job_company_social .job_listing-company-social li {
	display: inline-block;
}

/* toggle button for map in mobile */
.job-meta #mobile-map-container-toggle {
	margin-top: 25px;
	padding: 10px;
	width: 100%;
}

/* map container in information about job section in mobile */
.job-meta #mobile-map-container {
	margin-top: 5px;
}

/* in mobile listing map is hidden while js is moving it ftom top to bottom but insider container it must be visible */
.job-meta #mobile-map-container .gjm-map-wrapper {
	display: none;
}

/* Make all content elements grey if listing is expired - exclude elements whhich needs to be active using css ":not()"

LIST OF EXCLUDED ELEMENTS:

- Key places
- Add alert
- feed list
- related listings
*/

.job_listing_expired .job-overview-content :not(.alert):not(.listing-expired):not(.job-category):not(.job-type):not(.job-type-link):not(.contact-icon-area_of_expertise):not(.job_listing-categories):not(.fixed-apply-widget):not(.apply-flex-container):not(.apply-widget-cta-container):not(.button__apply-widget--search-open):not(.button__apply-widget--search-close):not(.button__apply-widget--bookmark):not(.button__apply-widget--related):not(.button__apply-widget--alert),
.job_listing_expired .job-overview-content * ::after,
.job_listing_expired .job-overview-content * :not(.job-category):not(.button__apply-widget--related):not(.button__apply-widget--search-close):not(.button__apply-widget--search-open):not(.button__apply-widget--alert):not(.contact-icon-area_of_expertise)::before,
.job_listing_expired .job-overview-content a:hover:not(.bookmark-notice):not(.job-category):not(.job-type-link):not(.button__apply-widget--search-open):not(.button__apply-widget--related):not(.button__apply-widget--alert),
.job_listing_expired .job-overview-content a:not(.job-category):not(.job-type-link):not(.button__apply-widget--bookmark):not(.button__apply-widget--related):not(.button__apply-widget--alert),
.job-listing-meta.meta.job_listing_expired {
    border-color:inherit;
    color:rgba(86, 86, 86, 0.4);
    background-color: rgba( 0, 0, 0, 0);
}

.job_listing_expired .job-overview-content .fixed-apply-widget a.button__apply-widget--bookmark {
	background-color: #fff;
	color:rgba(86, 86, 86, 0.4);
}

/* Hide social sharing from expired listings */
.job_listing_expired .job-overview-content .widgetized-button-area-beneath-description.social-sharing-widget-area {
	border-bottom: none;
}

/* Hide social sharing from expired listings */
.job_listing_expired .job-overview-content .widgetized-area-beneath-description.social-sharing-widget-area {
	display: none;
}

/*job alert styling in expired listing - display as active*/
.job_listing_expired .job-manager-single-alert-link a,
.job_listing_expired .job-manager-single-alert-link a::before,
.job_listing_expired .alert-title-desktop {
    border-color: #7ABA57!important;
    color: #7ABA57!important;
    border-color:inherit!important;
    background-color: #7ABA57!important;
}

.job_listing_expired .job-manager-single-alert-link a span {
	color: #fff!important;
}

.job_listing_expired .job-meta .widget_create_listing_alert_button {
	width: 100%;
}

/* company logo style in expired*/
.job_listing_expired .job-overview-content img{
	opacity:0.3;
}

/* company logo style in expired*/
.job_listing_expired .job-overview-content .widget_job_apply_fixed_bottom img{
	opacity:1;
}

/*area of exppertise - job tag before element*/
.job_listing_expired .job-tag::before{
    color:rgba(86, 86, 86, 0.4)!important;
}

/*magazine feed tyling in expired*/
.job_listing_expired .widget_magazine-sources h3.widget-title{
    color:#4e5164!important;
}
.job_listing_expired .widget_magazine-sources .job-category{
    color:#4e5164;
}
.job_listing_expired .widget_magazine-sources a.job-category:hover{
    color:#ED7004;
}

/* alert popup must be over expired related listings popup */
.single-job_listing .mfp-ready {
	z-index: 2000001;
}

@media screen and (min-width: 1200px){
/* Featured Jobs Widget - Fix logo width */
	.job-meta .widget_featured_jobs .job_listings .job_listing .job_listing-logo, .job-meta .widget_featured_jobs .job_listings .job_listing .resume-logo {
	 	width: 100%;
	}
}
@media screen and (min-width: 992px){

	/*job alert styling in expired listing*/
	.job_listing_expired .job-manager-single-alert-link a,
	.job_listing_expired .job-manager-single-alert-link a::before,
	.job_listing_expired .alert-title-desktop {
	    border-color: #7ABA57!important;
	    color: #7ABA57!important;
	    border-color:inherit!important;
	    background-color: transparent!important;
	}

	.job_listing_expired .job-manager-single-alert-link a span {
		color: #7ABA57!important;
	}

	.job_listing_expired .job-manager-single-alert-link a:hover {
	    color: #fff!important;
	    background-color: #7ABA57!important;
	}

	.job_listing_expired .job-manager-single-alert-link a:hover span {
		color: #fff!important;
	}

	.job_listing_expired .alert-title-desktop:hover {
		color: #fff!important;
	}

	.job_listing_expired .job-manager-single-alert-link a:hover::before{
	    color: #fff!important;
	}

	/* remove padding from single page title container */
	.single_job_listing .page-header .single-listing-title-container {
		padding: 0;
	}

	/* Set styling fot "Open job" test in header */
	.single_job_listing .page-header .job_listing-meta-open-job-text {
		top: 0;
	}

	/* display company logo widget */
	.job-meta .jobify_widget_job_company_logo,
	.job-meta .rekrytointicom_widget_job_company_logo {
		display: block;
	}

	/* Styling for company logo - sidebar company logo is displayd in desktop. logo in header hidden */
	.job-meta .company_logo {
		min-width: auto;
		display: inline;
	}

	/* Show desktop fiiliskuva in mobile */
	.single-job_listing .page-header #jmfe-custom-job_image_upload {
		display: inline;
	}

	/* Hide mobile fiiliskuva in desktopt, we want to display first fiiliskuva which is under title instead */
	.single-job_listing .page-header #fiiliskuva-mobile {
		display: none;
	}

	/* Styling for company logo - sidebar company logo is displayd in desktop. logo in header hidden */
	.single_job_listing .page-header > .company_logo-mobile {
		display: none;
	}

	/* singe job page title */
	.single_job_listing .page-header .page-title {
		margin-bottom: 25px;
		font-weight: 400;
	}

	/* add padding on desktop */
	.single-job_listing .page-header {
		padding: 20px 0 0 0;
	}

	.single-job_listing .page-header > .page-subtitle:not(:empty) {
		margin-top: -15px;
	}

	/* toggle button for map in desktop */
	.job-meta #mobile-map-container-toggle {
		display: none;
	}

	/* map container in information about job section in desktop */
	.job-meta #mobile-map-container {
		display: none;
	}

/* Featured Jobs Widget - Fix logo and content width */
	.job-meta .widget_featured_jobs .job_listings .job_listing .job_listing-logo,
	.job-meta .widget_featured_jobs .job_listings .job_listing .resume-logo,
	.job-meta .widget_featured_jobs .job_listings .job_listing .job_listing-position,
	.job-meta .widget_featured_jobs .job_listings .job_listing .resume-candidate,
	.job-meta .widget_featured_jobs .job_listings .job_listing .job_listing-location,
	.job-meta .widget_featured_jobs .job_listings .job_listing .resume-location,
	.job-meta .widget_featured_jobs .job_listings .job_listing .resume_listing-location,
	.job-meta .widget_featured_jobs .job_listings .job_listing .job_listing-meta,
	.job-meta .widget_featured_jobs .job_listings .job_listing .resume-meta {
		width: 100%;
	}
/* Related jobs and education widget */
	#rekrytointicom_related_jobs_widget-2 .job_listings .job_listing .job_listing-logo,
	#rekrytointicom_related_jobs_widget-2 .job_listings .job_listing .resume-logo,
	#rekrytointicom_related_jobs_widget-2 .job_listings .job_listing .job_listing-position,
	#rekrytointicom_related_jobs_widget-2 .job_listings .job_listing .resume-candidate,
	#rekrytointicom_related_jobs_widget-2 .job_listings .job_listing .job_listing-location,
	#rekrytointicom_related_jobs_widget-2 .job_listings .job_listing .resume-location,
	#rekrytointicom_related_jobs_widget-2 .job_listings .job_listing .resume_listing-location,
	#rekrytointicom_related_jobs_widget-2 .job_listings .job_listing .job_listing-meta,
	#rekrytointicom_related_jobs_widget-2 .job_listings .job_listing .resume-meta {
		width: 100%;
	}
}


/* Application deadline icon WidgetArea */
.single_job_listing .application-deadline.expired:before { content:"";  }

/* Set borders for magazine source widget and custom fields widget */
div.single_job_listing div.job-meta div.job_listing-categories,
div.single_job_listing div.job-meta div.jmfe-custom-field-wrap,
div.single_job_listing div.job-meta .jobify_widget_job_company_social ul.job_listing-company-social {
	border: 1px solid #ED7004;
	border-radius: 8px;
	padding: 15px 20px;
}

div.single_job_listing div.job-meta .jobify_widget_job_company_social ul.job_listing-company-social {
	text-align: center;
}

/* Set Source as a single line block */
div.single_job_listing div.job-meta div.job_listing-categories .job-category,
div.single_job_listing div.job-meta div.jmfe-custom-field-wrap .job-tag {
	display: block;
	line-height: 24px;
	margin-right: 0;
	min-height: 42px;
	overflow: hidden;
	padding-left: 42px;
	padding-top: 9px;
	position: relative;
}

/* Remove text underline from hover */
div.single_job_listing div.job-meta div.jmfe-custom-field-wrap .job-tag:hover {
	text-decoration: none;
}

/* Display font icons before job tags and contact information text */
div.single_job_listing div.job-meta div.jmfe-custom-field-wrap .job-tag:before,
div.single_job_listing div.job-meta div.job_listing-categories a.job-category:before {
	-webkit-font-smoothing: antialiased;
	color: #ED7004;
	display: inline-block;
	font-family: Ionicons;
	font-size: 2em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	height: 42px;
	left: 1px;
	line-height: 42px;
	margin: 0;
	padding: 0;
	position: absolute;
	speak: none;
	text-rendering: auto;
	text-transform: none;
	top: 0;
	vertical-align: middle;
	width: 42px;
}

/* Set Source as a single line block */
div.single_job_listing div.job-meta div.jmfe-custom-field-wrap .job-tag:hover,
div.single_job_listing div.job-meta div.job_listing-categories a.job-category:hover {
	text-decoration: none;
}

/* Display font icons before CONTACT INFORMATION text */
div.single_job_listing div.job-meta div.job_listing-categories a.job-category:before {
	content: '\f471';
}

/* Hide tagline and publish date from featured jobs widget */
.widget_featured_jobs .job_listing-company-tagline, .widget_featured_jobs .job_listing-date {
	display: none;
}

/* Set border top for company description */
h2.job_listing-company-description.job-company-about.widget-title.widget-title--job_listing-top.job-overview-title {
	border-top: solid 1px #CACBCD;
	padding-top: 1em;
}

/* Hide logo from custom template where it is disabled */
div.single_job_listing .hide-logo .jobify_widget_job_company_logo {
	display: none;
}

/* Hide the job alert button beneath the description */
.job-manager-single-alert-link {
	display: none;
}


/* remove margin from last apply button container in listing description - normal and custom template */
.job_listing-content-wrapper .description-apply-button-container:last-child,
.job-overview .description-apply-button-container:last-child  {
	margin-right: 0;
}

/* remove bookmark form margin in listing description - normal and custom template */
.job_listing-content-wrapper .wp-job-manager-bookmarks-form {
	margin: 0;
}

.wp-job-manager-bookmarks-form {
	overflow: visible !important;
	margin: 0;
}

/* bookmark button stylings in listing description - normal and custom template */
.job_listing-content-wrapper a.bookmark-notice´,
.job-overview  a.bookmark-notice {
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
}

/* Fix widget area float */
.widgetized-button-area-beneath-description.social-sharing-widget-area {
	float: left;
	width: 100%;
}

.widgetized-area-beneath-description.social-sharing-widget-area h3.widget-title,
.widgetized-area-featured-listings h3.widget-title,
.related-jobs.container h3.widget--title-job_listing-top,
.single_job_listing h3.widget-title.widget--title-job_listing-top {
	font-weight: 600;
	font-size: 22px;
	text-align: center;
}

/* related listings create alert button */
.related-listings-title-container {
	text-align: center;
}

/* related listings create alert button */
.alert--related-single-listing {
	background-color: #7aba57;
	display: block;
	color: #fff;
	border: 0;
	padding: 6px 10px !important;
	border-radius: 8px;
	margin-left: 10px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1em;
	line-height: 24px;
}

/* related listings create alert button */
.alert--related-single-listing::before {
	display: inline-block;
	font-family: "Ionicons" !important;
	content: "\f3e1";
	font-weight: bold;
	margin: 0 6px 0 0;
	font-size: 1.7em;
	vertical-align: middle;
}

.alert-shortcode {
	text-align: center;
}

.alert-shortcode .alert--related-single-listing {
	width: 100%;
	max-width: 250px;
	margin-top: 1em;
}

/* related listings create alert button */
.alert--related-single-listing:hover {
	background-color: #689e4a;
	color: #d3d5d1;
}

@media screen and (min-width: 768px){

	.alert--related-single-listing {
		display: inline-block;
	}

}

/* no margin under sockial links container in mobile */
.widget.widgetized-area-featured-listings {
	margin-bottom: 0;
	border: 0;
	padding: 0;
}

/* Style featured widget under company information - remove container border*/
.widgetized-area-featured-listings .job_listings {
	border: 0;
}

.widget.widgetized-area-beneath-description.social-sharing-widget-area:last-child:not(:only-child),
.widget.contact_infomation_widget,
.widget--job_listing.jobify_widget_job_company_social,
.job-meta .widget--job_listing.widget_magazine-sources {
	margin-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-bottom: 31px;
}

/* display magazine source only in large screens */
.job-meta .widget--job_listing.widget_magazine-sources {
	display: none;
}

@media screen and (min-width: 960px){
/* Style featured widget under company information - set width and add margin -desktop */
	.widgetized-area-featured-listings .job_listings li.job_listing.job_position_featured {
		width: 32%;
		margin-bottom: 0;
	}

	.widgetized-area-beneath-description.social-sharing-widget-area h3.widget-title,
	.widgetized-area-featured-listings h3.widget-title,
	.related-jobs.container h3.widget--title-job_listing-top,
	.single_job_listing h3.widget-title.widget--title-job_listing-top {
		text-align: left;
	}

	.related-listings-title-container {
		text-align: left;
	}

	.related-listings-title-container h3 {
		display: inline-block;
	}

	/* remove border under social links in desktop */
	.widget.widgetized-area-beneath-description.social-sharing-widget-area:last-child:not(:only-child) {
		margin-bottom: 0;
    	border-bottom: 0;
	}

	/* use jobigy margins in desktop for job information and company pages widget */
	.widget.contact_infomation_widget,
	.job-meta .widget--job_listing.jobify_widget_job_company_social,
	.job-meta .widget--job_listing.widget_magazine-sources {
		margin-bottom: 1em;
    	padding-bottom: 1em;
	}

	/* display magazine source only in large screens */
	.job-meta .widget--job_listing.widget_magazine-sources {
		display: block;
	}

	.job-manager-single-alert-link {
		display: block;
	}
}

/* Remove hover box shadow from featured listing widget */
.widgetized-area-featured-listings .job_position_featured:hover{
	box-shadow: none !important;
}

/* Style featured widget under company information - remove margin from last */
.widgetized-area-featured-listings .job_listings li.job_listing.job_position_featured:last-child {
	margin-right: 0;
	border-bottom: 1px solid #d8d8d8;
}

/* Style featured widget under company information - remove featured text */
.widgetized-area-featured-listings .job_position_featured .list_featured_job_listing {
	display: none;
}

/* Style featured widget under company information - center the image */
.widgetized-area-featured-listings .job_position_featured .job_listing-logo {
	max-width: 100%;
	width: 100%;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	max-height: 13em;
	min-height: 13em;
	position: relative;
	overflow: hidden;
}

/* Style featured widget under company information - set image height same as container */
.widgetized-area-featured-listings .job_position_featured .job_listing-logo img {
	max-height: inherit;
}

/* Style featured widget under company information - set correct height and responding width */
.widgetized-area-featured-listings .job_position_featured .job_listing-logo img {
	height: auto;
	width: auto;
	min-width: auto;
	margin: 0 auto;
	position: absolute;
	padding: 20px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

/* Style featured widget under company information - set width for content */
.widgetized-area-featured-listings .job_position_featured .job_listing-about,
.widgetized-area-featured-listings .job_position_featured .job_listing-about .job_listing-position,
.widgetized-area-featured-listings .job_position_featured .job_listing-about .job_listing-meta {
	max-width: 100%;
	width: 100%;
	margin-right: 0;
	text-align: left;
}

/* Remove padding so that images and link background can extend to 100% width of container. */
.widgetized-area-featured-listings .job_listing {
	padding: 0;
}

/* Remove margin so that content can be styled with padding. */
.widgetized-area-featured-listings .job_position_featured .job_listing-about {
	margin: 0;
	padding: 6px 12px;
	margin-bottom: 12px;
}

/* Remove extra text from featured widget */
.widgetized-area-featured-listings .job_position_featured .job_listing-about .job_listing-title,
.widgetized-area-featured-listings .job_position_featured .job_listing-about .job_listing-company,
.widgetized-area-featured-listings .job_position_featured .job_listing-about .job_listing-types,
.widgetized-area-featured-listings .job_position_featured .job_listing-about .job_listing-location {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* Read more text background. */
.widgetized-area-featured-listings .job_listing-read-more-text {
	background-color:#008CCE;
	width: 100%;
	padding: 1em;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.widgetized-area-featured-listings .job_listing-read-more-text span {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	/* Get arrow to same line as text */
	display: flex;
	align-items: center;
	width: 100%;
	justify-content: center;
	font-family: 'Signika', sans-serif;
}

.widgetized-area-featured-listings .job_listing-read-more-text span:after {
	display: inline-block;
	content: '\f3d6';
	font-family: Ionicons;
	font-size: 2.2em;
	line-height: 12px;
	margin-left: 14px;
}

/* Hide read more text from related listings */
.related-jobs .job_listing-read-more-text {
	display: none;
}

/* text what is displayd when no related listings */
.no-related-listings-para {
	margin: 24px;
}

.related-jobs .job_listings.related {
	border-radius: 0;
	display: inline-block;
	width: 100%;
	margin-top: 0;
}

/* We want same margin for sidebar and under content widgets in mobile */
.widget-title--job_listing, .widget-title--resume {
	margin: 22px 0;
}

.job-meta .job_application,
.job-meta .view-video,
.job-meta .bookmark-form-container {
	display: block;
}

.job-meta .job_application {
	margin: 0;
}

/** THIS IS MOBILE DESIGN FOR APPLICATION BUTTONS - END*/


/** THIS IS MOBILE DESIGN FOR FIXED BOTTOM APPLICATION BUTTONS - END*/
.widget_job_apply_fixed_bottom .fixed-apply-widget {
	position: fixed;
	bottom: 0;
	width: 100%;
	left: 0;
	background-color: #ED7004;
	z-index: 20;
	border-top: 1px solid #ebebeb;
	box-shadow: 0 1px 6px 0 rgba(32,33,36,0.28);
}

/* Flex stuff - affects only single listing application CTA buttons ( sidebar, content area and floating navbar  ) */
.apply-flex-container,
.social-sharing-widget-area .apply-flex-container-content,
.job-meta .apply-flex-container-sidebar {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}
.apply-flex-direction-row {
	-webkit-flex-direction: row;
	flex-direction: row;
}
.apply-flex-equal,
.social-sharing-widget-area .apply-flex-container-content,
.job-meta .apply-flex-equal-sidebar {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	align-items: center;
}
.apply-flex-item,
.social-sharing-widget-area .apply-flex-item-content {
	-webkit-flex: 1 1 0;
	flex: 1 1 0;
}
.apply-flew-grow-1,
.social-sharing-widget-area .apply-flew-grow-1-content {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}
.apply-flew-grow-2,
.social-sharing-widget-area .apply-flew-grow-2-content {
	-webkit-flex-grow: 2;
	flex-grow: 2;
}
.apply-flex-row-wrap,
.social-sharing-widget-area .apply-flew-row-wrap-content {
	flex-flow: row wrap;
}
.apply-flex-justify,
.social-sharing-widget-area .apply-flew-justify-content,
.job-meta .apply-flew-justify-sidebar {
	justify-content: space-around;
}

/* General classes to hide stuff based on screensize */
.widget_job_apply_fixed_bottom .visible-xs {
	display: inline-block;
}
.widget_job_apply_fixed_bottom .visible-sm {
	display: none;
}
.widget_job_apply_fixed_bottom .visible-xs-sm {
	display: inline-block;
}
.widget_job_apply_fixed_bottom .visible-lg {
	display: none;
}

/* General fixed apply widget button styles */
.widget_job_apply_fixed_bottom .button__apply-widget {
	background-color: #fff;
    color: #4e5164;
    font-size: 0.65em;
    padding: 0;
    border: 0;
}

.widget_job_apply_fixed_bottom .button__apply-widget:hover {
	color: #C75A00;
}

.widget_job_apply_fixed_bottom .apply-widget-cta .button__apply-widget:not(:first-child) {
	border-left: 1px solid #ffd9b9;
	border-radius: 0;
}

/** THIS IS MOBILE DESIGN FOR FIXED BOTTOM APPLICATION BUTTONS - bookmark */
.widget_job_apply_fixed_bottom .fixed-apply-widget .button__apply-widget.button__apply-widget--bookmark {
	border-radius: 8px 0 0 8px;
	margin-right: 0.3em;
}

/** THIS IS MOBILE DESIGN FOR FIXED BOTTOM APPLICATION BUTTONS - alert */
.widget_job_apply_fixed_bottom .fixed-apply-widget .button__apply-widget.button__apply-widget--alert {
	margin-bottom: 0;
	margin-right: 0.4em;
	border-radius: 0 8px 8px 0;
}

/** THIS IS MOBILE DESIGN FOR FIXED BOTTOM APPLICATION BUTTONS - alert */
.widget_job_apply_fixed_bottom .fixed-apply-widget .button__apply-widget.button__apply-widget--search-open {
	border-radius: 8px 0 0 8px;
	margin-right: 0.3em;
}

/** THIS IS MOBILE DESIGN FOR FIXED BOTTOM APPLICATION BUTTONS - related */
.widget_job_apply_fixed_bottom .fixed-apply-widget .button__apply-widget.button__apply-widget--related {
	margin-right: 0.3em;
}

/* General before icon styles for buttons */
.widget_job_apply_fixed_bottom .button__apply-widget::before {
	font-family: Ionicons;
	font-size: 2.5em;
	display: block;
	color: #ed7004;
	font-weight: 400;
}

.widget_job_apply_fixed_bottom .button__apply-widget:hover::before {
	-ms-transform: scale(1.1); /* IE 9 */
	-webkit-transform: scale(1.1); /* Safari */
	transform: scale(1.1);
}

/* hide related button from fixed floating navbar */
.widget_job_apply_fixed_bottom .button__apply-widget--related {
	display: none;
}

/* search button to trigger open serach input field in mobile */
.widget_job_apply_fixed_bottom .button__apply-widget--search {
	display: inline-block;
}

/* search bar toggle close on mobile */
.widget_job_apply_fixed_bottom  .button__apply-widget--search-close {
	flex: 0 0 auto;
    padding: 0 10px;
	margin-right: 0.3em;
	border-radius: 8px;
}

/* icons for apply call to action buttons */
.widget_job_apply_fixed_bottom .button__apply-widget--bookmark::before {
	content: '\f3ae';
}
.widget_job_apply_fixed_bottom .button__apply-widget--alert::before {
	content: '\f3e1';
}
.widget_job_apply_fixed_bottom .button__apply-widget--related::before {
	content: '\f471';
}
.widget_job_apply_fixed_bottom .button__apply-widget--search-open::before {
	content: '\f2f5';
}
.widget_job_apply_fixed_bottom  .button__apply-widget--search-close::before {
	content: '\f2d7';
}

/* holds apply cta buttons */
.widget_job_apply_fixed_bottom .apply-widget-cta {
	padding: 3px 0;
}

.widget_job_apply_fixed_bottom #search_keywords {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	border-color: #ed7004;
	border-right: 0;
}

/* apply fixed bottom kewyword search button  */
.widget_job_apply_fixed_bottom #search_vacancies_listing {
	font-family: ionicons;
	font-size: 1.4em;
	border-radius: 0;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 0 8px;
	background-color: #ffffff;
	color: #ed7004;
	border-width: 0;
	font-weight: 400
}

/* Bottom fixed apply button widget needs different "apply" text for mobile. This is used to hide text from any other apply button */
/* See "job-application.php" */
.fixed-widget-apply-text {
	display: none;
}

div.job-meta .widget_job_apply_fixed_bottom input.application_button.button.popup-trigger {
	width: auto;
	padding: 10px 10px;
}

div.job-meta .widget_job_apply_fixed_bottom input.application_button.button.popup-trigger.visible-xs {
	padding: 0;
}

/* search form full width */
.widget_job_apply_fixed_bottom form {
	flex: 1 1 auto;
}

.widget_job_apply_fixed_bottom .job_application.application {
	flex: 1 1 0;
	flex-grow: 1;
	margin: 0;
}

/* Bottom bar logo */
.widget_job_apply_fixed_bottom .logo-white {
	display: none;
}


@media screen and (min-width: 768px) {

	/* General fixed apply widget button styles */
	.widget_job_apply_fixed_bottom .button__apply-widget {
	    font-size: 0.7em;
	}

	.single_job_listing .page-header .single-listing-company-title {
		display: none;
	}

	/* apply widget search form max width */
	.widget_job_apply_fixed_bottom .search_keywords_form {
		max-width: 300px;
	}

	/* display listing information widget content as 2 items per row */
	.job-meta .job_listing-company-social li.contact-person-icon {
		display: inline-block;
		width: 50%;
	}

	/* Set text styling for listind description meta */
	ul.rekrytointi-listing-meta-information {
		text-align: center;
	}

	/* listing information list elements inline */
	.single_job_listing .page-header .page-subtitle li:not(.job-type) {
		padding: 0 20px;
		border-right: 1px solid #ccc;
		display: inline-block;
		font-size: 1em;
		min-height: 0;
	}

	/* we dont want border on last child of headr information list element */
	.single_job_listing .page-header .page-subtitle li:not(.job-type):last-child {
		border-right: 0;
	}

	/* header listing information labels */
	.single_job_listing .page-header .page-subtitle li:not(.job-type) label {
		display: inline;
	}

	/* style icons before listing information in header */
	.single_job_listing .page-header .page-subtitle li.location::before,
	.single_job_listing .page-header .page-subtitle li.date-posted::before,
	.single_job_listing .page-header .page-subtitle li.uranus-application-deadline::before,
	.single_job_listing .page-header .page-subtitle li.job-company::before {
		-webkit-font-smoothing: antialiased;
		color: #4e5164;
		display: inline;
		font-family: Ionicons;
		font-size: inherit;
		line-height: 0;
		margin: 0;
		margin-right: 5px;
		padding: 0;
		position: static;
	}

	/* remove margin form bookmarks form */
	.job-overview form.wp-job-manager-bookmarks-form {
		margin-top: 0;
	}

	.widget_job_apply_fixed_bottom .visible-xs {
		display: none;
	}

	.widget_job_apply_fixed_bottom .visible-sm {
		display: inline-block;
	}

}

@media screen and (min-width: 992px) {

	.widget_job_apply_fixed_bottom .visible-xs-sm {
		display: none;
	}

	.widget_job_apply_fixed_bottom .job_application.application {
		flex-grow: 2;
	}

	.widget_job_apply_fixed_bottom .visible-lg {
		display: inline-block;
	}

	/* apply widget search form */
	.widget_job_apply_fixed_bottom .search_keywords_form {
		float: left;
	}

	/* Bottom bar logo */
	.widget_job_apply_fixed_bottom .logo-white {
		max-height: 40px;
		width: 230px;
		display: inline;
	}

}

@media screen and (min-width: 1200px) {
	/* apply widget search form */
	.widget_job_apply_fixed_bottom .search_keywords_form {
		width: 270px;
	}
}

/* Related jobs and trainings tabs stylings */
/* related tabs container */
#related-job-tabs, #related-job-tabs-shortcode {
	border-radius: 0;
	border: 0;
	padding: 0;
	border-color: #dfdfdf;
}

/* link to search page if no similar listings */
#related-job-tabs .no-related-listings-para a, #related-job-tabs-shortcode .no-related-listings-para a {
	color: #ed7004;
}

#related-job-tabs .no-related-listings-para a:hover, #related-job-tabs-shortcode .no-related-listings-para a:hover{
	color: #C75A00;
}

/* related jobs tabi-navigaation tyyliä */
#related-job-tabs-nav, #related-job-tabs-nav-shortcode {
	padding: 0;
	border-radius: 0;
	border: 0;
	background: #fff;
	display: flex;
	flex-wrap: wrap;
}

#related-job-tabs-nav li, #related-job-tabs-nav-shortcode li {
	padding: 0;
	border-radius: 0;
	border: 0;
	margin: 0;
	color: rgb(237, 112, 4);
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 0;
	background: #F29A50;
	padding: 0 1px;
	width: 100%;
}

/* Related listings in popup */
#popmake-120638 p, #popmake-120649 p, #popmake-266107 p, #popmake-266106 p {
	text-align: center;
	padding: 3px;
}

#popmake-120638, #popmake-120649, #popmake-266107, #popmake-266106 {
	max-width: 88% !important;
	hyphens: none;
	padding: 18px 5px 18px 5px;
}


#popmake-120638 #pum_popup_title_120638, #popmake-120649 #pum_popup_title_120649, #popmake-266107 #pum_popup_title_266107, #popmake-266106 #pum_popup_title_266106 {
	padding-bottom: 15px;
	text-align: center;
	font-family: "Signika","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 1.6em;
}

.pum-content .container h3.widget-title.widget--title-job_listing-top {
	font-weight: 400;
	text-align: center;
}

.pum-content.popmake-content {
	outline: none;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body > *[aria-hidden] {
  padding-right: 0px;
}

#popmake-120638 .container, #popmake-120649 .container, #popmake-266107 .container, #popmake-266106 .container {
	padding-right: 0px;
	padding-left: 0px;
}

/* padding under company name */
#related-job-tabs-content-shortcode .job_listing-company-name {
	padding-bottom: 3px;
}


/* aktiivinen tab style */
#related-job-tabs-nav li.ui-state-active, #related-job-tabs-nav-shortcode li.ui-state-active {
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 0;
	margin-bottom: -1px;
	top: 0;
	z-index: 3;
}

/* tab styles */
#related-job-tabs-nav li a, #related-job-tabs-nav-shortcode li a {
    color: #fff;
    width: 100%;
    margin: 0 1px;
    padding: 12px 16px;
    text-transform: uppercase;
    font-size: 0.85em;
    clear: both;
    font-family: 'Signika', sans-serif;
    line-height: 1.3;
    font-weight: 600;
    border-radius: 8px 8px 0 0;
}

#related-job-tabs-nav-shortcode li a {
    text-align: center;
}

/* aktiivinen tab style */
#related-job-tabs-nav li.ui-state-active a, #related-job-tabs-nav-shortcode li.ui-state-active a {
	background-color: #fff;
	color: rgb(237, 112, 4);
}

/* aktiivinen tab style */
#related-job-tabs-nav li.ui-state-active a:focus, #related-job-tabs-nav-shortcode li.ui-state-active a:focus {
	outline: 0;
}

/* related jobs listaus sisältö */
#related-job-tabs-content, #related-job-tabs-content-shortcode {
	margin: 0;
	padding: 0;
	z-index: 2;
    position: relative;
}

#related-job-tabs-content .no-related-trainings,
#related-job-tabs-content-shortcode .no-related-trainings,
#related-job-tabs-content .no-related-jobs,
#related-job-tabs-content-shortcode .no-related-trainings, {
	border: 1px solid #dfdfdf;
}

#rekrytointicom-related-jobs, #rekrytointicom-related-education, #rekrytointicom-related-jobs-shortcode, #rekrytointicom-related-education-shortcode  {
	padding: 0;
}

/* Hide text "Avoin työpaikka" in mobile popup */
#rekrytointicom-related-jobs-shortcode .job_listing-open-job-text {
	display: none;
}
/* related jobs listaus sisältö */
#related-job-tabs-content li.job_listing, #related-job-tabs-content-shortcode li.job_listing {
	margin: 0;
	border-radius: 0;
}

#related-job-tabs-content li.job_listing .job_listing-open-job-text,
#related-job-tabs-content-shortcode li.job_listing .job_listing-open-job-text {
	border-radius: 0;
}

/* override jquery widget styles */
#related-job-tabs-content .ui-widget-content, #related-job-tabs-content-shortcode .ui-widget-content {
	color: #4e5164;
}

/* override jquery widget styles */
#related-job-tabs.ui-widget, #related-job-tabs-shortcode.ui-widget {
	font-family: inherit;
}

#related-job-tabs-shortcode {
	width:100%;
}

#related-job-tabs-content .job_listings li.job_listing.job_position_featured:first-child,
#related-job-tabs-content-shortcode .job_listings li.job_listing.job_position_featured:first-child  {
	border-top: 0;
}

@media screen and (min-width: 768px) {

	/* makes sure that related listings tabs are inline */
	#related-job-tabs-nav li, #related-job-tabs-nav-shortcode li {
		width: auto;
		border-left: 1px solid #edeaea;
		border-top: 1px solid #edeaea;
		border-right: 1px solid #edeaea;
		border-radius: 8px 8px 0 0;
		top: 4px;
		position: relative;
		z-index: 1;
		margin-right: 0.1em;
	}

	/* makes sure that related listings tabs are inline */
	#related-job-tabs-nav li:not(.ui-state-active):hover, #related-job-tabs-nav-shortcode li:not(.ui-state-active):hover {
		background-color: #de7012;
	}	

	#related-job-tabs-nav-shortcode li a {
		font-size: 0.85em;
	}

	#rekrytointicom-related-jobs-shortcode .job_listing-open-job-text {
		display: block;
	}

	.pum-content .container h3.widget-title.widget--title-job_listing-top {
		text-align: left;
	}

	#related-job-tabs-content .job_listings li.job_listing:last-child:not(.job_position_featured),
	#related-job-tabs-content-shortcode .job_listings li.job_listing:last-child:not(.job_position_featured) {
		border-bottom: 0;
	}

	#related-job-tabs-content .no-related-trainings,
	#related-job-tabs-content .no-related-jobs,
	#related-job-tabs-content-shortcode .no-related-trainings,
	#related-job-tabs-content-shortcode .no-related-jobs {
		border: 0;
	}

	/* Read more text background. */
	.widgetized-area-featured-listings .job_listing-read-more-text {
		border-radius: 0;
	}

	/* sinlge listing featured job - location */
	.widgetized-area-featured-listings .job_listing-location {
		margin-top: .25em;
	}

	#popmake-120638 #pum_popup_title_120638, #popmake-120649 #pum_popup_title_120649, #popmake-266107 #pum_popup_title_266107, #popmake-266106 #pum_popup_title_266106 {
		font-size: 2em;
	}

	#popmake-120638 .pum-content.popmake-content, #popmake-120649 .pum-content.popmake-content, #popmake-266107 .pum-content.popmake-content, #popmake-266106 .pum-content.popmake-content {
		padding: 15px;
	}

}

@media screen and (min-width: 992px) {

	/* display listing information widget content as 1 item per row */
	.job-meta .job_listing-company-social li.contact-person-icon {
		display: block;
		width: 100%;
	}

	/* Use jobify widget title margin in desktop */
	.widget-title--job_listing, .widget-title--resume {
		margin: 25px 0 10px;
	}



	/* makes sure map is display in header on desktop */
	.single-job_listing .gjm-map-wrapper {
		display: block;
	}

	/* display bookmark, company video which are hidden in mobile */
	.job-meta .view-video,
	.job-meta .bookmark-form-container,
	.job-meta .wp-job-manager-bookmarks-form {
		display: block;
	}

	/* Application buttons wrapper margin setup */
	div.job-meta div.job_application {
		margin-bottom: 0.5em;
	}

	/* Video link top margin removal */
	div.job-meta a.button.view-video.popup-trigger {
		margin-top: 0;
	}


	/* Desktop we remove alert link from bottom and place back to sidebar */
	.job-meta .widget_create_listing_alert_button {
		position: static;
		width: 100%;
	}

	/* Add alert button setup */
	.job-meta .job-manager-single-alert-link a {
		border-color: #7ABA57;
		background-color: #fff;
		border-radius: 8px;
		color: #7ABA57;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 1em;
		font-weight: 600;
		line-height: 24px;
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	/* Add alert button icon setup */
	.job-meta .job-manager-single-alert-link a::before {
	    color: #7ABA57;
	    display: inline-block;
	    content: '\f3e1';
		font-size: 25px;
		font-weight: 600;
		height: 24px;
		line-height: 26px;
		vertical-align: text-bottom;
	    -webkit-transition: all .3s;
		-moz-transition: all .3s;
		transition: all .3s;
		font-family: ionicons !important;
		margin: -2px 10px 0 0;
	}

	/* Display different alert title for mobile and desktop. Mobile needs shorted so it fits better */
	.job-meta .alert-title-mobile {
		display: none;
	}

	/* Display different alert title for mobile and desktop. Mobile needs shorted so it fits better */
	.job-meta .alert-title-desktop {
		display: inline;
	}

	/* Add alert button icon hover setup */
	.job-meta .job-manager-single-alert-link a:hover::before {
		color: #fff;
	}

	/* Add alert button hover setup */
	.job-meta .job-manager-single-alert-link a:hover {
		background-color: #7ABA57;
		border-color: #7ABA57;
		color: #fff;
	}



}

/***  Single Job Listing styling STOP  ***/
/*****************************************/


/*************************************************/
/****	 Bookmark Job button design START	****/

.wp-job-manager-bookmarks-form a.uranus-open-popup-link{
	width: 100%;
	font-size:15px;
	margin:0;
	display:inline-block;
	padding:1em;
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	background-color: transparent;
	border-color:#222b38;
	color:#222b38;
}

.wp-job-manager-bookmarks-form a.uranus-open-popup-link::before{display:inline-block;
	width:16px;
	height:16px;
	-webkit-font-smoothing:antialiased;
	font-family:job-manager!important;
	text-decoration:none;
	font-weight:400;
	font-style:normal;vertical-align:top;
	font-size:16px;margin:0 2px 0 0;*overflow:auto;*zoom:1;*display:inline}

.wp-job-manager-bookmarks-form a.uranus-open-popup-link:hover{color:white;background-color:#222b38;}

#uranus-login-options {
	max-width: 500px;
	margin: 20px auto;
}

#uranus-login-options .modal {
	margin-top: 0;
	background-color: #30333e;
}

#uranus-login-options .modal h2.modal-title {
	margin: 0;
	color: #4e5164;
}

#uranus-login-options .modal .woocommerce-form-row, #uranus-login-options .modal .woocommerce-FormRow, #uranus-login-options .modal hr {
	margin-bottom: 1em;
}

#uranus-login-options .modal .woocommerce-customer-login {
	padding: 0 30px 0 30px
}

#uranus-login-options .modal .g-recaptcha {
	margin-bottom: 1em;
}

#uranus-login-options .modal .login-button-navigation {
	margin-bottom: 1em;
}

#uranus-login-options .modal .woocommerce-LostPassword {
	margin-bottom: 1em;
}

#uranus-login-options .modal .ui-tabs-nav.ui-widget-header {
	padding: 0 30px 30px 30px;
}

.uranus-login-options hr,
.modal .uranus-login-options hr {
	background: #ccc;
	border: 0;
}

.uranus-login-options .woocommerce-customer-login,
.uranus-login-options .woocommerce-customer-login .register,
.modal .job-manager-form.wp-job-manager-bookmarks-form .woocommerce-customer-login,
.modal .job-manager-form.wp-job-manager-bookmarks-form .woocommerce-customer-login .register {
	padding: 0;
}
.uranus-login-options .uranus-login-details,
.uranus-login-options .uranus-register-details,
.modal .job-manager-form.wp-job-manager-bookmarks-form .uranus-login-details,
.modal .job-manager-form.wp-job-manager-bookmarks-form .uranus-register-details {
	padding: 30px 0 0;
}
.uranus-login-options .wc-social-login,
.modal .job-manager-form.wp-job-manager-bookmarks-form .wc-social-login {
	display: block!important;
	padding: 0 0 30px 0;
}
.uranus-login-options .wc-social-login + .wc-social-login,
.modal .job-manager-form.wp-job-manager-bookmarks-form .wc-social-login + .wc-social-login {
	display: none!important;
}

.uranus-login-options.ui-widget-content {
	background: transparent;
	border: 0;
}

/****	 Bookmark Job button design STOP	****/
/************************************************/


/**********************************************/
/*****	 Bookmark Page styling START	*****/

/* create RESPONSIVE bookmark table START */
/* http://codepen.io/anon/pen/QwPVNW link to how to create a responsive table */
#job-manager-bookmarks table {
	width: 100%;
	margin:0;
	padding:0;
	border-collapse: collapse;
	border-spacing: 0;
}

#job-manager-bookmarks table tr {
	padding: 5px;
}

#job-manager-bookmarks table th, table td {
	padding: 10px;
	text-align: left;
}

#job-manager-bookmarks table th {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
}

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

	#job-manager-bookmarks table {
		border: 0;
	}

	#job-manager-bookmarks table thead {
		display: none;
	}

	#job-manager-bookmarks table tr {
		margin-bottom: 30px;
		display: block;
		border-bottom: 2px solid #ddd;
	}

	#job-manager-bookmarks table td:first-child{
		text-align: left;
	}

	#job-manager-bookmarks table td {
		display: block;
		text-align: right;
		font-size: 13px;
		border-bottom: 1px dotted #ccc;
	}

	#job-manager-bookmarks table td:last-child {
		border-bottom: 0;
	}

	#job-manager-bookmarks table td:first-child:before{
		display:none;
	}
	/*get table heaeders for mobile view*/
	#job-manager-bookmarks table td:before {
		content: attr(data-label);
		float: left;
		text-transform: uppercase;
		font-weight: bold;
	}
}
/* create RESPONSIVE bookmark table  STOP */

/*edit job types*/
ul.bookmark_list_job_type {
	margin: 0 5px 24px;
	padding: 0;
}
ul.bookmark_list_job_type li.job-type {
	margin-bottom: 5px;
	display:block;
}

/* Bookmarks notes edit */

.job-manager-form p.form-notes-text{
	margin-bottom:0px;
}
.job-manager-form p.trigger-me{
	margin-top:10px;
}

/*notes textarea border*/
textarea.uranus_notes{
	border:1px solid #fff;
}
/*notes textarea border hover*/
textarea.uranus_notes:hover{
	border:1px solid #ccc;
}

/* Remove form top margin */
.entry-content .job-manager-form.wp-job-manager-bookmarks-form p {
	margin: 0 5px 10px 0;
}

/* Update button styling */
#job-manager-bookmarks input.button_toggled.bookmark_list_update_button {
	border: none;
	float: none;
	display: inline;
	padding: 0;
	margin: .5em .5em 0 1em;
	font-weight: 400;
	list-style: none outside;
	font-size: .92em;
	color: black;
	background-color: white;
	text-transform: none;
}
/* Update button hover styling */
#job-manager-bookmarks input.button_toggled.bookmark_list_update_button:hover {
	text-decoration: underline;
}

/*****	 Bookmark Page styling STOP	*****/
/*********************************************/


/********************************************/
/*****	 My Account Page styling START	*****/

/* Apply ionicons font family */
#my-account-dashboard-menu div > a:before { /* Replace the ID (jmfe_widget-2) with the widget ID from Step 1 */
	content: '\f35b'; /* replace the content here with the icon you would like to use.*/
	display: inline-block;
	font-family: Ionicons;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	font-size: 8em;
	-webkit-font-smoothing: antialiased;
}

/* Set Homepage icon */
#my-account-dashboard-menu div > a#home-page-link:before{
	content: '\f38f';
}

/* Set Job Alert icon */
#my-account-dashboard-menu div > a#job-alert-page-link:before{
	content: '\f3e1';
}

/* Set Bookmark icon */
#my-account-dashboard-menu div > a#bookmarks-page-link:before{
	content: '\f3ae';
}

/* Set My Account icon */
#my-account-dashboard-menu div > a#my-account-page-link:before{
	content: '\f3a0';
}

/* Set Account Balance icon */
#my-account-dashboard-menu div > a#account-balance-page-link:before{
	content: '\f110';
}

/* Set Company Information icon */
#my-account-dashboard-menu div > a#company-information-page-link:before{
	content: '\f26c';
}

/* Set Orders icon */
#my-account-dashboard-menu div > a#orders-page-link:before{
	content: '\f127';
}

/* Set Viewed Listing icon */
#my-account-dashboard-menu div > a#viewed-listings-page-link:before{
	content: '\f425';
}

/* Set Talent Bank icon */
#my-account-dashboard-menu div > a#talent-bank-link:before{
	font-family: "FontAwesome";
	content: '\f2bb';
}

/* Set Sign Out icon */
#my-account-dashboard-menu div > a#sign-out-link:before{
	content: '\f29f';
}

/* Set Post a listing icon */
#my-account-dashboard-menu div > a#post-a-listing-page-link:before{
	content: '\f12c';
}

/* Set Manage Listings icon */
#my-account-dashboard-menu div > a#manage-listings-page-link:before{
	content: '\f391';
}

/* Set Stats icon */
#my-account-dashboard-menu div > a#stats-page-link:before{
	content: '\f2b5';
}

/* Set Order Newsletter icon */
#my-account-dashboard-menu div > a#order-newsletter-link:before{
	content: '\f132';
}

/* Set margin bottom for dashboard navigation */
div#my-account-dashboard-menu {
	margin-bottom: 1.5em;
	float: left;
}

/* Float left dashboard text */
div#my-account-dashboard-text {
	float: left;
}

/* Put menu items side by side */
.my-account-dashboard-menu-item {
	float: left;
	margin: 0 0 2em 0;
	text-align: center;
	width: 11em;
}

/* Account balance margin top */
.woocommerce-MyAccount-content h2 {
	margin-top: 0;
}

/* Remove dotted outline from link items */
.my-account-dashboard-menu-item a {
	outline:none !important;
}

/* Set helloy text beneath the dashboard menu */
.hello-text {
	float: left;
	clear: both;
}
/* Set newletter order text beneath the dashboard menu */
.order-news-letter {
	float: left;
	clear: both;
}
#my-account-dashboard-menu span {
	display: block;
	clear: both;
}

@media screen and (min-width: 992px) {
/* Set dashboar navigation to left */
	.woocommerce-account .woocommerce-MyAccount-navigation {
		width: 23%;
		float: left;
	}

/* Set navigation as list items */
	.woocommerce-MyAccount-navigation-link {
		display: list-item;
	}

/* Set dashboard content to right */
	.woocommerce-account .woocommerce-MyAccount-content {
		width: 77%;
		float: right;
	}
}

/*****	 My Account Page styling STOP	*****/
/********************************************/


/****************************************************/
/*****	 My Account Page - Orders styling START	*****/

/* Set correct padding for headers */
.account-orders-table th.woocommerce-orders-table__header{
	padding: 0 10px;
}

/* Button styling for view order information */
a.woocommerce-button.button.pay, a.woocommerce-button.button.view, a.woocommerce-button.button.cancel  {
	padding: 5px 5px;
	font-size: 13px;
	margin-right: 1em;
}

/* Button styling for download invoice */
a.woocommerce-button.button.invoice {
	padding: 5px 5px;
	font-size: 13px;
}

/*****	 My Account Page - Orders styling STOP	*****/
/****************************************************/


/********************************************************/
/*****	 My Account Page - View Order styling START	*****/

/* Margins for order again button */
.woocommerce-order-details .order-again a.button {
	margin-right: 1em;
	margin-bottom: 1em;
}

/*****	 My Account Page - View Order styling STOP	*****/
/********************************************************/

/********************************************/
/*****	 My Account Page - Account balance styling START	*****/

.woocommerce-MyAccount-content #post-new-listing-account-balance {
	padding: 5px 5px;
	font-size: 13px;
	hyphens: none;
}

/*****	 My Account Page - Account balance styling STOP	*****/
/********************************************************/


/****************************************************/
/*****	 WooCommerce shop page styling START	*****/

@media (min-width: 1024px) {

	/* Just to prevent the menu items to move on hover. */
	.shop-nav li {
		border-bottom: 2px solid transparent;
	}

	.shop-nav li a {
		color: #2d2f3a !important;
	}

	/* Actice category menu item. */
	.shop-nav .current-product-parent,
	.shop-nav li:hover {
		border-bottom: 2px solid #ec7004;
	}
}

/* Set overflow for message box */
.woocommerce-page .woocommerce-message {
	overflow: auto;
}

.shop-category {
	margin: auto;
	margin-bottom: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center !important;
	align-items: center;
	padding: 10px;
}

/* The whole div is clickable. */
.shop-category:hover {
    cursor: pointer;
}

.shop-category-title {
	flex-grow: 1;
}

.shop-category-title-text {
	text-shadow: 1px 1px 20px #555, -1px -1px 20px #555;
	overflow: hidden;
}

.shop-category-properties {
	background-color: rgba(50, 50, 50, 0.5);
	display: flex;
	flex-direction: row;
	align-items: stretch;
	flex-wrap: wrap;
	color: #fff;
	font-family: 'Signika', sans-serif;
}

.shop-category-properties-item {
	flex: 1 1 0;
	margin: 30px 0 30px 0;
}

.shop-category-properties-item ul {
	margin-top: 5px;
	margin-bottom: 0;
}

/* To get the second "row" aligned in job listing products. */
.shop-category-properties-item div:nth-child(2) {
	margin-top: auto;
	min-height: 75px;
}

.shop-category-properties-item-en div:nth-child(2) {
	min-height: 125px;
}

.shop-category-properties-item .link-to-product:hover,
.shop-category-properties-item .link-to-product:focus {
	text-decoration: underline;
}

.shop-category-properties-item:not(:first-child) {
	border-left: 1px solid #fff;
}

.shop-category-properties-item .link-to-product {
	color: #fff;
	font-size: 1.2em;
}

.shop-category-properties-item:last-child {
	align-self: stretch;
}

.shop-category-properties-item .product-text {
	padding: 0 20px;
}

.shop-category-properties-item .products-button a {
	border: 2px solid #fff !important;
	border-radius: 8px !important;
}

.shop-category-properties-item .products-button a:hover,
.shop-category-properties-item .products-button a:focus {
	color: #ed700a !important;
	border-color: #ed700a !important;
	background-color: #fff !important;
}

.shop-category-laura-properties-item {
	border: none !important;
}

.shop-category-laura-properties-item:first-child {
	flex: 2 1 0;
}

.shop-category-laura-properties-item:last-child {
	text-align: center;
}

/* Responsive layout - display elements 1 in a row. */
@media (max-width: 1024px) {
	.shop-category-properties {
		flex-wrap: wrap;
		padding: 20px 0;
	}

	.shop-category-properties-item {
		flex: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: flex-start;
		border: none !important;
		margin: 0 30px;
		row-gap: 10px;
	}

	.shop-category-properties-item div {
		flex: 100%;
	}

	.shop-category-properties-item:last-child .elementor-widget-button {
		margin-top: 15px;
		margin-bottom: 0;
	}

	/* Display job listing product desriptions as bullet points. */
	#shop-category-job-listing .product-text .description span {
		display: list-item;
	}

	#shop-category-job-listing .product-text .description {
		padding-left: 40px; /* Use the same indent as in talent bank ul list. */
		margin-top: 0;
		margin-bottom: 5px;
	}

	.shop-category-properties-item div:nth-child(2) {
		margin-top: 0 !important;
		min-height: 0;
	}

	.shop-category-laura-properties-item:last-child {
		text-align: left;
	}
}

/* On product loop page have deleted price on it's on line */
.woocommerce-loop-product__link .price del {
	display: block;
}

/*****	 WooCommerce shop page styling STOP 	*****/
/****************************************************/


/********************************************************/
/*****	 WooCommerce Checkout page styling START	*****/

/* Hide top social login */
.woocommerce-checkout .entry-content .wc-social-login {
	display: none;
}

/* Checkout page social login */
.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login {
	border-radius: 4px;
	padding: 1.25em;
	border: 2px solid #7dc246;
	margin-bottom: 0;
}

/* Checkout page login form */
.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login {
	display: block !important;
	margin-bottom: 1em;
}

/* Checkout login lost password */
.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .lost_password {
	float: right;
	margin-top: -30px;
}

/* Checkout page login form form row */
.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .form-row {
	float: left;
}

/* Checkout page login form form row submit button */
.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .form-row .woocommerce-button {
	padding: 9px 50px;
}

/* Checkout page login form form first and last row */
.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .form-row.form-row-first,
.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .form-row.form-row-last {
	width: 100%;
	margin-bottom: 1em;
}

/* Checkout page login form form row */
.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .form-row.form-row-last {
	float: left;
}

@media screen and (min-width: 400px) {
	/* Checkout login lost password */
	.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .lost_password {
		margin-top: -56px;
	}
}

@media screen and (min-width: 768px) {
	/* Checkout page login form form first and last row */
	.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .form-row.form-row-first,
	.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .form-row.form-row-last {
		width: 30%;
	}

	/* Checkout page login form form first row */
	html[lang=fi] .woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .form-row.form-row-first {
		margin-top: -18px;
	}

	/* Checkout page login form form row */
	.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .form-row.form-row-last {
		margin-left: 1em;
		margin-right: 1em;
	}

	/* Checkout login lost password */
	.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .lost_password {
		margin-top: -20px;
	}
}

@media screen and (min-width: 992px) {
	/* Checkout login lost password */
	.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .lost_password {
		margin-top: 15px;
	}
}

@media screen and (min-width: 1200px) {
	/* Checkout page login form form first row */
	html[lang=fi] .woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .form-row.form-row-first {
		margin-top: 0;
	}
}

/* Checkout page login form */
.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .clear::after {
	clear: none;
}

/* Hide login toggle */
.woocommerce-checkout .entry-content .woocommerce-form-login-toggle {
	display: none;
}

/* Show social login inside checkout login */
.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .wc-social-login {
	display: block;
}

/* Show social login inside checkout login button */
.woocommerce-checkout .entry-content .woocommerce form.woocommerce-form.woocommerce-form-login.login .wc-social-login a {
	margin-right: 1em;
}

/* Checkout page hide coupon info toggle */
.woocommerce-form-coupon-toggle .woocommerce-info {
	display:none;
}

/* Checkout page show coupon input */
.woocommerce-checkout .entry-content .woocommerce .checkout_coupon {
	display: block !important;
	clear: both;
}

/* Checkout pgae account fields block */
.woocommerce-checkout .woocommerce-account-fields {
    margin-bottom: 2.0em;
}

/* Checkout page register account checkbox */
.woocommerce-checkout .woocommerce-account-fields .create-account {
    margin-bottom: 0.5em;
}

/* Checkout page additional features sub heading */
h4.checkout-additional-features-sub-heading {
	margin-bottom: 15px;
}

/* Checkout page additional features the container label */
label.checkout-additional-features-label {
	display: block;
	position: relative;
	padding-left: 26px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Checkout page hide the browser's default checkbox */
label.checkout-additional-features-label input.single_add_to_cart_button {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}


/* Checkout page additional features create a custom checkbox */
label.checkout-additional-features-label .checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	background-color: #eee;
}

/* Checkout page additional features on mouse-over, add a grey background color */
label.checkout-additional-features-label:hover input ~ .checkmark {
	background-color: #ccc;
}

/* Checkout page additional features when the checkbox is checked, add a blue background */
label.checkout-additional-features-label input:checked ~ .checkmark {
	background-color: #2196F3;
}

/* Checkout page additional features create the checkmark/indicator (hidden when not checked) */
label.checkout-additional-features-label .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Checkout page additional features show the checkmark when checked */
label.checkout-additional-features-label input:checked ~ .checkmark:after {
	display: block;
}

/* Checkout page additional features style the checkmark/indicator */
label.checkout-additional-features-label .checkmark:after {
	left: 8px;
	top: 4px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* Checkout page additional features title */
label.checkout-additional-features-label span.add-on-title {
	color: #ed7004;
}

/* Checkout page additional features price */
label.checkout-additional-features-label span.add-on-price {
	margin-left: 4px;
}

/* Checkout page additional features text content */
div.checkout-additional-features-text-content {
	margin-left: 26px;
}

/* Additional features file input */
div.checkout-additional-features-container input.file_upload {
	padding-left: 26px;
	float: left;
}

/* Additional features file input description */
div.checkout-additional-features-container span.file-upload-description {
	display: block;
	width: 39%;
	float: right;
	font-size: 0.8em;
	padding-top: 11px;
}

/* Additional features file input image */
div.checkout-additional-features-container img.checkout-image-output {
    padding-left: 26px;
    max-width: 280px;
    max-height: 60px;
}

/* Checkout page additional features text content p */
div.checkout-additional-features-text-content p {
	margin: 10px 0 12px 0;
}

/* Checkout page additional features text content ul */
div.checkout-additional-features-text-content ul {
	margin-top: -3px;
	list-style: none;
	padding-left: 33px;
}

/* Checkout page additional features text content ul li */
div.checkout-additional-features-text-content ul li::before {
	content: "\f122";
	font-family: Ionicons;
	color: #ed7004;
	font-size: 0.9em;
	display: inline-block; 
	width: 1.5em;
	margin-left: -1.5em;
}

/*****	 WooCommerce Checkout page styling STOP 	*****/
/********************************************************/

/****************************************************/
/*****	 WooCommerce order received page styling START	*****/

/* Show social login on order received page. */
.woocommerce-checkout.woocommerce-order-received .entry-content .wc-social-login {
	display: flex;
	justify-content: flex-start;
}

.woocommerce-checkout.woocommerce-order-received .entry-content .wc-social-login a {
	margin-right: 20px;
}

/* Hide check mark. */
.woocommerce-order-received .woocommerce-info::before {
	content: "";
}

.woocommerce-order-received .woocommerce-info {
	border-color: #ec7004;
	padding: 0 20px 0 20px;
}

/* Center text in order received page */
.package-listed-succesfully-area {
	text-align: center;
}

/* Add margin to buttons */
.woocommerce-order-received .woocommerce-order-details .button,
.woocommerce-order-received .job-manager-submitted-paid-listing-actions .button {
	margin-right: 1em;
}

/* set width for the buttons */
.package-listed-succesfully-area .listing-submitted-page-button {
	width: 250px;
}

/* Move buttons next to each other if not mobile device */
@media screen and (min-width: 768px) {
	.package-listed-succesfully-area .view-listing-button {
		text-align: right;
	}

	.package-listed-succesfully-area .post-new-listing-button {
		text-align: left;
	}
}

/* Add margin-top to mobile / tablet */
@media screen and (max-width: 992px) {
	.job-manager-submitted-paid-listing-actions .button {
		margin-top: 1em;
	}
}

/*****	 WooCommerce order received page styling STOP 	*****/
/****************************************************/

/******************************************************/
/*****	  Register and Login Form Style START	  *****/

/* Replace WooCommerce font eye for showing password */
.woocommerce form .show-password-input::after, .woocommerce-page form .show-password-input::after {
	font-family: FontAwesome;
	content: "\f06e";
}

/*remove margin from login wiget inside megamenu*/
#mega-menu-item-megamenu_login_register-2 #primary{
	margin:0;
}

/*text color for login form in megmamenu*/
#mega-menu-wrap-support_navigation #uranus-login-details{
	color:#fff;
}
/*text size for login form in megmamenu*/
#mega-menu-wrap-support_navigation #uranus-login-details h2{
	font-size: 2em;
}

/*text color for register form in megmamenu*/
#mega-menu-wrap-support_navigation #uranus-register-details{
	color:#fff;
}
/*text size for register form in megmamenu*/
#mega-menu-wrap-support_navigation #uranus-register-details h2{
	font-size: 2em;
}

/*remove space from megamenu login and register*/
#mega-menu-wrap-support_navigation #uranus-login-options2{
	padding: 0 0 0 30px;
}

/*remove all style from original input button and place it into parent container*/
#mega-menu-wrap-support_navigation .woocommerce-Button{
    color: #fff;
    text-align: center;
    padding:10px 58px 10px 32px;
    background-color:#008CCE;
}
#mega-menu-wrap-support_navigation .woocommerce-Button:hover{
	background-color:#005796;
	border-color:#005796;
}

/* woocommercer login/register button arrow*/
#mega-menu-wrap-support_navigation .woocommerce-input-button-wrapper:after{
	font-family: "Ionicons" !important;
    content: "\f30f";
    font-size: 27px;
    color: #fff;
    width: 26px;
    line-height: 30px;
    vertical-align: middle;
   	position: relative;
   	right: 40px;
   	top: -1px;
   	margin-right: -36px;
   	pointer-events: none;
}

/*style input areas*/
#mega-menu-wrap-support_navigation input.woocommerce-Input, .modal input.woocommerce-Input{
	border-radius:0;
	background-color:#6C6E7D;
	border:solid 1px #6C6E7D;
	color:#fff;
	font-family: 'Source Sans Pro', sans-serif;
}

/*placeholder text style login/register popup and header menu*/
#mega-menu-wrap-support_navigation input::-webkit-input-placeholder, .modal #uranus-login-details input::-webkit-input-placeholder, .modal #uranus-login-details2 input::-webkit-input-placeholder, .modal #uranus-register-details input::-webkit-input-placeholder{
	color:#fff!important;
	text-transform:uppercase;
}
#mega-menu-wrap-support_navigation input.woocommerce-Input::-moz-placeholder, .modal #uranus-login-details input.woocommerce-Input::-moz-placeholder, .modal #uranus-login-details2 input.woocommerce-Input::-moz-placeholder,
.modal #uranus-register-details input.woocommerce-Input::-moz-placeholder{
	color:#fff!important;
	text-transform:uppercase;
}
#mega-menu-wrap-support_navigation input.woocommerce-Input:-ms-input-placeholder, .modal input.woocommerce-Input:-ms-input-placeholder, .modal #uranus-register-details input.woocommerce-Input:-ms-input-placeholder{
	color:#fff!important;
	text-transform:uppercase;
}
#mega-menu-wrap-support_navigation input.woocommerce-Input:-moz-placeholder, .modal input.woocommerce-Input:-moz-placeholder, .modal #uranus-register-details input.woocommerce-Input:-moz-placeholder{
	color:#fff!important;
	text-transform:uppercase;
}

/*login username area as a table */
#mega-menu-wrap-support_navigation #uranus-login-details form.login .login-header-username{
	display:table-cell;
	box-sizing:border-box;
	border-right:transparent 15px solid;
	width: 50%;
}

/* username input style */
#mega-menu-wrap-support_navigation #uranus-login-details form.login .login-header-username input{
	vertical-align: top;
    display:inline-block;
    border:0;
    height:40px;
    margin:0;
}

/*password area as a table*/
#mega-menu-wrap-support_navigation #uranus-login-details form.login .login-header-password{
	display:table-cell;
	box-sizing:border-box;
	border-left:transparent 15px solid;
	border-right:transparent 15px solid;
	width:20%;
}

/* password input style */
#mega-menu-wrap-support_navigation #uranus-login-details form.login .login-header-password input{
	vertical-align: top;
    display:inline-block;
    border:0;
    height:40px;
    margin:0;
}

/*submit button as a table*/
#mega-menu-wrap-support_navigation #uranus-login-details form.login .form-row.login-button-navigation{
	display:table-cell;
	box-sizing:border-box;
	border-left:transparent 15px solid;
	width:22%;
}

/*width from content and align it with content above*/
#mega-menu-wrap-support_navigation #uranus-login-details form.login .woocommerce-LostPassword{
	position: relative;
	display:inline-block;
	top:-26px;
}

/*width from content and align it with content above*/
#mega-menu-wrap-support_navigation #uranus-login-details form.login .woocommerce-LostPassword a{
	font-size: 14px;
	color: #FFF;
}

/*registration input field position*/
#mega-menu-wrap-support_navigation #uranus-register-details .woocommerce-form-row{
	float:left;
	width:72%;
	margin-right:30px;
	margin-bottom: 15px;
}

/* register input style */
#mega-menu-wrap-support_navigation #uranus-register-details .woocommerce-form-row input{
	vertical-align: top;
    display:inline-block;
    border:0;
    height:40px;
    margin:0;
}

/* register recaptcha styling */
#mega-menu-wrap-support_navigation #uranus-register-details .g-recaptcha{
	float: left;
	margin-bottom: 15px;
}

/* registeration button */
#mega-menu-wrap-support_navigation #uranus-register-details .form-row.login-button-navigation {
	margin-bottom: 10px;
}

/* privacy policy link style in registration form */
.rekrytointicom-privacy-policy {
	margin-bottom: 36px;
}

/* privacy policy link style in registration form */
.modal .job-manager-form.wp-job-manager-bookmarks-form p:last-child {
	padding-left: 0;
}

/* modal login form privacy policy  */
.modal .ui-widget-content .woocommerce-customer-login a, .modal .woocommerce-customer-login .woocommerce-form-login a,
.modal .ui-widget-content .register_bookmark .rekrytointicom-privacy-policy a, .modal .register_bookmark .woocommerce-form-login .rekrytointicom-privacy-policy a {
	color: #fff;
}

/* modal login error link  */
.modal .ui-widget-content .woocommerce-customer-login .woocommerce-error a, .modal .woocommerce-customer-login .woocommerce-form-login .woocommerce-error a {
	color: #222222;
}

/* navigation privacy policy register form */
#support-navigation .rekrytointicom-privacy-policy a {
	text-decoration: underline;
	color: #fff;
}

/* Registeration page recaptcha */
.content-area #uranus-login-options .login-header-username,
.content-area #uranus-login-options .login-header-password,
.content-area #uranus-login-options .registration-header-email,
.content-area #uranus-login-options .g-recaptcha {
	margin-bottom: 1em;
}

/* modal bookmark login form privacy policy  */
.modal .job-manager-form.wp-job-manager-bookmarks-form p:last-child {
	padding-left: 0;
	padding-top: 0;
	margin-top: 0;
	margin-left: 0;
	background-color: transparent;
	border: none;
}

/* bookmark login form privacy policy  */
.modal .job-manager-form.wp-job-manager-bookmarks-form div.rekrytointicom-privacy-policy {
	padding-left: 0;
}

/* override styles in post alisting login form */
.modal .rekrytointicom-privacy-policy p:only-of-type {
	padding: 0;
}

/*MEGA MENU SOCIAL LOGIN STYLE*/
/*separate soccial logins more*/
#mega-menu-wrap-support_navigation .wc-social-login a{
	margin-right:15px;
}
#mega-menu-wrap-support_navigation .wc-social-login p{
	color:#CACBCD;
}

/*JQUERY UI TABS EDIT*/
/*edit registration and login jquery ui tabs background*/
#mega-menu-wrap-support_navigation .ui-widget{
    font-family: 'Source Sans Pro', sans-serif;
}
/* change registration and log in submit button font */
#mega-menu-wrap-support_navigation .ui-widget input{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight:600;
}

/*change jquery ui tabs background color full width*/
#mega-menu-wrap-support_navigation .ui-tabs .ui-tabs-nav.ui-widget-header, .modal .job-manager-form .ui-tabs .ui-tabs-nav.ui-widget-header,
.modal #uranus-login-options2 .ui-tabs-nav.ui-widget-header, #uranus-login-options .ui-tabs-nav.ui-widget-header{
	background:#30333e;
	border-color:#30333e;
}
/*different colors for login/kirjaudu sisaan page - overrides previous style - fi and en*/
.page-id-3678 #uranus-login-options .ui-tabs-nav.ui-widget-header, .page-id-1671 #uranus-login-options .ui-tabs-nav.ui-widget-header,
.hakuvahdit #uranus-login-options .ui-tabs-nav.ui-widget-header, .search-alerts #uranus-login-options .ui-tabs-nav.ui-widget-header{
	background:#fff;
	border-color:#fff;
}

/*hide active jquery ui tab*/
#mega-menu-wrap-support_navigation .ui-tabs-active, .modal .job-manager-form .ui-state-active, .modal #uranus-login-options2 .ui-state-active, #uranus-login-options .ui-state-active{
	display:none!important;
}

/*override jquery ui settings*/
#mega-menu-wrap-support_navigation .ui-state-default, .modal .job-manager-form .ui-state-default, .modal #uranus-login-options2 .ui-state-default, #uranus-login-options .ui-state-default{
	background-color:#30333e;
	background:#30333e;
	margin:0;
	color:#fff;
	border:0;
}
/*different colors for login/kirjaudu sisaan page - overrides previous style - fi and en*/
.page-id-3678 #uranus-login-options .ui-state-default, .page-id-1671 #uranus-login-options .ui-state-default,
.hakuvahdit #uranus-login-options .ui-state-default, .search-alerts #uranus-login-options .ui-state-default {
	background-color:#fff;
	background:#fff;
}

/*login register form swap button style*/
#mega-menu-wrap-support_navigation .ui-state-default a, .modal .job-manager-form .ui-state-default a, .modal #uranus-login-options2 .ui-state-default a, #uranus-login-options .ui-state-default a{
	background: #008CCE;
    border-radius: 8px;
    color: #fff;
    display: block;
    line-height: 30px;
    text-align: center;
    background-color:#30333e;
    border:2px solid #fff;
    padding:.5em 2em;
}
/*different colors for login/kirjaudu sisaan page - overrides previous style - fi and en*/
.page-id-3678 #uranus-login-options .ui-state-default a, .page-id-1671 #uranus-login-options .ui-state-default a,
.hakuvahdit #uranus-login-options .ui-state-default a, .search-alerts #uranus-login-options .ui-state-default a {
	color: #000;
	background-color:#fff;
	border:2px solid #000;
}

#mega-menu-wrap-support_navigation .ui-state-default a:hover, .modal .job-manager-form .ui-state-default a:hover, .modal #uranus-login-options2 .ui-state-default a:hover,
#uranus-login-options .ui-state-default a:hover{
	border-color:#9A9CA6;
}

/*button design jquery ui tabs*/
#mega-menu-wrap-support_navigation .ui-state-default a span, .modal .job-manager-form .ui-state-default, .modal #uranus-login-options2 .ui-state-default{
	display: inline-block;
    font-weight: 600;
    font-size: 1em;
    text-transform: uppercase;
}

/*button design arrow after element*/
#mega-menu-wrap-support_navigation .ui-state-default a::after, .modal .job-manager-form .ui-state-default a::after, .modal #uranus-login-options2 .ui-state-default a::after,
 #uranus-login-options .ui-state-default a::after{
	display: inline-block;
    font-family: "Ionicons" !important;
    content: "\f30f";
    font-size: 27px;
    color: #fff;
    width: 26px;
    text-align: right;
    line-height: 30px;
    vertical-align: bottom;
}
/*different colors for login/kirjaudu sisaan page - overrides previous style - fi and en*/
.page-id-3678 #uranus-login-options .ui-state-default a::after, .page-id-1671 #uranus-login-options .ui-state-default a::after,
.hakuvahdit #uranus-login-options .ui-state-default a::after, .search-alerts #uranus-login-options .ui-state-default a::after {
	color:#000;
}

/*text before login and register button*/
#mega-menu-wrap-support_navigation .login-register-button-text, .modal .job-manager-form .login-register-button-text, .modal #uranus-login-options2 .login-register-button-text,
#uranus-login-options .login-register-button-text{
	color:#fff;
	float:left;
	line-height: 50px;
	margin: 0 20px 0 0;
}
/*different colors for login/kirjaudu sisaan page - overrides previous style - fi and en*/
.page-id-3678 #uranus-login-options .login-register-button-text, .page-id-1671 #uranus-login-options .login-register-button-text,
.hakuvahdit #uranus-login-options .login-register-button-text, .search-alerts #uranus-login-options .login-register-button-text {
	color:#000;
}

/* GENERAL STYLING LOGIN REGISTER POPUP - MODAL */
.modal #uranus-login-options2, .modal .uranus-login-options, .modal .woocommerce-customer-login .woocommerce-form-login{
	background-color:#30333e;
}

/* Remove padding from bookmark modal */
.modal .job-manager-form.wp-job-manager-bookmarks-form div {
	padding: 30px;
}

/* Add correct padding from bookmark modal */
.modal .job-manager-form.wp-job-manager-bookmarks-form div#uranus-login-options {
	padding: 30px;
}

/* Bookmark remove margin top from heading */
.modal .job-manager-form.wp-job-manager-bookmarks-form div#uranus-login-options h2 {
	margin-top: 0;
}

/* Boomark form bottom margin for rows */
.modal .job-manager-form.wp-job-manager-bookmarks-form .woocommerce-form-row {
	margin-bottom: 30px;
}

/*set font color login register form*/
.modal .job-manager-form .login, .modal .job-manager-form .register, .modal .job-manager-form .register_bookmark,
.modal .woocommerce-customer-login .login, .modal .woocommerce-customer-login .register, .modal .woocommerce-customer-login .register_bookmark,
.modal #uranus-login-options2 .login, .modal #uranus-login-options2 .register, 
.modal .woocommerce-customer-login .woocommerce-form-login label, .modal .woocommerce-customer-login .woocommerce-form-login p{
	color:#fff;
}

/*set font color login register form error*/
.modal .job-manager-form .login .woocommerce-error, .modal .job-manager-form .register .woocommerce-error, .modal #uranus-login-options2 .login .woocommerce-error, .modal #uranus-login-options2 .register .woocommerce-error, #uranus-register-details .woocommerce-error{
	color:#222222;
}

/*set h2 font login register form error*/
.modal .woocommerce .woocommerce-customer-login h2 {
	font-weight: 400;
	font-size: 28px;
	padding: 30px;
	margin-bottom: 0;
	background: #fff;
	border-bottom: 1px solid #ccc;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

/*hide duplicated woocommerce social login*/
.modal #uranus-login-options2 .register .wc-social-login:nth-of-type(2), .modal #uranus-login-options2 .login .wc-social-login:nth-of-type(1) {
	display: none!important;
}

/*bookmark notes textarea style*/
#uranus-login-options .modal #bookmark_notes_register, #uranus-login-options .modal #bookmark_notes_login, #uranus-login-options .modal #bookmark_notes_register{
	border-radius:0;
	background-color:#6C6E7D;
	border:solid 1px #6C6E7D;
	color:#fff;
}


/*override jobify style for <p> element*/
.modal .login-register-button-text{
	padding:0!important;
	margin-left:10px!important;
}

#talent-bank-container {
	position: relative;
	padding: 0;
}

/* talent bank button stylings */
#talent-bank-container .login-talent-bank {
	white-space: unset;
	background: #ed7004;
	border-radius: 0px;
    text-align: center;
    color: #fff;
    padding: 12px; 
    border: 2px solid #fff;
}

/* Set talent bank logo size */
#talent-bank-container .login-talent-bank img {
	width: 230px;
}

/* set width and height for link */
#talent-bank-container .login-talent-bank a span {
	text-transform: unset;
	max-height: 150px;
	max-width: 100%;
	line-height: 20px;
	hyphens: none;
	font-size: 1.1em;
}

#talent-bank-container .login-talent-bank a span .click-here-text {
	font-size: 1.3em;
}

/* Background color and border radius for button */
#talent-bank-container .login-talent-bank a {
	background: #ed7004;
	border-radius: 0px;
    text-align: center;
    color: #fff;
}

/* Hover efects for link */
#talent-bank-container .login-talent-bank a:hover {
	text-decoration: none;
	border-color: #9A9CA6;
}

@media screen and ( min-width: 768px ) {
	/* Move talent bank button to right bottom corner */
	#talent-bank-container .login-talent-bank,
	#talent-bank-container .login-talent-bank a {
		position: absolute;
		right: 0;
		bottom: 0;
	}

	#talent-bank-container .login-talent-bank {
		border: none;
		width: 312px;
	}

	#talent-bank-container .login-talent-bank a {
		border: 2px solid #fff;
		padding: 12px;
	}

	#talent-bank-container .login-talent-bank a span {
		max-height: 150px;
		width: 230px;
	}
	/* Add margin to social login buttons so talent bank button won't go top of them */
	#uranus-login-options2 .wc-social-login.form-row-wide {
		margin-bottom: 66px;
	}
	
	#uranus-login-options2 .wc-social-login.form-row-wide.wc-social-login-link-account {
		margin-bottom: 30px;
	}
}

@media screen and ( min-width: 768px ) and ( max-width: 992px ) {
	/* reduce width of privacy policy text */
	#uranus-login-options2 .rekrytointicom-privacy-policy p {
		max-width: 50%;
	}
}

/*display fullwidth in tablet*/
@media screen and (max-width: 992px){
	#support-navigation #uranus-login-options2{
		padding:0;
	}

	#mega-menu-wrap-support_navigation #uranus-login-details{
		display: block;
	}
	/*login username area as a block */
	#mega-menu-wrap-support_navigation #uranus-login-details form.login .login-header-username{
		display:inline-block;
		width:100%;
		border-left:0;
		border-right:0;
	}
	/*resgister area as a block */
	#mega-menu-wrap-support_navigation #uranus-login-details form.login .login-header-password{
		display:inline-block;
		width:100%;
		border-left:0;
		border-right:0;
	}
	/*submit button as a block */
	#mega-menu-wrap-support_navigation #uranus-login-details form.login .form-row.login-button-navigation{
		display:inline-block;
		width:100%;
		border-left:0;
		border-right:0;
		text-align:center;
	}
	/*display registration input field and button as a table*/
	#mega-menu-wrap-support_navigation #uranus-register-details .woocommerce-form-row{
		float:none;
		width:100%;
	}
	/*align with content  above*/
	#mega-menu-wrap-support_navigation #uranus-login-details form.login .woocommerce-LostPassword{
		position: relative;
		top:0;
	}

	#mega-menu-wrap-support_navigation #uranus-login-details form.login .form-row.login-button-navigation label{
		margin-top: 10px;
    	text-align: left;
	}
}


.woocommerce-customer-login .register{padding:30px;}

/* Fix position set by Easy Social Share Buttons for WordPress */
.modal{position: relative;}


/*****	   Register and Login Form Style STOP	  *****/
/***********************************************/


/***********************************************/
/*****	  Social login style  START	  *****/

/* Checkout page social login p element */
.woocommerce-checkout .status-publish .wc-social-login p {
    width: 100%;
}

/* Removes clickable area outside of container */
.wc-social-login .button-social-login, .wc-social-login a.button-social-login{
	overflow:hidden;
	color: #fff;
}

/*****	  Social login style  START	  *****/
/***********************************************/


/**********************************************/
/*****   Submit Job Page styling START	*****/

/* Line break for widget tags */
.jobify_widget_job_tags .job-tag {
	display: inline-block;
}

/*Hide education and actionhook fields*/
form fieldset.fieldset-job_koulutus_action{
	display:none;
}

form fieldset.fieldset-job_koulutus_field{
	display:none;
}

form fieldset.fieldset-job_type_action{
	display:none;
}

/* Signin popup button */
form#submit-job-form fieldset .signInButton.button{
	padding:0;
	color:#fff;
}
form#submit-job-form fieldset .signInButton.button a{
	display: block;
	padding:5px 10px;
	color:#fff;
	text-decoration:none;
}
form#submit-job-form fieldset .signInButton.button a:hover{
	color:#fff;
}

/* Language switcher dropdown style - this is wpml language swticher styles in listing submission page*/
fieldset.fieldset-job_language_switcher .dropdown-language {
	position: relative;
	display: inline-block;
	border: 1px solid #ccc;
	width:100%;
	outline: none;
	background:#f7f6f3;
}

fieldset.fieldset-job_language_switcher .dropdown-language p{
	margin:0;
	padding: 10px;
}
/*arrow icon*/
fieldset.fieldset-job_language_switcher .dropdown-language p:after{
	font-family: Ionicons;
	content: "\f123";
	float:right;
}

fieldset.fieldset-job_language_switcher .dropdown-content-language {
	background-color:#fff;
	text-transform: capitalize;
	margin:0;
	padding: 0;
	display: none;
	width:100%;
	position:absolute;
	border: 1px solid #ccc;
}

fieldset.fieldset-job_language_switcher .dropdown-content-language a:hover{
	background-color:#3297fd;
}

fieldset.fieldset-job_language_switcher .dropdown-content-language .language-dropdown-item{
	display: inline-block;
	width: 100%;
	padding: 10px;
	color:#000;
}

/***********************************************************************/
/************** POST A LISTING PAGES ***********************************/

/* Apply a background image for post a listing pages header. */
.jata-ilmoitus .page-header,
.post-a-listing .page-header {
	border: none;
	height: 227px;
	background-color: #fff;
	background-image: url("/wp-content/themes/jobify-child/assets/images/shop/Ilmoituksenjattaminen_1170x227.jpg");
	background-repeat: no-repeat;
	background-position: center;
}

.jata-ilmoitus .page-header h2,
.post-a-listing .page-header h2 {
	transform: translateY(50%);
	color: #fff;
	text-shadow: 1px 1px 20px #555, -1px -1px 20px #555;
}

/***********************************************************************/
/************** FIRST PHASE - SELECT LISTING PACKAGE *******************/

/* Display form as table so it is possible to reorder elements inside. */
#job_package_selection {
	display: table;
	width: 100%;
}

/* Job listing packages add margin so job_listing_packages_title element/button is further down. */
#job_package_selection .job_listing_packages {
	margin-bottom: 3em;
	/* Clear floating button above package contents and add margin. */
	clear: both;
	margin-top: 50px;
}

/* Drop this element from top to bottom. */
#job_package_selection .job_listing_packages_title {
	float: left;
	margin-bottom: -30px;
	background-color:#fff;
}

/* Hide text next to job package selection call to action button - didnt find a way to remove text without editing plugin. */
#job_package_selection .job_listing_packages_title h2 {
	display: none;
}

/* Set font family for icon in job package selection call to action button. */
#job_package_selection .job_listing_packages_title input.button {
	font-family: "Signika", "Montserrat", sans-serif !important;
	font-weight: 400;
	padding: 10px 15px 10px 20px;
}

/* For mobile display job package selection call to action button in full width. */
@media (max-width: 768px) {
	#job_package_selection .job_listing_packages_title input.button {
		margin: 0;
		padding: 20px 10px;
		font-size: 0.9em;
		width: 100%;
	}
}

/* Selected package title. */
#job_package_selection .rekrytointicom-package-selection-header {
	margin-top: 55px;
	font-weight: 600;
	font-size: 1.8em;
	color: #000;
}

/* Selected package description and list of packages. */
#job_package_selection .job-package-content {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 2fr 1fr;
	grid-template-areas: 'grid-details grid-list';
	grid-gap: 0 30px;
	align-items: flex-start;
}

#job_package_selection .job-package-details {
	grid-area: grid-details;
}

#job_package_selection .job-package-details p, 
#job_package_selection .job-package-details ul {
	font-size: 0.9em;
}

#job_package_selection .job-package-details-item {
	font-size: 1.1em;
}

/* Lists header. */
#job_package_selection .job-package-lists-header {
	font-size: 1.2em;
	font-weight: 700;
	display: flex;
	align-items: flex-end;
	padding-bottom: 3px;
}

/* Package categories in list. */
#job_package_selection .job-package-list-category {
	background-color: #ec7004;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
	min-height: 78px;
}

#job_package_selection .job-package-list-category:focus, 
#job_package_selection .job-package-list-category:hover {
	cursor: pointer;
}

#job_package_selection .job-package-list-category-title {
	color: #fff;
	font-weight: 700;
	font-size: 1.2em;
	padding-left: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
}

#job_package_selection .job-package-list-category-icon {
	padding-right: 20px;
}
#job_package_selection .job-package-list-category-icon img {
	width: 25px;
}

#job_package_selection .job-package-list {
	grid-area: grid-list;
	flex: 0 0 0.3;
	display: grid;
	grid-auto-flow: row;
	grid-auto-rows: minmax(78px, 1fr);
	grid-template-columns: 1fr;
}

#job_package_selection ul.job_packages {
	border: none !important;
	margin-top: 3px;
	margin-bottom: 3px;
}

#job_package_selection ul.job_packages li.job-package {
	background-color: #bde0f9;
	height: 100%;
	display: flex;
	align-items: center;
}

#job_package_selection ul.job_packages li.job-package .job-package-li-info-label {

}

/* For mobile display list of packages below selected package description. */
@media (max-width: 768px) {
	#job_package_selection .job-package-content {
		display: block;
	}

	#job_package_selection .job_listing_packages {
		margin-top: 80px;
	}

	#job_package_selection .job-package-content .job-package-details h2 {
		font-size: 1.2em;
	}

	#job_package_selection .job-package-list {
		font-size: 1.1em;
	}

	#job_package_selection .job-package-list .package-select-radio-button {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* Listing package heading style. */
#job_package_selection ul.job_packages li.job-package h3 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1.1em;
	font-weight: 700;
}

/* content list items */
.job_listing_packages ul.job_packages li ul li {
	padding: 0;
	list-style: circle;
	border-bottom: none;
	color: #ED7004;
}

/*listing package title name*/
#job_package_selection ul.job_packages li label{
	font-weight: 400;
	font-size: 1em;
	text-transform: none;
}

/* Listing package price. */
#job_package_selection ul.job_packages li label .woocommerce-Price-amount{
	font-size: 1em;
	font-weight: 500;
	padding-left: 8px;
	padding-bottom: 3px;
	padding-right: 50px;
	margin-left: -5px;
}

/* Listing package price alv. */
#job_package_selection ul.job_packages li label small.woocommerce-price-suffix {
	font-weight: 500;
	padding-left: 2px;
	padding-bottom: 5px;
	padding-right: 5px;
	margin-left: -48px;
	font-size: 0.8em;
}

/* Listing package and shop rekrytointi.com recommends. */
#job_package_selection .job-package-details-item .rekrytointi-com-recommends,
.elementor-product-recommended .rekrytointi-com-recommends {
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 330px !important;
	margin: 60px 10px 40px 10px;
	font-size: 1.3em;
	font-weight: 700;
	color: #ed7004;
	/*transform: rotate(-37deg);*/
}

#job_package_selection .job-package-details-item .rekrytointi-com-recommends div,
.elementor-product-recommended .rekrytointi-com-recommends div {
	flex: 1 1 0;
	border: 2px solid #ed7004;
	border-radius: 12px;
	padding: 5px 15px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	#job_package_selection .job-package-details-item .rekrytointi-com-recommends,
	.elementor-product-recommended .rekrytointi-com-recommends div {
		font-size: 1em;
		margin-top: 40px;
		margin-bottom: 30px;
		/*transform: rotate(-16deg);*/
	}
}

#job_package_selection .job-package .job-package-li-info {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

#job_package_selection .job-package-sign-in-button {
	padding: 10px 20px 10px 20px !important;
	background-color: #4e5164;
}

#job_package_selection .job-package-sign-in-button:hover,
#job_package_selection .job-package-sign-in-button:focus {
	border-color: #008ece !important;
	background-color: #008ece;
}

#job_package_selection .job-package-sign-in-button a {
	color: #fff;
}

#job_package_selection .job-package-sign-in-button a:hover,
#job_package_selection .job-package-sign-in-button a:focus {
	text-decoration: none;
}

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

	#job_package_selection ul.job_packages li.job-package {
		padding: 15px 5px 15px 0;
	}

	#job_package_selection .job-package-list .job-package-list-category-title,
	#job_package_selection ul.job_packages li.job-package h3 {
		font-size: 1em;
	}
}

/********** FIRST PHASE - LAURA PUFF *****************************/

/* Display the same way as .job-package-content so we get puff aligned nicely and responsively. */
.package-selection-laura-puff {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 2fr 1fr;
	grid-template-areas: 'laura-puff-details laura-puff';
	grid-gap: 0 30px;
	align-items: flex-start;
}

.package-selection-laura-puff a {
	padding-top: 50px;
	grid-area: laura-puff;
}

@media (max-width: 768px) {
	.package-selection-laura-puff {
		display: block;
		width: 80%;
		text-align: center;
		padding-top: 20px;
	}
}

/********** FIRST PHASE - RADIO BUTTON STYLING *******************/
/********** http://codepen.io/imohkay/pen/bCpxm ******************/

/* Hide original radio button. */
#job_package_selection .package-select-radio-button .rekrytointicom-radio-custom {
	opacity: 0;
    position: absolute;
}

/* Radio button space. */
#job_package_selection .package-select-radio-button {
	padding-left: 20px;
	padding-right: 20px;
}

/* Pointer as cursor because we replace radio button with our own. */
#job_package_selection .package-select-radio-button .rekrytointicom-radio-custom, #job_package_selection .package-select-radio-button .radio-custom-label {
    cursor: pointer;
}

/* Use label to create new radio button shape. */
#job_package_selection .package-select-radio-button .rekrytointicom-radio-custom + .radio-custom-label:before {
	content: '';
    background: #fff;
    border: 1px solid #000;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 0;
    text-align: center;
}

#job_package_selection .package-select-radio-button .rekrytointicom-radio-custom + .radio-custom-label:before {
  	border-radius: 50%;
}

/* Checked radio button. */
#job_package_selection .package-select-radio-button .rekrytointicom-radio-custom:checked + .radio-custom-label:before {
    background: #000;
    border: 1px solid #000;
    box-shadow: inset 0px 0px 0px 2px #fff;
}

/*add focus lines*/
#job_package_selection .package-select-radio-button .rekrytointicom-radio-custom:focus + .radio-custom-label {
  outline: 1px solid #ddd; /* focus style */
}

@media screen and (max-width: 992px) {
	#job_package_selection .package-select-radio-button {
		padding-left: 10px;
		padding-right: 10px;
	}

	#job_package_selection .package-select-radio-button .rekrytointicom-radio-custom + .radio-custom-label:before {
		width: 15px;
		height: 15px;
	}
}

/********** FIRST PHASE - SELECT LISTING PACKAGE END *******************/
/***********************************************************************/

/***********************************************************************/
/********** SECOND PHASE - LISTING INFORMATION FORM START **************/

#submit-job-form {
	background-color: #eceae3;
	padding: 20px;
}

#submit-job-form fieldset {
	margin-top: 15px;
	margin-bottom: 0;
}

#submit-job-form fieldset label {
	font-size: 0.9em;
	margin-bottom: 5px;
}

#submit-job-form .field select,
#submit-job-form .field .select2-selection,
#submit-job-form .field .select2-search__field,
#submit-job-form .field .dropdown-language,
#submit-job-form .field .jmfe-text-field,
#submit-job-form .field .job-manager-category-dropdown,
#submit-job-form .field .jmfe-phone-field,
#submit-job-form .field .jmfe-number-field {
	background-color: #fff;
	border: none;
}

#submit-job-form .account-sign-in {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	border: none;
	background-color: #eceae3;
	padding: 20px 0 0 0;
}

#submit-job-form .account-sign-in div {
	flex: 100%;
}

/* Sign in/out button. */
#submit-job-form .account-sign-in .signInButton {
	float: left;
	margin: 10px 0;
}

#submit-job-form .account-sign-in .signOutButton a {
	float: left;
	margin: 10px 0;
}

/* Form sub-headers. */
#submit-job-form h2 {
	margin: 40px 0 20px 0;
}

#submit-job-form > h2 ~ h2 {
	border-top: 1px dashed #000;
	padding-top: 20px;
}

/* For some reason input text is cut off - this fixes it. */
#submit-job-form .chosen-container .chosen-choices .search-field:only-child,
#submit-job-form .chosen-container .chosen-choices .search-field:only-child input {
	 width: 100% !important;
}

/* Set width full so everything else is pushed down. */
#submit-job-form .account-sign-in label {
	width: 100%;
}

/* Set width for telephone number so it is full width. */
#submit-job-form .fieldset-job_contact_phonenumber .intl-tel-input {
    width: 100%;
}

#submit-job-form .fieldset-type-file {
	max-width: 250px;
	min-height: 250px;
	display: inline;
	vertical-align: top;
	padding-right: 40px;
}

/* Hide the original file input element so we can display custom drag&drop input. */
/* display: none; won't work because jQuery doesn't validate hidden fields by default. */
#submit-job-form .fieldset-type-file .wp-job-manager-file-upload {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

/* Modify the file input <label> element to draw the drag&drop area. */
#submit-job-form .fieldset-type-file .file-field-label {
	display: inline-block;
	max-width: 250px;
	height: 250px;
    padding: 30px;
    cursor: pointer;
    border: 1px dashed #ec7004;
	/* Set the spread (4th value) to the negative of blur (3rd value)
	to get shadow only to bottom. */
	box-shadow: 0 4px 2px -2px #777; 
}

@media screen and (max-width: 400px) {
	#submit-job-form .fieldset-type-file {
		padding-right: 0;
	}
}

#submit-job-form .fieldset-type-file .drag-over {
	border-style: solid;
	border-color: #bd5800;
	transition: .5s ease;
}

/* Adjust file upload button. */
#submit-job-form .fieldset-type-file .file-selection-button {
	display: grid;
	grid-auto-flow: column;
	grid-template-columns: 1fr 3fr;
	column-gap: 10px;
	align-items: center;
	font-size: 0.95em;
	background-color: #eceae3;
	color: #444;
	text-transform: none;
}

#submit-job-form .fieldset-type-file .file-selection-button .button-text {
	text-transform: none;
}

/* Icon for upload file button. */
#submit-job-form .fieldset-type-file .file-selection-button:before {
	display: inline-block;
	color: #ec7004;
	font-family: dashicons;
	content: "\f13b";
	line-height: 1;
	font-size: 2.5em;
	margin-top: -2px;
	vertical-align: middle;
}

/* For non-logged in users, uploaded file name is displayed in button text.
   Force it to break into lines. */
#submit-job-form .fieldset-type-file .file-selection-button .fileString {
	white-space: pre-line;
	word-wrap: break-word;
	word-break: break-all;
	text-transform: none;
}

#submit-job-form .fieldset-type-file .job-manager-uploaded-files {
	height: 60%;
	text-align: center;
}

#submit-job-form .fieldset-type-file .job-manager-uploaded-file {
	margin: 0;
}

/* Uploaded file preview. */
#submit-job-form .fieldset-type-file .job-manager-uploaded-file-preview {
	display: flex;
	justify-content: center;
	align-items: flex-start;
}

#submit-job-form .fieldset-type-file .job-manager-uploaded-file-preview a {
	padding-left: 10px;
}

/* Remove uploaded file icon. */
#submit-job-form .fieldset-type-file .remove-uploaded-file-icon:before {
	display: inline-block;
	color: #ec7004;
	font-family: dashicons;
	content: "\f153";
	line-height: 1;
	font-size: 1.3em;
}

/* Preview button. */
#submit-job-form .rekrytointicom-preview-button-style {
	text-align: right;
}

/** START: Datetimepicker for add job listing form /jata-ilmoitus/ **/

#ui-datepicker-div * {
	font-family: 'Signika', sans-serif;
	font-weight: 400;
}

#ui-datepicker-div button {
	background-image: none;
	opacity: 1;
	background-color: #2d2f3a;
	border: none;
	color: #fff;
	padding: 5px 15px;
}

#ui-datepicker-div .ui-datepicker-header {
	background-image: none;
	background-color: #2d2f3a;
	border: none;
	border-radius: 0;
}

#ui-datepicker-div .ui-datepicker-title {
	color: #fff;
}

/* Remove the default prev/next icons so we can change the color. */
#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span {
    background-image: none !important;
}

#ui-datepicker-div .ui-datepicker-prev span.ui-icon,
#ui-datepicker-div .ui-datepicker-next span.ui-icon {
    width: 16px;
    display: block;
    text-indent: 0;
    overflow: hidden;
    background-repeat: no-repeat;
}

/* Apply our own icon. */
#ui-datepicker-div .ui-datepicker-prev span:before,
#ui-datepicker-div .ui-datepicker-next span:before {
    content: "\f148";
	font-family: dashicons;
	font-size: 1.2em;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	display: flex;
	align-items: center; justify-content: center;
	color: #fff;
}

#ui-datepicker-div .ui-datepicker-prev span:before,
#ui-datepicker-div .ui-datepicker-next span:before {
    content: "\f148";
}

#ui-datepicker-div .ui-datepicker-next span:before {
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

#ui-datepicker-div .ui-datepicker-header a:hover {
	border: none;
	background-image: none;
	background-color: #2d2f3a;
}

/* Prevent icon from shifting. */
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next:hover {
	top: 2px;
	right: 2px;
}

#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev:hover {
	top: 2px;
	left: 2px;
}

#ui-datepicker-div a {
    text-align: center;
}

#ui-datepicker-div * {
	font-size: 14px;
}

#ui-datepicker-div .ui-datepicker-calendar td {
    padding: 1px !important;
}

/** END: Datetimepicker for add job listing form **/

/********** SECOND PHASE - LISTING INFORMATION FORM END ****************/
/***********************************************************************/

/** START: preview job listing form /jata-ilmoitus/ **/

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.job-listing-meta .uranus-application-deadline label {
	text-transform: none;
}

.job-listing-meta .uranus-application-deadline:before {
    content: "\f117";
    margin-right: 5px;
    font-family: "Ionicons" !important;
}

.ui-widget-content {
}
.page-subtitle li.application-deadline {
	display: none;
}

/* Loading icon on preview page */
.job_listing_preview:not(.loaded):before {  
    content: "";
}

/** END: preview job listing form /jata-ilmoitus/ **/

/*SECOND PHASE - LISTING INFORMATION FORM END */

/*****	Submit Job Page styling STOP	*****/
/**********************************************/


/**********************************************/
/********* 		Contact page Start		  *****/

/* staff introduction styling */
.human-info-container h2, h4{
	font-weight: 400;
}

/*box styling for 1 box*/
.box-human-info{
	-webkit-box-shadow: 0px 1px 17px 0px rgba(50, 50, 50, 0.15);
	box-shadow: 0px 1px 17px 0px rgba(50, 50, 50, 0.15);
	background: #fff;
	margin:10px;
	margin-bottom:3em;
	border-radius:10px;
}
/* staff introduction styling */
.box-human-info img{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
/* staff introduction styling */
.box-human-info-text{
	padding:10px;
	text-align:center;
}

/*personell title and email*/
.human-info-container .our-staff-title-email{
	margin-top:30px;
	margin-bottom:40px;
}


/*yhteystiedot container styling*/
#yhteystiedot-section-main-bg{
	background-color:#ed7004;
	color:#fff;
	padding:50px 0;
	margin-bottom:50px;
}

/*margin bottom in mobile*/
#yhteystiedot-section-main-bg .yhteystiedot-section{
	margin-bottom:50px;
	text-align: center;
}

/*remove padding so title and content is alignes´d*/
#yhteystiedot-section-main-bg .yhteystiedot-section .col-sm-6{
	padding:0;
}

/*margin bottom in mobile yhteystiedot title*/
#yhteystiedot-section-main-bg .yhteystiedot-section h2{
	margin-bottom:50px;
	text-align:center;
}

/*set color for links*/
#yhteystiedot-section-main-bg .yhteystiedot-section a{
	color:#fff;
}

/*header styling - */
#yhteystiedot-section-main-bg .yhteystiedot-section h3{
	margin-bottom: 0px;
}

/* Display icons before contact information*/
.yhteystiedot-section .contact-icon-email:before{
	content: '\f422'; /* replace the content here with the icon you would like to use.*/
	color:#fff;
}

.yhteystiedot-section .contact-icon-phone:before{
	content: '\f4b8'; /* replace the content here with the icon you would like to use.*/
	color:#fff;
}

.yhteystiedot-section .contact-icon-parking:before{
	content: '\f36f'; /* replace the content here with the icon you would like to use.*/
	color:#fff;
}

.yhteystiedot-section .contact-icon-location:before{
	content: '\f455'; /* replace the content here with the icon you would like to use.*/
	color:#fff;
}

.yhteystiedot-section .contact-icon-laskutusosoite:before{
	content: '\f498'; /* replace the content here with the icon you would like to use.*/
	color:#fff;
}

.yhteystiedot-section .contact-icon-time:before{
	content: '\f402'; /* replace the content here with the icon you would like to use.*/
	color:#fff;
}

/* Remove margin from contact us page EN */
#post-1882 {
	margin-bottom: 0;
}

/* Display block in mobile 
.contact-us-page-container {
	display: block;
}*/

/* Center text in contact us page EN */
.contact-us-page-container-en {
	text-align: center;
}

.contact-us-container {
	display: flex;
	flex-direction: row;
}

.contact-us-container .contact-us-section {
	flex: 1 1 0;
	display: flex;
	flex-direction: column;
	padding: 0 30px;
}

.contact-us-container .contact-us-section *:last-child {
	margin-top: auto;
}

.contact-us-container .contact-us-section .button {	
	border-width: 2px;
    border-style: solid;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
	min-height: 45px;
	max-width: 300px;
	font-family: 'Signika', sans-serif;
}

.contact-us-container .contact-us-section .button:hover,
.contact-us-container .contact-us-section .button:focus {
	color: #ed700a;
	border-color: #ed700a;
	background-color: #fff;
}

@media screen and (max-width: 768px) {
	.contact-us-container {
		flex-wrap: wrap;
	}
	.contact-us-container .contact-us-section {
		flex: 100%
	}
}

@media screen and (min-width: 768px) {
	/*mobile overrides*/
	#yhteystiedot-section-main-bg .yhteystiedot-section{
		text-align:left;
	}
	/*header styling - */
	#yhteystiedot-section-main-bg .yhteystiedot-section h3{
		margin-bottom: 0px;
	}
	/*mobile overrides*/
	#yhteystiedot-section-main-bg .yhteystiedot-section h2{
		text-align:left;
		margin-bottom:22px;
	}
}

@media screen and (min-width: 992px) {
	/* Display container flex */
	.contact-us-page-container {
		display: flex;
	}
	/* Add margin to employer form button */
	.yhteydenotto-form-section .open-contact-form-employer {
		margin-top: 120px;
	}

}

@media screen and (min-width: 1200px) {
	/* Add margin to employer form button */
	.yhteydenotto-form-section  .open-contact-form-employer {
		margin-top: 72px;
	}
}


/********* 		Contact page STOP		  *****/
/**********************************************/

/**************************************************/
/************** UKK Page START ********************/

.tyonhakijan-ukk .title-image .elementor-widget-container {
	text-align: left !important;
	margin-left: -25px;
	max-width: 700px;
}

.tyonhakijan-ukk .title-text {
	text-align: left;
	padding-bottom: 30px;
	font-size: 2.5em;
}

.tyonhakijan-ukk .title-text h2 {
	color: #484b5c;
	font-family: 'Amatic SC', bold;
}

.tyonhakijan-ukk p {
	font-family: 'Signika', sans-serif;
	color: #484b5c;
}

.tyonhakijan-ukk .faq-list {
	padding-top: 30px;
}

.tyonhakijan-ukk .faq-list .elementor-toggle-item  {
	border: none !important;
}
.tyonhakijan-ukk .faq-list .elementor-tab-content {
	border: none !important;
}

.tyonhakijan-ukk .elementor-toggle-item {
	border: 2px solid #e5e5e5;
}

.tyonhakijan-ukk .elementor-tab-title {
	display: flex;
	align-items: center;
}

.tyonhakijan-ukk .elementor-tab-title .toggle-flex-item-icon {
	font-family: dashicons;
	color: #ed700a;
	font-size: 2em;
	padding-right: 10px;
}

/* For development & master; svg icon is used. */
.tyonhakijan-ukk .elementor-tab-title .toggle-flex-item-icon .e-font-icon-svg {
	fill: #ed700a;
}

.tyonhakijan-ukk .elementor-toggle-icon {
	padding-right: 10px;
}

.tyonhakijan-ukk .elementor-toggle-icon-closed i:before {
	content: "\f502";
	font-style: normal;
}

.tyonhakijan-ukk .elementor-toggle-icon-opened i:before {
	content: "\f153";
	font-style: normal;
}

.tyonhakijan-ukk .elementor-toggle-title {
	color: #484B5C !important;
	font-size: 1.2em;
}

@media screen and (max-width: 492px) {
	.tyonhakijan-ukk .title-image .elementor-widget-container {
		margin-left: -10px;
	}
	.tyonhakijan-ukk .elementor-tab-title .toggle-flex-item-icon {
		font-size: 1.5em;
	}
	.tyonhakijan-ukk .elementor-toggle-title {
		font-size: 1.1em;
	}
}

/************** UKK Page STOP *********************/
/**************************************************/

/**************************************************/
/***** 		Manage Listings Page START		  *****/

.manage-listings-header{
	margin-top:70px;
	margin-bottom:40px;
}

/* Listing status title header */
#listing-status-title {
	font-size: 1em;
}

/* if listing is from laura import, we hide listing edit link and display message instead */
#job-manager-job-dashboard  li.job-dashboard-action-import-edit {
	display: block;
	font-size: 0.86em;
}

/* warning icon if listing is imported and edit link is hidden */
#job-manager-job-dashboard  li.job-dashboard-action-import-edit span::before{
	font-family: Ionicons;
	content: '\f100';
	color: #d62b2b;
    font-size: 1.1em;
    margin-right: 5px;
}

.job-manager-jobs td{
	padding: 20px 10px 20px 10px;
}

.job_status_button{
	margin-bottom: 10px;
	width:100%;
}
.job_status_button_focus{
	background-color:#62676e;
}

/* Make Job Dashboard Responsive */
#job-manager-job-dashboard table {
	width: 100%;
	margin:0;
	padding:0;
	border-collapse: collapse;
	border-spacing: 0;
}

#job-manager-job-dashboard table tr {
	padding: 5px;
}

#job-manager-job-dashboard table th, table td {
	padding: 10px;
	text-align: left;
}

#job-manager-job-dashboard table th {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
}

/* Background and color for input fields */
.dashboard-search-form #table-search-bar,
.dashboard-search-form .listings_per_page {
	background: #eceae3;
	color: #222;
}

/* Input field placeholder text */
.dashboard-search-form #table-search-bar::placeholder {
	color: #222;
	opacity: 0.6;
}

/* Set select field size */
.dashboard-search-form .listings_per_page {
	height: 42px;
	line-height: initial;
}

.dashboard-search-form #listings-search-submit {
	padding: 18px 38px;
}

.dashboard-search-form .reset_search_dashboard {
	margin-left: 30px;
	color: #d85959;
}

.dashboard-search-form .reset_search_dashboard:hover {
	text-decoration: none;
}

.dashboard-search-form .reset_search_dashboard:before {
	content: "\f2d7";
	font-family: "Ionicons" !important;
	font-size: 1.7em;
    line-height: 22px;
    margin: 0 6px 0 0;
    vertical-align: sub;
}

/* Search form */
.dashboard-search-form input {
	font: normal;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
}

.dashboard-search-form select.listings_per_page::after {
	line-height: 45px;
}
/* Search and clear buttons on dashboard page */
.dashboard-search-form .row.dashboard-buttons {
	margin-top: 22px;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
}

/* Search results text */
.dashboard-result-text-div {
	margin-top: 10px;
}

.dashboard-result-text-div p {
	margin: 0;
}

/* Remove hover efect from page navigation ul */
#job-manager-job-dashboard .job-manager-pagination ul:hover {
	background: none;
}

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

	/* Center button in mobile */
	.dashboard-search-form .row.dashboard-buttons {
		text-align: center;
	}

	/* Margin and width to submit button */
	.dashboard-search-form .row.dashboard-buttons #listings-search-submit {
		width: 100%;
		margin-bottom: 20px;
	}

	/* Margin for reset button */
	.dashboard-search-form .reset_search_dashboard {
		margin: 0px ;
	}

	/* Center results texts */
	.dashboard-result-text-div {
		text-align: center;
	}
}

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

	/* if listing is from laura import, we hide listing edit link and display message instead */
	#job-manager-job-dashboard  li.job-dashboard-action-import-edit {
		font-size: 1.3em;
	}

	#job-manager-job-dashboard table {
		border: 0;
	}

	#job-manager-job-dashboard table thead {
		display: none;
	}

	#job-manager-job-dashboard table tr {
		margin-bottom: 30px;
		display: block;
		border-bottom: 2px solid #ddd;
	}

	#job-manager-job-dashboard table td:first-child{
		text-align: left;
	}

	#job-manager-job-dashboard table td {
		display: block;
		text-align: right;
		font-size: 13px;
		border-bottom: 1px dotted #ccc;
	}

	#job-manager-job-dashboard table td:last-child {
		border-bottom: 0;
	}

	#job-manager-job-dashboard table td:first-child:before{
		display:none;
	}
	#job-manager-job-dashboard table td:before {
		content: attr(data-label);
		float: left;
		text-transform: uppercase;
		font-weight: bold;
	}
}

/* Additional products button */
table.job-manager-jobs .additional-products-button{
	padding: 5px 5px;
	font-size: 13px;
}

/* Additional products button form */
#gform_3 .additional-products-option{
	margin-top:40px;
	margin-bottom:20px;
}
#gform_3 .additional-products-option label.gfield_label{
	display:none;
}

/* Display what language listing is */
table.job-manager-jobs .language-indicator{
	-webkit-border-radius: 100;
	-moz-border-radius: 100;
	border-radius: 50%;
	color: #ffffff;
	font-size: 9px;
	background: #000000;
	padding: 7px 7px 7px 7px;
	text-decoration: none;
	margin-right:5px;
}

/***** 		Manage Listings Page STOP		  *****/
/**************************************************/


/**************************************************/
/***** 	  Additional-products-page START	   *****/

#gform_3 .additional-products-checkbox{
	margin:0;
}

/***** 	  Additional-products-page STOP	   *****/
/**************************************************/


/**************************************************/
/************ 	  STATS-page START	  ***********/

/* Display full date range */
.wpjms-date-range-field input[type="text"] {
	width: 240px;
	text-align: center;
}

/* Display checked sigh for checked listing */
.wpjms-chart-legend .chart-item[data-checked="checked"] .chart-item-title:after {
	content: '\f373'; /* replace the content here with the icon you would like to use.*/
	display: inline-block;
	font-family: Ionicons;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	font-size: 1.4em;
	-webkit-font-smoothing: antialiased;
	margin-left: 0.3em;
}

/* Display unchecked sigh for unchecked listing */
.wpjms-chart-legend .chart-item[data-checked="unchecked"] .chart-item-title:after {
	content: '\f372'; /* replace the content here with the icon you would like to use.*/
	display: inline-block;
	font-family: Ionicons;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	font-size: 1.4em;
	-webkit-font-smoothing: antialiased;
	margin-left: 0.3em;
}

/************ 	  STATS-page STOP	   ***********/
/**************************************************/

/***********************************************************************/
/************ 	 Woocommerce PRODUCT CATEGORY -page START    ***********/

/* Hide heading in content */
.tax-product_tag #content .woocommerce-products-header,
.tax-product_cat #content .woocommerce-products-header {
	margin-top: 2em;
}

/* Hide heading in content */
.tax-product_tag #content .page-title,
.tax-product_cat #content .page-title {
	display: none;
}

/* Show cart button */
.tax-product_tag #content .woocommerce-notices-wrapper .woocommerce-message a.button,
.tax-product_cat #content .woocommerce-notices-wrapper .woocommerce-message a.button {
	margin-left: 1em;
}

/* Product li text align */
.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
	text-align: center;
}

/* Product li text align */
.tax-product_cat ul.products.columns-3 li.product,
.tax-product_tag ul.products.columns-3 li.product {
	height: 404px;
}

/* Product li image */
.woocommerce ul.products li.product img,
.woocommerce-page ul.products li.product img {
	max-height: 10em;
	width: auto;
}

/* Product li h2 markkinointikampanja */
.woocommerce-page ul.products.columns-3 li.product.product_tag-markkinointikampanja h2,
.woocommerce-page ul.products.columns-3 li.product.product_tag-marketing-campaign h2 {
	font-size: 1.1em;
}

/* Product li price */
.woocommerce-page ul.products.columns-3 li.product .price {
	position: absolute;
	bottom: 132px;
	left: 50%;
	transform: translate(-50%, 0);
}

/* Product li show more button */
.woocommerce-page ul.products.columns-3 li.product .read-more {
	position: absolute;
	width: 100%;
	bottom: 74px;
}

/* Product li button */
.woocommerce-page ul.products.columns-3 li.product .add_to_cart_button {
	position: absolute;
	bottom: 16px;
	width: 100%;
}

/* Product widget image */
.woocommerce ul.product_list_widget a img {
	width: fit-content;
	height: auto;
	max-width: 50px;
	max-height: 50px;
}

@media screen and (min-width: 768px){
	/* Product li width */
	.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
		width: 30%;
	}
	/* Product li h2 markkinointikampanja */
	.woocommerce-page ul.products.columns-3 li.product.product_tag-markkinointikampanja h2,
	.woocommerce-page ul.products.columns-3 li.product.product_tag-marketing-campaign h2 {
		font-size: 1em;
	}
}

@media screen and (min-width: 992px){
	/* Product li price */
	.woocommerce-page ul.products.columns-3 li.product .price {
		left: 42%;
		transform: translate(-32%, 0);
	}
	/* Product li h2 markkinointikampanja */
	.woocommerce-page ul.products.columns-3 li.product.product_tag-markkinointikampanja h2,
	.woocommerce-page ul.products.columns-3 li.product.product_tag-marketing-campaign h2 {
		font-size: 0.933em;
	}
}

@media screen and (min-width: 1200px){
	/* Product li h2 markkinointikampanja */
	.woocommerce-page ul.products.columns-3 li.product.product_tag-markkinointikampanja h2,
	.woocommerce-page ul.products.columns-3 li.product.product_tag-marketing-campaign h2 {
		font-size: 1.1em;
	}
}

/* Shop sidebar title */
.tax-product_tag .widget_products .widget-title,
.tax-product_cat .widget_products .widget-title {
	margin-top: 1.4em;
}

/* Product see the cart button */
.product a.added_to_cart {
	font-size: 15px;
	padding: 14px 24px;
	display: block;
	margin-top: 1em;
	font-weight: 600;
	line-height: 1.3;
	background-color: #ed7004;
	border-color: transparent;
	color: #fff;
	/*font: 700 16px/normal Montserrat,sans-serif;*/
	text-transform: uppercase;
	text-align: center;
	border-radius: 4px;
	border-style: solid;
	border-width: 2px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	position: absolute;
	bottom: -42px;
	width: 100%;
}

/************ 	 Woocommerce PRODUCT CATEGORY -page STOP	    ***********/
/**************************************************************************/

/*************************************************************/
/************ 	 Woocommerce PRODUCT-page START    ***********/

.shop-nav li a, .shop-product-title h1, .shop-product-price, .shop-product-content, .shop-product-list-container h2 {
	color: #2d2f3a !important;
}

.shop-product-list-head {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding-left: 25px;
	font-size: 1.2em;
}

.shop-product-list-item {
	padding: 10px !important;
}

.shop-product-list-item img {
	width: 22px !important;
}

.shop-product-list-item .product_title, .shop-product-list-item .price {
	font-size: 1.2em !important;
	margin: 0 !important;
}

.shop-product-list .current-product .shop-product-list-item {
	background-color: #008ece !important; /* Don't change colors of active item on mouse hover. */
}

.shop-product-list .current-product .shop-product-list-item .product_title,
.shop-product-list .current-product .shop-product-list-item p {
	color: #fff !important; /* Don't change colors of active item on mouse hover. */
}

.shop-product-button-container {
	display: grid;
	grid-auto-flow: row;
	grid-auto-rows: 1fr;
	grid-template-columns: 1fr;
}

.shop-product-button-container .elementor-element a {
	width: 90%;
}

.shop-product-button-container a.added_to_cart.wc-forward {
	display: none !important;
}

/* Show cart button */
.woocommerce-page #content .woocommerce-notices-wrapper .woocommerce-message a.button {
	margin-left: 1em;
}

/* Woocommerce single product image */
.single-product div.product .woocommerce-product-gallery img {
	max-height: 234px;
	width: auto;
	margin: 0 auto;
}

/* Description title */
.single-product #content .woocommerce-tabs .tabs li.description_tab a {
	cursor: text;
}

/* Product page related products */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
	margin: 0 3.3% 3.5em 0;
	text-align: center;
}

/* Product li text align */
.related.products li.product {
	height: 404px;
}

.woocommerce-page .related.products ul.products li.product .price {
    position: absolute;
    bottom: 132px;
    left: 42%;
    transform: translate(-35%, 0);
}

/* Product li read more button */
.woocommerce-page .related.products ul.products li.product .read-more {
    position: absolute;
    width: 100%;
    bottom: 74px;
}

/* Product li add to cart button */
.woocommerce-page .related.products ul.products li.product .add_to_cart_button {
	position: absolute;
	bottom: 16px;
	width: 100%;
}

/* Procust page related products product heading */
.related.products .product h2 {
	font-size: 1.333em;
	text-align: center;
	position: absolute;
	top: 175px;
	width: 100%;
}

/* Procust page related products product heading */
.related.products .product.product_tag-markkinointikampanja h2,
.related.products .product.product_tag-marketing-campaign h2 {
	font-size: 1.095em;
}

/* Procust page related products product heading */
.related.products .product.product_tag-paketti h2 {
	font-size: 1.2em;
}

@media screen and (min-width: 768px){
	/* Product li h2 markkinointikampanja */
	.related.products .product.product_tag-markkinointikampanja h2,
	.related.products .product.product_tag-marketing-campaign h2 {
		font-size: 1em;
	}
}

@media screen and (min-width: 992px){
	/* Product li h2 markkinointikampanja */
	.related.products .product.product_tag-markkinointikampanja h2,
	.related.products .product.product_tag-marketing-campaign h2 {
		font-size: 0.96em;
	}
}

@media screen and (min-width: 1200px){
	/* Product li h2 markkinointikampanja */
	.related.products .product.product_tag-markkinointikampanja h2,
	.related.products .product.product_tag-marketing-campaign h2 {
		font-size: 1.1em;
	}
}

/************ 	 Woocommerce PRODUCT-page STOP	    ***********/
/**************************************************************/

/**************************************************************/
/************ Woocommerce CART-page START *********************/

.shop-cart .button {
	min-width: 250px;
	height: 35px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

.shop-cart .woocommerce-cart-form .shop_table {
	border: none;
}

.shop-cart .woocommerce-cart-form .product-thumbnail {
	display: none;
}

.shop-cart .cart_item {
	background-color: #bde0f9;
}

.shop-cart .cart_item * {
	font-weight: bold;
}

.shop-cart .woocommerce-cart-form a:not(.remove) {
	color: #000;
}

/* Hide the "x" text from removing an item. */
.shop-cart .woocommerce-cart-form a.remove {
	color: transparent;
}

/* Add a dashicon instead. */
.shop-cart .woocommerce-cart-form a.remove:before {
	font-family: dashicons;
	content: "\f153";
	font-size: 1.5em;
	color: #000;
}

.shop-cart .coupon-wrapper {
	padding: 10px 0 10px 0;
}

.shop-cart .coupon {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	padding: 10px;
	border: 1px solid #e5e5e5;
}

.shop-cart .coupon div:first-child {
	margin-right: auto;
}

.shop-cart .input-text {
	width: 250px !important;
	margin-right: 10px;
}

.shop-cart .woocommerce-cart-form .shop_table td.actions .coupon-button {
	background-color: #008ece;
}

.shop-cart .woocommerce-cart-form .shop_table td {
	border: none !important;
}

.shop-cart .update-cart {
	border: none !important;
}

@media (max-width: 900px) {
	.shop-cart .coupon-wrapper {
		padding: 0;
	}

	.shop-cart .coupon {
		flex-direction: column;
		align-items: flex-start;
	}

	.shop-cart .coupon * {
		flex: 100%;
		margin-right: auto;
	}

	.shop-cart .coupon *:not(:first-child) {
		width: 100% !important;
	}

	.shop-cart .coupon *:last-child {
		margin: 10px 0 10px 0;
	}

	.shop-cart .update-cart {
		display: flex;
		flex-direction: column;
	}

	.shop-cart .update-cart * {
		flex: 100% !important;
		width: 100% !important;
		height: 100% !important;
	}
}

.shop-cart-totals {
	display: flex;
}

.shop-cart-totals .cart_totals {
	display: flex;
	flex-direction: column;
	width: 100% !important;
}

.shop-cart-totals .cart_totals h2 {
	color: #000;
	font-size: 1.8em;
	font-weight: bold;
}

.shop-cart-totals .cart_totals th,
.shop-cart-totals .cart_totals td {
	color: #000;
}

.shop-cart-totals .cart_totals .cart-subtotal td,
.shop-cart-totals .cart_totals .order-total td {
	font-size: 1.2em;
	font-weight: bold;
}

.shop-cart-totals .cart_totals .shop_table {
	border: none;
}

.shop-cart-totals .cart-subtotal, .shop-cart-totals .order-total {
	border-top: 1px solid #000;
}

.shop-cart-totals td {
	border: none;
	text-align: right;
}

.shop-cart-totals .wc-proceed-to-checkout {
	align-self: center;
}

.shop-cart-totals .wc-proceed-to-checkout a {
	background-color: #ec7004;
	color: #fff;
	border: none;
}

.shop-cart-totals .wc-proceed-to-checkout a:hover,
.shop-cart-totals .wc-proceed-to-checkout a:active {
	background-color: #bd5800;
}

body .woocommerce table.cart .product-price, body .woocommerce table.cart .product-quantity, body .woocommerce table.cart .product-subtotal, body.woocommerce-page table.cart .product-price, body.woocommerce-page table.cart .product-quantity, body.woocommerce-page table.cart .product-subtotal {
	width: auto;
}

@media screen and (min-width: 992px) {
	body .woocommerce table.cart .product-price, body .woocommerce table.cart .product-quantity, body .woocommerce table.cart .product-subtotal, body.woocommerce-page table.cart .product-price, body.woocommerce-page table.cart .product-quantity, body.woocommerce-page table.cart .product-subtotal {
		width: 12%;
	}
}

/************ 	 Woocommerce CART-page STOP	    ***********/
/**********************************************************/

/****************************************************/
/************ 	  Listing widget START	  ***********/

/**
 * All styles for listing widget. Lists count for jobs and trainings.
 */

.listing-widget {
	/* Namespace for selectors */
}

#uranus_jobs_training_listing_widget-2 {
	margin-top: 80px;
}

#uranus_jobs_training_listing_widget-2 .frontpage-cat-search-title {
	text-align: center;
}

#uranus_jobs_training_listing_widget-2 .frontpage-cat-search-title:hover {
	color: #008cce;
	cursor: pointer;
}

/* frontpage  area of expertise and region widget title */
.widget .frontpage-cat-search-title{
	margin-top: 0;
	padding-left: 5px;
	padding-right: 5px;
}

.listing-widget__tabs {
	display: flex;
}

.listing-widget__tab {
	display: none;
	width: 100%;
	font-size: 0.85em;
}

/* Use same padding for content + header so that its easily overridden */
.listing-widget__content,
.listing_widget__tab-header {
	padding: 16px;
	position: relative;
}

.listing_widget__tab-header {
	background-color: #F29A50;
	margin-right: 0.1em;
    border-radius: 8px 8px 0 0;
	color: #fff;
	display: flex;
	align-items: center;
	padding: 12px 16px;
	top: 4px;
    z-index: 1;
}

.listing_widget__tab-header:hover {
	cursor: pointer;
	background: #de7012;
}

.listing_widget__tab-header.active {
	background-color: #fff;
	color: rgb(237, 112, 4);
	margin-bottom: -1px;
	border-left: 1px solid #dfdfdf !important;
	border-top: 1px solid #dfdfdf;
	border-right: 1px solid #dfdfdf !important;
	top: 0;
    z-index: 3;
}

.listing_widget__tab-header.region {
	border-right: 1px solid #fff;
}

.listing_widget__tab-header h2 {
	margin: 0;
	text-transform: uppercase;
	font-size: 0.85em;
}

/* Triggered in js and by default the first item is active */
.listing-widget__tab.active {
	display: inline-block;
}

/* @todo find out what the correct media query width is */
@media screen and (min-width: 992px) {
	.listing-widget__tab.active {
		display: flex;
	}
	/* remove area of expertise and region widget top margin */
	.widget .frontpage-cat-search-title{
		padding-left: 0px;
	}
}

.listing-widget .item {
	display: flex;
	align-items: center;
	margin-bottom: 6px;
}

/* Add a border and small padding in mobile to distinquish between elements. */
@media screen and (max-width: 520px ) {
	.listing-widget .item {
		margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #acacac;
	}
}

/* Mobile width is larger since buttons are smaller. */
.listing-widget .item__name {
	width: 80%;
}

/* Link list page mobile width is larger since buttons are smaller. */
.widgetized-link-list-area .listing-widget .item__name {
	width: 90%;
}

/* Reduce font size in mobile. */
@media screen and (max-width: 520px) {
	.listing-widget .item__name {
		font-size: 0.85em;
	}

	.listing-widget .item--header .count {
		font-size: 0.75em;
	}
}

@media screen and (min-width: 520px ) {
	.listing-widget .item__name {
		width: 60%;
	}
}

/* Taken from another selector */
.listing-widget .tab-header h2:before {
	display: inline-block;
	font-family: Ionicons;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	text-rendering: auto;
	line-height: 1;
	font-size: 1.4em;
	-webkit-font-smoothing: antialiased;
	margin-right: 16px;
}

@media screen and (max-width: 520px) {
	.container--full {
		margin-left: -15px;
    	margin-right: -15px;
	}
}

/* Layout needed this icon to be rotated. */
.listing-widget .tab-header--category:before {
	content: '\f48c';
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transform: rotateY(180deg);
}

.listing-widget .tab-header--region:before {
	content: '\f473';
}

.listing-widget .tab-header--city:before {
	content: '\f144';
}

.listing-widget__content {
	border: 1px solid #dfdfdf;
	border-radius: 0 8px 8px 8px;
	z-index: 2;
	background: #fff;
}

/* Link list page */
.widgetized-link-list-area .listing-widget__content {
	border: none;
	padding: 3em 1em 4em 1em;
}

.item-wrapper {
	display: inline-block;
	width: 100%;
}

@media screen and (min-width: 992px) {
	.item-wrapper {
		width: 50%;
		display: inline-block;
	}

	.item-wrapper:first-child {
		padding-right: 12px;
	}

	/* Link list page */
	.widgetized-link-list-area .listing-widget__content .item-wrapper {
		padding-right: 12px;
		padding-left: 12px;
	}
}

@media screen and (max-width: 991px) {
	.item-wrapper .item--header {
		display: none;
	}

	.item-wrapper:first-child .item--header {
		display: flex;
	}
}

/*maybe this styling could be done differently so it wont inherit "item__job-count" */
.listing-widget .item--header .count {
	border: none;
	background-color:#fff;
 }

.listing-widget .item--header .count:hover {
	border: none;
	background-color:#fff;
}

.listing-widget .count {
	text-align: center;
	border: 1px solid;
	min-width: 44px;
}

.listing-widget .count a {
	width: 100%;
	display: inline-block;
}

@media screen and (min-width: 520px ) {
	.listing-widget .count {
		min-width: 96px;
	}
}

.listing-widget .item__job-count {
	border-color: rgb(0, 140, 206);
	background-color:rgb(0, 140, 206);
	border-radius:8px;
	-webkit-transition: background ease-in-out .3s, color ease-in-out .3s;
	-moz-transition: background ease-in-out .3s, color ease-in-out .3s;
	transition: background ease-in-out .3s, color ease-in-out .3s;
}

.listing-widget .item__job-count:hover {
	border-color: #005796;
	background-color:#005796;
}

/* Front page jobs/trainin widget name link color */
.listing-widget .item__name a {
	color:#4e5164;
	text-decoration:none;
}

.listing-widget .item__job-count a {
	color:#fff;
	text-decoration:none;
}

.listing-widget .item__training-count {
	border-color: #de7012;
	background-color: #de7012;
	border-radius:8px;
	margin-left: 6px;
	-webkit-transition: background ease-in-out .3s, color ease-in-out .3s;
	-moz-transition: background ease-in-out .3s, color ease-in-out .3s;
	transition: background ease-in-out .3s, color ease-in-out .3s;
}

.listing-widget .item__training-count:hover{
	border-color: #C75A00;
	background-color: #C75A00;
}

.listing-widget .item__training-count a {
	color:#fff;
	text-decoration:none;
}

/************ 	  Listing widget STOP	   ***********/
/**************************************************/


/*************************************************/
/************ 	  Footer area START	   ***********/

/* Footer of the site. */
.site-footer {
	z-index: 100;
	position: relative;
}

.site-footer .footer-widgets a {
	color: #fff;
}

.site-footer .footer-widgets li {
	list-style: none;
}

.site-footer .footer-widgets .margin-footer-custom {
	margin-top: 25px;
}

/* Cannot assign classes to widget headers, have to use id.
   Not working, as the ids are not the same in production.
.site-footer .footer-widgets aside#nav_menu-5 h3,
.site-footer .footer-widgets aside#nav_menu-6 h3 {
	margin-bottom: 0 !important;
} */

.site-footer .footer-widgets .widget_nav_menu {
	/* For some reason margins get lost in mobile, set it here. */
	margin-bottom: 22px;
}

/* Beige footer. */
.footer-cta {
	background-color: #eceae3;
	color: #2d2f3a;
	z-index: 100;
	position: relative;
	margin-top: 0;
}

.footer-cta .container {
	max-width: 2000px;
}

#rekrytointicom-company-footer-info {
	text-align: center;
}

#rekrytointicom-b2b-footer-info {
	text-align: left;
}

#rekrytointicom-company-footer-info h3 {
	color: #484b5c;
	font-size: 1.35em;
}

#rekrytointicom-b2b-footer-info h3 {
	color: #008ccd;
	font-family: "Open Sans", sans-serif;
	font-size: 2.6em;
	font-weight: 700;
}

#rekrytointicom-company-footer-info p {
	color: #484b5c;
	padding: 0 10px 0 10px;
}

#rekrytointicom-b2b-footer-info p {
	font-size: 1.3em;
}

#rekrytointicom-b2b-footer-info a {
	color: #ed700a;
}

#rekrytointicom-b2b-footer-info .rekrycom-info-text {
	font-style: italic;
}

#rekrytointicom-b2b-footer-info ._form-content label,
#rekrytointicom-b2b-footer-info ._form-content legend {
	color: #2d2f3a;
	text-transform: none;
}

#rekrytointicom-company-footer-info,
#rekrytointicom-b2b-footer-info {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
}

#rekrytointicom-b2b-footer-info {
	justify-content: center;
}

#rekrytointicom-company-footer-info .footer-column,
#rekrytointicom-b2b-footer-info .footer-column {
	max-width: 500px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	flex: 1 1 0;
}

#rekrytointicom-b2b-footer-info .footer-column {
	max-width: 600px;
	padding-left: 30px;
	padding-right: 30px;
}

/* Contact links styling - orange area. */
#rekrytointicom-company-footer-info .footer-contact-links {
	list-style: none;
	padding-left: 0;
}

/* .contact information icons definement general style */
.contact-information-icons:before{
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: Ionicons;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 1.6;
	margin-right: 20px;
	padding: 0;
	text-rendering: auto;
	text-transform: none;
	top: 0;
	font-size: 2em;
	vertical-align: middle;
}

#rekrytointicom-company-footer-info .footer-contact-links .contact-information-icons:before{
	color:#fff;
	font-size:1.5em;
}

#rekrytointicom-company-footer-info .contact-icon-email:before {
	content: '\f422';
}
#rekrytointicom-company-footer-info .contact-icon-phone:before {
	content: '\f4b8';
}
#rekrytointicom-company-footer-info .contact-icon-location:before {
	content: '\f455';
	padding-right:6px;
}
#rekrytointicom-company-footer-info .contact-icon-contact:before {
	content: '\f3f9';
	padding-right:6px;
}

/* Footer images. */
#rekrytointicom-company-footer-info .image--footer-logo,
#rekrytointicom-company-footer-info .rekrytointi-own-social-share-container {
	height: 100px;
}

#rekrytointicom-company-footer-info .image--footer-logo {
	padding: 0 40px;
}

#rekrytointicom-company-footer-info .image--footer-logo img {
	max-height: 100%;
}

#rekrytointicom-b2b-footer-info .image--footer-b2b.fi {
	max-width: 400px;
}

#rekrytointicom-b2b-footer-info .image--footer-b2b.en {
	max-width: 150px;
}

#rekrytointicom-company-footer-info .rekrytointi-own-social-share-container {
	padding-top: 20px;
}

/* Footer buttons. */
#rekrytointicom-company-footer-info .button--footer-wrap {
	margin-top: auto;
}

#rekrytointicom-company-footer-info .button--footer {
	background-color: #4e5164;
	border-color: #4e5164 !important;
	color: #fff;
	font-size: 16px;
    border-radius: 8px;
    display: inline-block;
    line-height: 45px;
    padding: 0px 15px;
    text-align: center;
	-webkit-box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.3);
}

#rekrytointicom-company-footer-info .button--footer:hover {
	color: #4e5164 !important;
	background-color: #fff !important;
	border-color: #4e5164 !important;
}

/* Footer button arrow.
#rekrytointicom-company-footer-info .button--footer:after {
	display: inline-block;
    color: #ed700a;
    content: "\f30f";
    font-family: "Ionicons" !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    font-size: 1.5em;
    vertical-align: middle;
    margin-left: 20px;
}

#rekrytointicom-company-footer-info .button--footer:hover:after {
    color: #ed700a;
}*/

/* Add icon for share links. */
#rekrytointicom-company-footer-info .rekrytointi-share-link {
	color: #ed700a;
	font-family: Ionicons;
	font-size: 30px;
	text-decoration: none;
	text-align: center;
}

/* Rempove automatically generated br tags. */
#rekrytointicom-company-footer-info .rekrytointi-own-social-share-container br {
	display: none;
}

/* Hide sharing text after icon. */
#rekrytointicom-company-footer-info .rekrytointi-share-link-text {
	font-size: 0;
}

/* Add circe border around icons. */
#rekrytointicom-company-footer-info .rekrytointi-share-content {
	padding: 5px 5px 5px 5px;
    margin-right: 5px;
    width: 50px;
    height: 50px;
    border: 2px solid #ed700a;
    display: inline-block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: background ease-in-out .3s, color ease-in-out .3s;
	-moz-transition: background ease-in-out .3s, color ease-in-out .3s;
	transition: background ease-in-out .3s, color ease-in-out .3s;
	-webkit-transition: border ease-in-out .3s, color ease-in-out .3s;
	-moz-transition: border ease-in-out .3s, color ease-in-out .3s;
	transition: border ease-in-out .3s, color ease-in-out .3s;
}

/* Hover color for share icons. */
#rekrytointicom-company-footer-info .rekrytointi-share-content:hover {
	color: #bd5800;
	border-color: #bd5800;
}

/* Share icons. */
#rekrytointicom-company-footer-info .rekrytointi-icon-facebook:before {
	content: "\f231";
	position: relative;
    top: -4px;
}

#rekrytointicom-company-footer-info .rekrytointi-icon-twitter:before {
	content: "\f243";
	position: relative;
    top: -4px;
}

#rekrytointicom-company-footer-info .rekrytointi-icon-instagram:before {
	content: "\f350";
	position: relative;
    top: -4px;
}

#rekrytointicom-company-footer-info .rekrytointi-icon-google:before {
	content: "\f34f";
	position: relative;
	top:-4px;
}

#rekrytointicom-company-footer-info .rekrytointi-icon-linkedin:before {
	content: "\f239";
	position: relative;
	top:-4px;
}

/* Remove random margin in the bottom language switcher. */
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
	margin-bottom: 0;
}

/* Align share buttons. */
.rekrytointi-own-social-share-container span {
	vertical-align: middle;
}

/* Add margin to newsletter button. */
.rekrytointi-own-social-share-container .newsletter {
	margin-top: 22px;
}

/* Add margin right to instagram button.
.rekrytointi-own-social-share-container .rekrytointi-share-content.rekrytointi-icon-instagram {
	margin-right: 10px;
} */

/* newsletter subscription popup */
.modal.modal-newsletter {
	max-width: 600px;
    background: white;
}

/* Edit newsletter popup */
.modal.modal-newsletter .modal-title {
	font-weight: 400;
    font-size: 28px;
    padding: 30px;
    margin-bottom: 0;
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: #4e5164;
}

/* Padding to share buttons */
#rekrytointicom-company-footer-info .rekrytointi-share-content {
	margin-bottom: 20px;
}

/* Center newsletter form */
#post-12688 ._form_9 form,
.modal.modal-newsletter form {
	margin: 0 auto !important;
}

@media screen and (max-width: 992px) {
	#rekrytointicom-company-footer-info,
	#rekrytointicom-b2b-footer-info {
		flex-wrap: wrap;
		flex-direction: column;
		align-items: center;
	}
	#rekrytointicom-company-footer-info .footer-column,
	#rekrytointicom-b2b-footer-info .footer-column {
		flex: 100%;
	}
	#rekrytointicom-b2b-footer-info .footer-column {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	#rekrytointicom-company-footer-info .footer-column:not(:first-child),
	#rekrytointicom-b2b-footer-info .footer-column:not(:first-child) {
		margin-top: 50px;
	}
}

@media screen and ( min-width: 420px ) {
	#rekrytointicom-company-footer-info .rekrytointi-share-content {
		margin-bottom: 0;
	}
}

@media screen and ( min-width: 768px ) {
	.rekrytointi-own-social-share-container .newsletter {
		margin-top: 22px;
	}

	#rekrytointicom-company-footer-info .rekrytointi-share-content {
		margin-bottom: 20px;
	}
}

@media screen and ( min-width: 992px ) {
	#rekrytointicom-company-footer-info div.social-media {
		margin-top: 54px;
	}

	#rekrytointicom-company-footer-info .rekrytointi-share-content {
		margin-bottom: 0;
	}
}

@media screen and ( min-width: 1200px ) {
	.rekrytointi-own-social-share-container .newsletter {
		margin-top: 0;
	}

	#rekrytointicom-company-footer-info div.social-media {
		margin-top: 87px;
	}
}

/************ 	  Footer area STOP	   ***********/
/*************************************************/


/*********************************************/
/************ 	  Select2 START	   ***********/

/* Fixing focus outline */
.select2-container.select2-container--uranus:focus,
.select2-container.select2-container--uranus .select2-selection:focus {
	outline: none;
}
/* Select2 selection field wrapper setup */
.select2-container.select2-container--uranus .select2-selection {
	background-color: #f7f6f3;
	border: 1px solid #ccc;
	font-size: 0;
	height: auto;
	line-height: 0;
	min-height: 38px;
}
/* Select2 default arrow removal */
.select2-container--uranus.select2-container .select2-selection__arrow {
	display: none;
}
/* Set dropdown z-index */
.select2-container.select2-container--uranus.select2-container--open {
	z-index: 1000000;
}
/* Overlay visible -> border color change */
.select2-container.select2-container--uranus.select2-container--open .select2-selection {
	border-color: #2D2F3A;
}
/* Listing bullets removal */
.select2-container.select2-container--uranus .select2-selection ul {
	list-style: none;
}
/* Selection value setup */
.select2-container.select2-container--uranus .select2-selection .select2-selection__rendered {
	box-sizing: border-box;
	font-size: 16px;
	line-height: 26px;
    margin: 0;
    width: 100%;
}
/* Search field wrapper setup */
.select2-container.select2-container--uranus .select2-search--inline {
	width: 100%;
	display: block;
}
/* Search field setup */
.select2-container.select2-container--uranus .select2-search--inline .select2-search__field {
	display: block;
	line-height: 28px;
	margin: 0;
	width: 100% !important;
}
/* Choice setup */
.select2-container--uranus.select2-container .select2-selection .select2-selection__choice {
	background-color: #fff;
	border: 1px solid #ddd;
	cursor: default;
	float: left;
	margin: 0px 14px 4px -8px;
	max-width: 100%;
	padding: 0 7px 0 2px;
	position: relative;
}
/* Select2 search field - set to hidden if some value chosen already*/
.select2-container--uranus.select2-container .select2-selection .select2-selection__choice + .select2-search {
	display: none;
}
/* Select2 search field icon setup */
.select2-container--uranus.select2-container .select2-selection .select2-selection__choice .select2-selection__choice__remove,
.select2-container--uranus.select2-container .select2-selection .select2-selection__clear {
	cursor: pointer;
	font-size: 23px;
	height: 26px;
	line-height: 21px;
	overflow: hidden;
	padding: 0 5px;
	vertical-align: text-bottom;
	color: #ed7004;
}

/* Single selection wrapper */
.select2-container.select2-container--uranus .select2-selection--single {
    padding: 4px 38px 5px 14px;
}
/* Single selection value setup */
.select2-container.select2-container--uranus .select2-selection--single .select2-selection__rendered {
	background-color: transparent; /* #eee */
	border: 0; /* 1px solid #ddd */
	cursor: default;
	float: left;
	margin: 0px 14px 0 -8px;
	max-width: 100%;
	padding: 0 7px 0 2px;
	position: relative;
	width: auto;
}
/* Single selection placeholder setup */
.select2-container.select2-container--uranus .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
	display: inline-block;
	padding-left: 8px;
}
/* Clear background and border for selections which are select2-single-noclear */
select.select2-single-noclear + .select2-container.select2-container--uranus .select2-selection--single .select2-selection__rendered {
	background: transparent;
	border: 0;
	line-height: 28px;
	margin: 0;
	padding: 0;
}

/* Multi */
.select2-container.select2-container--uranus .select2-selection--multiple .select2-selection__rendered {
    padding: 4px 38px 0 14px;
}

/* Dropdown */
.select2-container.select2-container--uranus .select2-dropdown {
	border-radius: 1px;
	max-height: 234px;
	overflow-y: auto;
	border: 1px solid #ccc;
}
/* Hide search field from overlay. Just to be sure. */
.select2-container.select2-container--uranus .select2-dropdown .select2-search--dropdown {
	display: none;
}
/* Option list padding */
.select2-container.select2-container--uranus .select2-dropdown .select2-results__options {
	padding: 4px 0;
	max-height: 200px;
	overflow-y: auto;
}
/* Option list single option padding */
.select2-container.select2-container--uranus .select2-dropdown .select2-results__option {
	padding: 2px 14px;
}
/* Option list single option highlighting */
.select2-container.select2-container--uranus .select2-dropdown .select2-results__option.select2-results__option--highlighted {
	background: #008CCE;
	color: #fff;
}
/* Option list single option grayout for already selected values */
.select2-container.select2-container--uranus .select2-dropdown .select2-results__option[aria-selected=true] {
	background: #f7f6f3;
	color: #9A9CA6;
	cursor: default;
}

/************ 	  Select2 STOP	   ***********/
/*********************************************/


/*********************************************/
/************ JOB ALERTS DASHBOARD ***********/

.manage-listings-header{
	margin-top:70px;
	margin-bottom:40px;
}

.job_status_button{
	margin-bottom: 10px;
	width:100%;
}
.job_status_button_focus{
	background-color:#62676e;
}

/* Make Job ALERTS Responsive */
#job-manager-alerts table {
	width: 100%;
	margin:0;
	padding:0;
	border-collapse: separate;
    border-spacing: 0 10px;
    margin-top: -10px;
    border: 0;
}

#job-manager-alerts table th {
	padding: 10px;
	text-align: left;
}

#job-manager-alerts table th {
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 8px;
}

/* first child is always alert name. Make it bigger */
#job-manager-alerts table td:first-child {
	font-size: 1.4em;
}

/* use this to create borders around td's */
#job-manager-alerts td {
	padding: 8px;
	border: solid 1px #ccc;
    border-style: solid none;
    padding: 10px;
}

/* use this to create borders around td's */
#job-manager-alerts td:first-child {
    border-left-style: solid;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

/* use this to create borders around td's */
#job-manager-alerts td:last-child {
    border-right-style: solid;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

/* alert name is wrapped around this */
#job-manager-alerts .job-alert-table-title {
	display: block;
	text-align: center;
	font-weight: bold;
}

/* other disabled td's use opacity but we can not use it for the first td */
#job-manager-alerts .alert-disabled .job-alert-table-title {
	color: rgba(78, 81, 100, 0.5);
}

/* every tr has own border and is separated by "job-manager-table-spacer" tr element */
#job-manager-alerts table tr{
	border: 1px solid #ccc;
	border-radius: 8px;
}

/* job alert table headers */
#job-manager-alerts table thead {
	background-color: #ED7004;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	color: #fff;
}

#job-manager-alerts tfoot td {
	background-color: #fff!important;
	border: none!important;
	width: 100%;
	text-align: center;
}

/* set width for first td */
#job-manager-alerts table tr td:first-child{
	width: 250px;
}

/* other disabled td's use opacity but we can not use it for the first td */
#job-manager-alerts table tr.alert-disabled td:first-child{
	border-color: rgba(204, 204, 204, 0.5);
}


/** create dropdown for job alerts manage links */
/* TODO can this be replaced with classes we already have? and not create my own */
#job-alerts-menu .job-alert-dropdown-button {
    background-color: #fff;
    width: 100%;
    color: #4e5164;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
    vertical-align: middle;
    line-height: 10px;
    vertical-align: baseline;
    border: 1px solid #ccc;
}

#job-alerts-menu .job-alert-dropdown-button::after {
	margin-left: 10px;
	font-family: ionicons;
	content: '\f2f7';
	font-size: 1.5em;
	display: inline-block;
    position: static;
    margin: 0 6px 0 10px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: inherit;
    /* for after element animation */
    -webkit-transition: 1s ease-in-out;
    -moz-transition: 1s ease-in-out;
    -o-transition: 1s ease-in-out;
    transition: 1s ease-in-out;
}

#job-alerts-menu {
    position: relative;
    display: block;
}

#job-alerts-menu .job-alert-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1000;
    width: 100%;
}

#job-alerts-menu .job-alert-dropdown-content a {
    color: black;
    padding: 2px 6px;
    text-decoration: none;
    display: block;
}

#job-alerts-menu .job-alert-dropdown-content a:hover {
	background-color: #008CCE;
	color: #fff;
}

#job-alerts-menu:hover .job-alert-dropdown-content {
    display: block;
}

#job-alerts-menu:hover .job-alert-dropdown-button::after {
    /* Rotate div */
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/* override opacity setting - breaks dropdown */
#job-manager-alerts tr.alert-disabled td, #job-manager-alerts tr.alert-disabled th {
	opacity: 0.5;
}

/* because we have a dropdown menu in the first td we can not use opacity 0.5 for it */
#job-manager-alerts tr.alert-disabled td:first-child {
	opacity: 1;
}

/* Alert time input styling */
input#alert_time_input {
	background-color: #f7f6f3;
	border: 1px solid #ccc;
	width: 100%;
}

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

	#job-manager-alerts table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	#job-manager-alerts table thead {
		display: none;
	}

	#job-manager-alerts table tr {
		margin-bottom: 50px;
		display: block;
		border: 1px solid #ccc;
		border-radius: 8px;
		border-top: 0;
		-webkit-box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.1);
    	-moz-box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.1);
    	box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.1);
	}

	/* header part */
	#job-manager-alerts table td:first-child{
		text-align: left;
		background-color: #ED7004;
		border-top-right-radius: 8px;
		border-top-left-radius: 8px;
		color: #fff;
		text-align: center;
		font-weight: bold;
		padding: 8px;
		border-bottom-left-radius: 0;
	}

	/* why this gets overwritten */
	#job-manager-alerts table tr td:first-child{
		width: 100%!important;
	}

	#job-manager-alerts .alert-disabled .job-alert-table-title{
		color: #fff;
	}

	#job-alerts-menu .job-alert-dropdown-button {
		background-color: #F29A50;
		border: 0;
		color: #fff;
	}

	#job-manager-alerts table td {
		display: block;
		text-align: left;
		font-size: 13px;
		padding-left: 1em;
		border-top: 1px solid #ededed;
	}

	#job-manager-alerts table td:last-child {
		border: 0;
	}

	/* display as headers in mobile */
	#job-manager-alerts table td:before {
		content: attr(data-label);
		text-transform: uppercase;
		font-weight: bold;
		margin-left: 2px;
		width: 100%;
		display: block;
	}

	/* table footer */
	#job-manager-alerts tfoot tr {
		border: none;
		-webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
	}

}


/************ JOB ALERTS DASHBOARD STOP ***********/
/**************************************************/


/*****************************************/
/******** 404 -styling START ************/

.error404 .search_jobs-wrapper{
	display: none;
}

.error404 .search_jobs.magazine_view {
	padding: 20px;
	padding-bottom: 12px;
}

#image-404 {
	display: block;
	background-size: contain;
	margin-left: auto;
	margin-right: auto;
	background-repeat: no-repeat;
	height: auto;
	max-width: 70%;
}

#error-message-404 {
	font-size: 1.2em;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 30px;
}

.error404 .search-form-title {
	font-weight: 400;
}

/******** 404 -styling STOP **************/
/*****************************************/



.error404 .search_submit .submit_button_404 {
	border: 0;
	border-radius: 8px;
	display: block;
	height: 45px;
	line-height: 45px;
	padding: 0;
	text-align: center;
	width: 100%;
	-webkit-transition: background ease-in-out .3s, color ease-in-out .3s;
	-moz-transition: background ease-in-out .3s, color ease-in-out .3s;
	transition: background ease-in-out .3s, color ease-in-out .3s;
	background: #008CCE;
	color: #fff;
}

.error404 .search_submit .submit_button_404:hover {
	background: #005796;
	text-decoration: none;
}

.error404 .search_submit > button::after {
	display: inline-block;
	color: #fff;
	content: "\f30f";
	font-family: "Ionicons" !important;
	font-size: 27px;
	font-weight: 400;
	height: 45px;
	line-height: 45px;
	text-align: right;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	vertical-align: bottom;
	width: 26px;
}

.error404 #error-message-404 {
	display: inline-block;
}

.error404 #error-message-404-header h2{
	font-family: 'Amatic SC', bold;
	font-size: 3em;
}

.error404 #image-404 {
	width:45%;

}

.error404 #image_404_text {
	font-family: 'Amatic SC', bold;
	font-size: 1.2em;
	text-align: right;
	position: absolute;
	bottom: 0;
	right: 0;
	padding-right: 12%;
}

.error404 .image_section {
	display: none;
	text-align: center;
	padding-bottom: 20px;
}

@media (min-width: 992px)
{
    .error404 .image_section
    {
        display: block;
    }
}

@media (min-width: 768px)
{
	.error404 #error-message-404-header h2
	{
		font-size: 5em;
	}
}

/******** 404 -styling STOP **************/
/*****************************************/





/**************************************''***************/
/******** Application form -styling START **************/

/* Application form */
#application-form-email {
	padding: 35px 20px 35px 20px;
	text-align: center;
}

#application-form-email h3.application-form-title {
	font-size: 22px;
	margin-top: 30px;
	margin-bottom: 15px;
	font-weight: 600;
}

#application-form-email .spacer-line {
	width: 40%;
	background-color: #008CCE;
	height: 1px;
	margin: auto;
}


/* Application form content container */
#application-form-email .application-form-content {
	margin-top: 15px;
	margin-bottom: 30px;
	position: relative;
}

#application-form-email .application-form-content p {
	padding: 0 15px 15px 15px;
}

/* Apply job email button */
#application-form-email a.job_application_email {
	padding: 6px 24px;
	border-radius: 6px;
	background-color: #ed7004;
	border: 1px solid #ed7004;
	color: white;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
}

#application-form-email a.job_application_email:hover {
	background-color: #C75A00;
	border-color: #C75A00;
}

/* Copy email to clipboard button */
#application-form-email button.application-form-clipboard {
	background: transparent;
	border: 0;
	padding: 5px;
	color: #ed7004;
	font-weight: 400;
}

#application-form-email button.application-form-clipboard:hover {
	color: #C75A00;
	text-decoration: underline;
}

/* hidden email field which displays what was copied to clipboard */
#application-form-email .hidden-email-field {
	display: none;
	margin: 0 0 30px 0;
	list-style-type: none;
}



/******** Application form -styling STOP **************/
/*********************************************'********/


/**************************************************/
/******** OSAAJAPANKKI -styling START *************/

p.text--osaajapankki {
	width: 100%;
}

.button--osaajapankki {
	font-size: 16px;
    border-radius: 8px;
    display: inline-block;
    line-height: 45px;
    padding: 0px 15px;
    text-align: center;
}

/*footer-contact-button arrow*/
.button--osaajapankki:after{
	display: inline-block;
    color: #fff;
    content: "\f30f";
    font-family: "Ionicons" !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    font-size: 1.5em;
    vertical-align: middle;
    margin-left: 20px;
}


@media (min-width: 768px)
{
	p.text--osaajapankki {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
}

/******** OSAAJAPANKKI -styling STOP **************/
/**************************************************/

/**************************************************/
/******** Universum badges START *************/


/* Badge on listings page */
.job_listings .job_listing_universum img {
	bottom: 2%;
	right: 12px;
	width: 77px;
	position: absolute;
}

/* Badge on featured listings widget */
.widget_key_listing_widget .job_listings .job_listing_universum img,
.widgetized-area-featured-listings .job_listings .job_listing_universum img {
	bottom: 12%;
}

/* Make room for badge in listings page */
.job_listings .job_listing-location-uni {
	width: 69%;
}

/* Give ul element in single listings header position to able positioning for badge */
.single_job_listing .page-header .rekrytointi-listing-meta-information {
	position: relative;
}
/* Make room for badge in single listing header */
.single_job_listing .page-header .location-universum,
.single_job_listing .custom-template-page-header .location {
	width: 62%;
}

.job_listings .job_listing-about .job_listing-meta .expiring {
	width: 74%;
}

/* Give position absolute to badge in single listing page */
.single_job_listing .page-header .job_listing_universum_badge {
	position: absolute !important;
	top: 8px;
	right: 25px;
}

/* Give position absolute to badge in single listing page */
.single_job_listing .page-header .job_listing_op_badge {
	right: 10px;
	text-align: right;
}

.job_listings .job_listing-about .job_listing-position {
width: 100%;
}


/* Width of universum badge in single listing page */
.job_listing_universum_badge img {
	width: 90px;
}

/* Move li elements in page header in single listing page */
.single_job_listing .page-header .job-listing-meta li {
	vertical-align: middle;
}

@media (min-width: 768px) {

	.single_job_listing .page-header .location-universum,
	.single_job_listing .custom-template-page-header .location {
		width: auto;
	}

	.single_job_listing .page-header .job_listing_universum_badge {
		position: relative !important;
		top: inherit;
		right: inherit;
	}

	/* Give position absolute to badge in single listing page */
	.single_job_listing .page-header .job_listing_op_badge {
		right: 0;
	}
}

@media (min-width: 1290px) {

	.job_listings .job_listing-about .job_listing-position {
		width: 65%;
	}
}

@media (min-width: 992px) {
	.job_listings .job_listing-about .job_listing-position {
		width: 67%;
	}

	.job_listings .job_listing-location-uni {
		width: 100%;
	}

	.job_listings .job_listing_universum img {
		width: 69px;
	}
}

@media (min-width: 1200px) {

	/* universum badge in listings page */
	.job_listings .job_listing_universum img {
		width: 77px;
		right: 12px;
		bottom: 12%;
	}

	.job_listings .job_listing-about .job_listing-position {
		width: 61%;
	}

}

@media (min-width: 1330px) {
	
	.job_listings .job_listing-about .job_listing-meta .expiring {
		width: auto;
	}
}

@media (min-width: 1440px) {

	.job_listings .job_listing-about .job_listing-position {
		width: 67%;
	}

}

/******** Universum badges STOP **************/
/**************************************************/

/**************************************************/
/******** Key listing slider START *************/

/* Center and give max width for container. Also hide content before until js is loaded. */
.featured-listings-container {
	width: 89%;
	margin: 0 auto;
	display: none;
}

body.home.page .widget_key_listing_widget {
	background-color: #F0F0EA;
	margin-top: 0 !important;
}

body.home.page .widget_key_listing_widget h3.widget-title {
	margin: 0 auto;
	padding-top: 30px;
}

/* Center and give max width for container. Also hide content before until js is loaded. */
body.home.page .featured-listings-container {
	max-width: 1180px;
	margin: 0 auto;
	border: none;
	display: none;
	padding-bottom: 50px;
}

body.home.page .featured-listings-container .job_listings {
	background: transparent;
}

body.home.page .featured-listings-container .job_listings li {
	background-color: #fff;
}

/* Edit prev and next buttons for mobile */
.featured-listings-container .slick-prev.slick-arrow {
	left: -26px;
}

.featured-listings-container .slick-next.slick-arrow {
	right: -30px;
}

body.home.page .featured-listings-container .slick-next.slick-arrow {
	right: -26px;
}

/* make prev and next buttons a bit smaller */
.featured-listings-container .slick-next:before,
.featured-listings-container .slick-prev:before {
	font-size: 36px;
}

.featured-listings-container a {
	color: black;
	text-decoration: none;
	display: block;
}

/* Remove border */
.featured-listings-container ul {
	border: none;
}

.featured-listings-container .slick-track {
	display:flex;
  	justify-content: center;
}

/* Center list items and give max width */
.featured-listings-container li.job_listing {
	display: list-item;
	margin: 0px 5px 0px 5px;
	height: auto;
	padding: 0;
}

.featured-listings-container .job_position_featured .job_listing-logo {
	max-width: 100%;
	width: 100%;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	max-height: 13em;
	min-height: 13em;
	position: relative;
	overflow: hidden;
}

.featured-listings-container .job_position_featured .job_listing-about {
	color: #4e5164;
}

.featured-listings-container .job_position_featured .job_listing-logo .company_logo {
	max-height: inherit;
	padding: 20px;
}

/* Style featured widget - remove featured text */
.featured-listings-container .job_position_featured .list_featured_job_listing {
	display: none;
}

/* set width for content */
.featured-listings-container .job_position_featured .job_listing-about,
.featured-listings-container .job_position_featured .job_listing-about .job_listing-position,
.featured-listings-container .job_position_featured .job_listing-about .job_listing-meta {
	max-width: 100%;
	width: 100%;
	margin-right: 0;
	text-align: left;
}

/* Remove margin so that content can be styled with padding. */
.featured-listings-container .job_position_featured .job_listing-about {
	margin: 0;
	padding: 6px 12px;
	margin-bottom: 12px;
}

/* Read more text background. */
.featured-listings-container .job_listing-read-more-text {
	background-color:#008CCE;
	width: 100%;
	padding: 1em;
}

/* read more text */
.featured-listings-container .job_listing-read-more-text span {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	/* Get arrow to same line as text */
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
	font-family: 'Signika', sans-serif;
}

/* read more text */
.featured-listings-container .job_listing-read-more-text span:after {
	display: inline-block;
	content: '\f3d6';
	font-family: Ionicons;
	font-size: 2.2em;
	line-height: 12px;
	margin-left: 14px;
}

/* Remove extra text from featured widget */
.featured-listings-container .job_position_featured .job_listing-about .job_listing-title,
.featured-listings-container .job_position_featured .job_listing-about .job_listing-company,
.featured-listings-container .job_position_featured .job_listing-about .job_listing-types,
.featured-listings-container .job_position_featured .job_listing-about .job_listing-location {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.featured-listings-container .job_position_featured .job_listing-about .job_listing-types {
	margin-top: 16px;
}

.featured-listings-container .job_position_featured .job_listing-about .job_listing-date {
	margin-top: .25em;
}

.featured-listings-container .job_position_featured .job_listing-about .job_listing-company  {
	height: 53px;
}

.featured-listings-container .job_position_featured .job_listing-about .job_listing-company .job_listing-company-name {
	overflow: hidden;
	text-overflow: ellipsis;
}

.featured-slider .job_position_featured:hover{
	/*box-shadow: none !important;*/
}
@media screen and (min-width: 768px) {

	.featured-listings-container .job_listing-location {
		margin-top: .5em;
	}

	/* next and prev arrows to normal position */
	.featured-listings-container .slick-prev.slick-arrow {
		left: -40px;
	}
	
	.featured-listings-container .slick-next.slick-arrow {
		right: -40px;
	}

	body.home.page .featured-listings-container .slick-next.slick-arrow {
		right: -40px;
	}

	.featured-listings-container .slick-next:before,
	.featured-listings-container .slick-prev:before {
		font-size: 40px;
	}
}

@media screen and (min-width: 768px) {

	body.home.page .featured-listings-container {
		width: 89%;
	}
}

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

	.featured-listings-container {
		width: 100%;
	}

	body.home.page .featured-listings-container li.job_listing {
		/*max-width: 385px;*/
	}
}

/******** Key listing slider STOP **************/
/**************************************************/

/**************************************************/
/******** Career tips RSS feed START **************/

.widget_career_tips_rss_feed_widget .widget-title {
	font-size: 1.9em;
}

.widget_career_tips_rss_feed_widget .widget-title:hover {
	color: #008cce;
	cursor: pointer;
}

/* Center and give max width for container. Also hide content before until js is loaded. */
.career-tips-rss-feed-container {
	max-width: 1180px;
	margin: 0 auto;
	border: none;
	background-color: #fff;
	display: none;
}

.career-tips-rss-feed-container .slick-slider {
	padding: 0;
}

.career-tips-rss-feed-container .slick-track {
	display: flex;
  	justify-content: center;
}

/* Center list items and give max width */
.career-tips-rss-feed-container .career-tips-rss-feed-article {
	display: flex;
	flex-direction: column;
	margin: 15px;
	border: 2px solid #ed700a;
	border-radius: 8px;
	padding: 10px;
	height: inherit;
	-webkit-box-shadow: 0px 6px 13px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 6px 13px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 6px 13px 1px rgba(0, 0, 0, 0.2);
	cursor: pointer;
}

.career-tips-rss-feed-container .career-tips-rss-feed-article img {
	max-width: 100%;
	width: 100%;
	height: 180px;
	object-fit: cover; /* Keep aspect ratio. */
	text-align: center;
	position: relative;
	overflow: hidden;
	margin-bottom: 10px;
}

.career-tips-rss-feed-container .career-tips-rss-feed-article .article-title {
	margin-top: 5px;
	margin-bottom: 10px;
}

.career-tips-rss-feed-container .career-tips-rss-feed-article .read-more-button {
	margin-top: auto; /* To the bottom. */
	margin-left: auto;
	margin-right: auto;
}

.career-tips-rss-feed-container .career-tips-rss-feed-article .read-more-button .button {
	background-color: #4e5164;
	color: #fff;
	border: 2px solid #4e5164;
	border-radius: 8px;
	padding: 10px 20px;
}

.career-tips-rss-feed-container .career-tips-rss-feed-article .read-more-button .button:hover,
.career-tips-rss-feed-container .career-tips-rss-feed-article .read-more-button .button:focus {
	background-color: #fff;
	border-color: #4e5164;
	color: #4e5164;
}

.career-tips-rss-feed-container .slick-prev::before {
    content: "\f0a8";
}

.career-tips-rss-feed-container .slick-next::before {
    content: "\f0a9";
}

.career-tips-rss-feed-container .slick-prev::before,
.career-tips-rss-feed-container .slick-next::before {
    font-family: 'FontAwesomeSolid' !important;
    font-size: 40px;
	color: #008cce;
	opacity: 1;
}

.career-tips-rss-feed-container .slick-prev:hover::before,
.career-tips-rss-feed-container .slick-next:hover::before {
	opacity: 0.8;
}

@media screen and (max-width: 1256px) {
	.career-tips-rss-feed-container {
		width: 89%;
	}
}

@media screen and (max-width: 750px) {
	.career-tips-rss-feed-container {
		width: 80%;
	}
}

@media screen and (max-width: 400px) {
	.career-tips-rss-feed-container {
		width: 70%;
	}
}

/******** Career tips RSS feed STOP ***************/
/**************************************************/