/**
 * Layout for pages migrated from the Drupal `article` content type.
 *
 * Extracted programmatically from the source theme's own stylesheet
 * (themes/custom/tmtfinance_website) rather than transcribed by hand, so the
 * values and their media-query breakpoints match the Drupal rendering exactly.
 *
 * Drupal's field names were renamed to say what the thing is:
 *
 *     field--name-header            -> tmt-article__hero
 *     field--name-intro             -> tmt-article__eyebrow
 *     field--name-background-image  -> tmt-article__hero-image
 *     field--name-listing           -> tmt-article__sections
 *     paragraph / block / wrapper   -> tmt-article__inner / __hero-text / __section
 *
 * "header" in Drupal was a paragraph type -- the page's hero band -- NOT the
 * site header. Site chrome is WordPress's own; nothing here touches it, and
 * footer, menu and block rules were excluded during extraction.
 *
 * Everything is scoped under .tmt-article so it cannot reach any other page.
 *
 * Base typography for this content type (from the same theme's `body` rule):
 *     font-family:"Interstate",Arial,Helvetica,sans-serif; font-weight:400;
 *     font-size:16px; line-height:1.5em; color:#213747
 * Note this differs from the Insight/Intelligence theme, which is 18px/24px.
 *
 * @package hello-elementor-child
 */

.tmt-article {
	font-family: "Interstate", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 1.5em;
	color: #213747;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}

.tmt-article .tmt-article__hero {
	padding:43px 0 360px;
	background:#213747;
	color:#fff;
	position:relative;
	min-height:500px;
	display:flex;
	align-items:center;
}

@media (min-width:768px) {

	.tmt-article .tmt-article__hero {
		padding-bottom:43px;
	}

}

.tmt-article .tmt-article__hero .tmt-article__inner {
	width:100%;
	max-width:1515px;
	padding:0 20px;
	margin:0 auto;
}

@media (min-width:768px) {

	.tmt-article .tmt-article__hero .tmt-article__inner {
		padding:0 30px;
	}

}

@media (min-width:1200px) {

	.tmt-article .tmt-article__hero .tmt-article__inner {
		padding:0 69px;
	}

}

.tmt-article .tmt-article__hero .tmt-article__inner .tmt-article__hero-text {
	width:100%;
}

@media (min-width:768px) {

	.tmt-article .tmt-article__hero .tmt-article__inner .tmt-article__hero-text {
		width:48.65649964%;
	}

}

.tmt-article .tmt-article__hero .tmt-article__inner .tmt-article__eyebrow {
	text-transform:uppercase;
}

.tmt-article .tmt-article__hero .tmt-article__inner h1,
.tmt-article .tmt-article__hero .tmt-article__inner .tmt-article__hero-title {
	color:#fff;
	font-family:"Interstate",Arial,Helvetica,sans-serif;
	font-size:32px;
	font-weight:700;
	line-height:1.25;
}

@media (min-width:768px) {

	.tmt-article .tmt-article__hero .tmt-article__inner h1,
	.tmt-article .tmt-article__hero .tmt-article__inner .tmt-article__hero-title {
		font-size:40px;
		line-height:1.2;
	}

}

.tmt-article .tmt-article__hero .tmt-article__inner h1,
.tmt-article .tmt-article__hero .tmt-article__inner .tmt-article__hero-title {
	margin:20px 0;
}

.tmt-article .tmt-article__hero .tmt-article__inner .tmt-article__hero-image {
	position:absolute;
	width:100%;
	height:360px;
	bottom:0;
	left:0;
	display:flex;
	align-items:center;
	justify-content:center;
}

@media (min-width:768px) {

	.tmt-article .tmt-article__hero .tmt-article__inner .tmt-article__hero-image {
		left:auto;
		bottom:auto;
		right:0;
		width:52%;
		height:100%;
		max-height:450px;
		top:50%;
		transform:translateY(-50%);
	}

}

.tmt-article .tmt-article__hero .tmt-article__inner .tmt-article__hero-image img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}

@media (min-width:768px) {

	.tmt-article .node--type-article {
		background:url(../images/migrated/radial.png) no-repeat right top 500px;
		background-size:auto;
	}

}

.tmt-article .tmt-article__hero .tmt-article__hero-image {
	padding:20px;
}

@media (min-width:1024px) {

	.tmt-article .tmt-article__hero .tmt-article__hero-image {
		padding:0;
	}

}

