/* =============================================================================
   06-signup.css
   Signup page: #signup, #pick, news list.

   Split out of style.css, which had grown to 3,647 lines. Loaded via
   wp_enqueue_style() in inc/enqueue.php - the load ORDER there matches the
   numeric filename order, and matches the order these rules appeared in the
   original file, so the cascade is unchanged.
   ============================================================================= */
/* ----------------
 || SIGNUP 
------------------- */
body.page-template-template_about #signup .container .column .left {
	width: 30%;
}
body.page-template-template_about #signup .container .column .right {
	width: 70%;
}
body.page-template-template_signup #signup .container .column .left {
	width: 70%;
}
body.page-template-template_signup #signup .container .column .right {
	width: 30%;
}
.register {
	font-family: "effrabold";
	font-size: 32pt;
	width: 250px;
	color: var(--js-white);
	padding: 68px 30px;
	height: 250px;
	border-radius: 50%;
	text-align: center;
	margin-left: -30px;
	margin-bottom: 50px;
	line-height: 31pt;
}
.quotes {
	padding: 40px 0px;
}
.quote-wrap {
	height: auto;
	padding: 0px 20px;
	transform: scale(0.85);
	opacity: 0.5;
	transition: all 400ms ease-out;
}
.slick-next,
.slick-next:hover,
.slick-next:focus {
	background-image: url("https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-list.png") !important;
	background-size: cover !important;
	text-indent: -9999px;
	width: 30px !important;
	height: 30px !important;
	right: 0px !important;
	z-index: 9999 !important;
}
.slick-prev,
.slick-prev:hover,
.slick-prev:focus {
	background-image: url("https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-list.png") !important;
	background-size: cover !important;
	text-indent: -9999px !important;
	width: 30px !important;
	height: 30px !important;
	left: 0px !important;
	transform: rotate(-180deg) !important;
	z-index: 9999 !important;
}
.quote-wrap.slick-slide.slick-center {
	transform: scale(1);
	opacity: 1;
}
.quote {
	background-color: var(--js-white);
	padding: 30px;
	position: relative;
	border-radius: 20px;
	max-width: 320px;
	float: right;
}
#mainbanner .quote p {
	color: var(--js-black);
	font-size: 17pt;
	line-height: 21pt;
}

/* --- #Pick --- */
#pick ul.special li {
	font-family: "effrabold";
	font-size: 21pt;
	line-height: 26pt;
	background-position: 0px 2px;
}
#pick {
	background-size: cover;
	padding: 50px 0px;
	margin-top: 50px;
	color: var(--js-white);
	background-position: center;
	overflow: hidden;
}
body.page-template-template_employer #pick {
	background-image: url("https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-2023-yellowstripnew.png");
}
body.page-template-template_signup #pick {
	background-image: url("https://assets-cdn.sums.su/MA/images/su_images/layouts/jobshop/Jobshop-Webskin-2023-bluestrip.png");
}
.tab {
	transition: transform 400ms ease-out;
}
.tab {
	padding-left: 40px;
}
.tab.active {
	padding-left: 50px;
}
.tips_title {
	padding-top: 50px;
	margin-top: 50px;
	position: relative;
	border-top: 1px solid var(--js-black);
}
.job-fullinfo .info.active {
	display: block;
}
.job-fullinfo .info {
	display: none;
}

/* --- News --- */
.gnews {
	line-height: normal;
	margin: 0px -15px 0px -15px;
	overflow: hidden;
}
.gnews .gnews_wrap {
	width: 33.333%;
	padding: 0px 15px;
	float: left;
}
.gnews .gnews_img {
	height: 240px;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	margin: 0px auto;
}
.gnews .gnews_title {
	padding: 10px 0px 0px 0px;
	font-size: 22px;
	line-height: 30px;
	color: #000;
}
.gnews .gnews_title p a {
	font-family: "effrabold";
	color: #000;
	text-decoration: none;
}
.gnews .gnews_title p a:hover {
	text-decoration: underline;
}
.gnews .gnews_date {
	display: block;
	font-size: 13px;
	text-transform: uppercase;
	color: #000;
	font-family: "effraregular";
}
.gnews_article {
	margin-bottom: 30px;
}
.gnews_widget h2 {
	position: relative;
	margin: 0px 0px 30px 0px;
	text-transform: initial;
}