/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * CMS DivSite 1.05
 * Copyright (C) 2003-2007 Div Labs
 * Copyright (C) 2008-2025 MedianaSoft Ltd.
 *
 * Шаблон дизайна
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Раздел: "Карьера"
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/************************ стили для формы карьера ************************************/
.gridBT {
	position:relative;
	height:100vh;

}

.gridBT_list {
		display:flex;
		width:100%;		/* ширина списка с кнопками относительно main*/
		margin:0px;    /* Обнуляем значение отступов */
		padding:0px; /* Значение полей */
		list-style-type:none;
/* background-color:lightred; */
}
		 
.gridBT_item {   /*  list element */
		display:flex;
		flex-direction:row;
		position:relative;
		width:100%; /* элементы будут рисоваться на всю ширину  */
		justify-content:center;
		text-decoration: none;
/* background-color:lightyellow; margin:10px; */
}
.gridBT_button-wrapper{
		position:relative;
		width:100%;  /* враппет баттона растянется на ширину элемента списка  */
		max-width:500px;
		margin:20px;
		
/* background-color:lightcyan; */
}
.gridBT_button {
		display:flex;
		flex-direction:column;
		justify-content:center; 
		width:100%;
		height:320px;
		/*  margin:15px;  */
	
		background-color:var(--border-blue-light);
		border:0;
		border-radius:var(--border-radius);
		box-shadow: 3px 7px 20px var(--border-blue-light);
		font-family:var(--font);
		transition: var(--transition);
		cursor:pointer;
}

.gridBT_button button:hover, button:active {
		background-color:var(--border-blue-dark);  
}

.gridBT_button::after {
  content: "";
  clear: both;
  display: table;	
}

.gridBT_button_text {
		display:block;
		position:absolute;
		width:90%;

		top:10%;
		left:5%;
		z-index: 1;

		text-align:left;
		font-size:24px;
		font-weight:600;
/*background-color:lightcyan;		*/
}

.gridBT_button_remark {
		display:block;
		position:absolute;
		width:40%;

		bottom:10%;
		left:5%;

		text-align:left;
		font-size:15px;
/* background-color:lightgreen; */
}

.gridBT_button_gliph {
		position:absolute;
		width:50%;

		bottom:0;
		right:0;
/* background-color:lightblue; opacity: 0.6; */
}

.gridBT_button_gliph img{
		display:block;
		width:100%;
		object-fit: fill;
		margin-top:20px;
}

input[type=text] {
	background-color: white;
	background-image: url('searchicon.png');
	background-position: 10px 10px;
	background-repeat: no-repeat;
	padding-left: 40px;
	transition:var(--transition);
}

input[type=text]:focus {
	width: 100%;
}