.tmt-article .tmt-article__sections {
	padding-top:48px;
	text-align:center;
}

@media (min-width:768px) {

	.tmt-article .tmt-article__sections {
		padding-top:100px;
	}

}

.tmt-article .tmt-article__sections .tmt-article__container {
	width:100%;
	max-width:1515px;
	padding:0 20px;
	margin:0 auto;
}

@media (min-width:768px) {

	.tmt-article .tmt-article__sections .tmt-article__container {
		padding:0 30px;
	}

}

@media (min-width:1200px) {

	.tmt-article .tmt-article__sections .tmt-article__container {
		padding:0 139px;
	}

}

.tmt-article .tmt-article__sections .tmt-article__section h2 {
	margin:0 0 25px;
}

@media (min-width:768px) {

	.tmt-article .tmt-article__sections .tmt-article__section h2 {
		margin-bottom:48px;
	}

}

.tmt-article .tmt-article__sections .tmt-article__section ul {
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	text-align:left;
}

.tmt-article .tmt-article__sections .tmt-article__section ul li {
	flex:0 0 100%;
	font-size:16px;
	line-height:1.15;
}

.tmt-article .tmt-article__sections .tmt-article__section ul li h5 {
	font-size:24px;
	line-height:1.2;
	color:#213747;
	margin:0;
}

.tmt-article .tmt-article__sections .tmt-article__section ul li p {
	margin:0;
}

@media (min-width:1024px) {

	.tmt-article .tmt-article__sections .tmt-article__section--1 h2 {
		margin-bottom:88px;
	}

}

.tmt-article .tmt-article__sections .tmt-article__section--1 ul {
	gap:40px;
}

.tmt-article .tmt-article__sections .tmt-article__section--1 ul li {
	padding-left:20px;
	border-left:#ea580a 3px solid;
	color:#2b5372;
}

@media (min-width:768px) {

	.tmt-article .tmt-article__sections .tmt-article__section--1 ul li {
		flex-basis:calc(50% - 20px);
	}

}

@media (min-width:1024px) {

	.tmt-article .tmt-article__sections .tmt-article__section--1 ul li {
		padding-left:40px;
	}

}

.tmt-article .tmt-article__sections .tmt-article__section--2 {
	margin-top:48px;
}

@media (min-width:768px) {

	.tmt-article .tmt-article__sections .tmt-article__section--2 {
		margin-top:100px;
	}

}

@media (min-width:1024px) {

	.tmt-article .tmt-article__sections .tmt-article__section--2 {
		margin-top:140px;
	}

}

.tmt-article .tmt-article__sections .tmt-article__section--2 ul {
	gap:20px;
}

@media (min-width:768px) {

	.tmt-article .tmt-article__sections .tmt-article__section--2 ul {
		gap:32px;
	}

}

.tmt-article .tmt-article__sections .tmt-article__section--2 ul li {
	padding:54px 20px 20px;
	background-color:#fff;
	border-radius:5px;
	background-repeat:no-repeat;
	background-position:20px 20px;
	background-size:24px;
	background-image:url(../images/migrated/crm.svg);
}

@media (min-width:768px) {

	.tmt-article .tmt-article__sections .tmt-article__section--2 ul li {
		flex-basis:calc(50% - 16px);
	}

}

@media (min-width:1024px) {

	.tmt-article .tmt-article__sections .tmt-article__section--2 ul li {
		flex-basis:calc(33.33% - 22px);
	}

}

.tmt-article .tmt-article__sections .tmt-article__section--2 ul li h5 {
	margin-bottom:20px;
}

.tmt-article .tmt-article__sections .tmt-article__section--2 ul li:first-child {
	background-image:url(../images/migrated/data.svg);
}

.tmt-article .tmt-article__sections .tmt-article__section--2 ul li:nth-child(2) {
	background-image:url(../images/migrated/crm.svg);
}

.tmt-article .tmt-article__sections .tmt-article__section--2 ul li:nth-child(3) {
	background-image:url(../images/migrated/computer.svg);
}

.tmt-article .tmt-article__sections .tmt-article__section--2 ul li:nth-child(4) {
	background-image:url(../images/migrated/layers.svg);
}

.tmt-article .tmt-article__sections .tmt-article__section--2 ul li:nth-child(5) {
	background-image:url(../images/migrated/research.svg);
}