/* =========================================================
 * Smart Punch - Company page
 * ========================================================= */

.company-hero{
	padding:50px 20px 20px;
}

.company-hero .section-heading{
	margin-bottom:0;
}

.company-section{
	padding-top:30px;
}

.company-section .section-inner{
	max-width:900px;
}


/* Company card */
.company-card{
	padding:12px 48px;
	background:#fff;
	border:1px solid var(--line);
	border-radius:var(--radius-large);
	box-shadow:var(--shadow-medium);
}


/* Profile */
.company-profile{
	margin:0;
}

.company-row{
	display:grid;
	grid-template-columns:170px minmax(0,1fr);
	gap:28px;
	padding:30px 0;
	align-items:start;
}

.company-row + .company-row{
	border-top:1px solid var(--line);
}

.company-row dt{
	color:var(--text);
	font-size:15px;
	font-weight:900;
	line-height:1.8;
}

.company-row dd{
	margin:0;
	color:var(--muted);
	font-size:15px;
	line-height:1.9;
}

.company-row ul{
	margin:0;
	padding:0;
	list-style:none;
}

.company-row li{
	position:relative;
	padding-left:20px;
}

.company-row li + li{
	margin-top:4px;
}

.company-row li::before{
	content:"";
	position:absolute;
	top:.9em;
	left:3px;
	width:6px;
	height:6px;
	background:var(--accent);
	border-radius:50%;
	transform:translateY(-50%);
}

.company-row a{
	color:var(--brand);
	font-weight:800;
	text-decoration:underline;
	text-underline-offset:3px;
}


@media(max-width:640px){
	.company-card{
		padding:6px 20px;
		border-radius:var(--radius-medium);
	}

	.company-row{
		grid-template-columns:1fr;
		gap:6px;
		padding:24px 0;
	}

	.company-row dt{
		font-size:14px;
	}

	.company-row dd{
		font-size:14px;
	}
}