/* BASIC DESIGN */

.basic-design.outer {
	width: 100%;
}

.basic-design.flex {
	display: flex;
	padding: 30px 0;
}

.basic-design.flex div {
	display: flex;
}

.basic-design.left {
	flex-basis: 33.33%;
	flex-direction: column;
	border: 1px solid #f4f4f4;
	margin-right: 2.5rem;
	align-items: center;
	height: 180px;
	justify-content: center;
}

.basic-design.left img {
	width: 100% !important;
	max-width: 250px !important;
	max-height: 150px;
	margin: 0 !important;
}

.basic-design.right {
	flex-basis: 66.66%;
	flex-direction: column;
}

.basic-design.title {
	font-size: 1rem;
	line-height: 1rem;
	margin: 0 0 0.5rem 0 !important;
}

.basic-design.title a {
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 700;
}

.basic-design.title .external-site:after {
	/* content: "\f35d"; */
	content: "\f08e";
	font-family: 'FontAwesome';
	margin-left: 5px;
	font-size: .75rem;
}

.basic-design.date {
	font-size: 1rem;
	line-height: 1rem;
	padding: 0;
	margin: 0 0 0.5rem 0 !important;
}

.basic-design.date:before {
	content: "\f073";
	font-family: 'FontAwesome';
	margin: 0 10px 0 0;
}

.basic-design.excerpt {
	font-size: 14px;
	line-height: 20px;
}


/* GRID DESIGN */

.grid-design.outer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-content: stretch;
	margin-bottom: 70px !important;
}

.grid-design.outer h3 {
	font-size: 1.25rem;
	line-height: 1.5rem;
}

.grid-design.outer.projects {
	margin-bottom: 70px !important;
}

.grid-design.square {
	background: #ffffff;
	padding: 35px;
	text-align: center;
	border-radius: 10px;
	box-shadow: 0px 0px 15px rgb(0 0 0 / 15%);
	margin-bottom: 2%;
	min-height: 250px;
}

.grid-design.header {
	display: flex;
	flex-wrap: wrap;
	text-transform: uppercase;
	justify-content: center;
}

.grid-design.title,
.grid-design.divider,
.grid-design.date {
	font-size: 1.25rem;
	line-height: 1.5rem;
}

.grid-design.divider {
	padding: 0 5px;
}

.grid-design.excerpt {
	font-size: 1rem;
	line-height: 1.25rem;
}

.grid-design.read a {
	color: #ffffff;
	padding: 0 35px;
	border-radius: 30px;
	margin-top: 10px !important;
	display: inline-block;
}

.grid-design.read a:after {
	/* content: "\f35d"; */
	content: "\f08e";
	font-family: 'FontAwesome';
	color: #ffffff;
	margin-left: 10px;
}

.grid-design.projects img {
	max-height: 50px;
	object-fit: contain;
}


/*
.grid-design .projects-btn {
	color: #ffffff;
	font-size: 1rem;
	line-height: 1rem;
	padding: 10px;
	border-radius: 5px;
	transform: translateX(0);
	transition: opacity .45s cubic-bezier(.25, 1, .33, 1), transform .45s cubic-bezier(.25, 1, .33, 1);
}

.grid-design .projects-btn:hover {
	color: #ffffff;
	opacity: .85;
}
*/


/* PAGINATION */

.design-pagination {
	text-align: center;
	font-size: 1rem;
}

.design-pagination .page-numbers {
	margin-right: 5px;
	color: inherit;
}

.page-numbers span {
	color: #ffffff;
	padding: 10px;
}