/**
 * Theme Name: Jacobs Custom
 * Author: Dongho Shin (Designer); Erik Sandall (Developer)
 * Description: Custom theme for Jacobs Institute for Design Innovation.
 * Version: 2.0
 * Requires at least: 6.5.5
 * Tested up to: 6.5.5
 * Requires PHP: 8.2
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: jacobscustom
 */


/**
 * TABLE OF CONTENTS
 *
 * Global Typography (gltypo)
 * Global Header & Nav (glheadnav)
 * Global Footer (glfoot)
 * Global Components (glcomp)
 * Global Main (glmain)
 * Global Pages & Posts (glpages)
 * Front Page (frontpage)
 * About Page (aboutpage)
 * News & Events Page (newsevents)
 * People List Page (peoplelist)
 * People Profile Page (peopleprofile)
 * Design Field Notes Page (dnfpage)
 * Design Specialists Page (dspage)
 * Labs & Equipment Page (labspage)
 * Archive Pages (archive)
 * Search Page (search)
 * Admin Pages (admin)
 */


/**
 * GLOBAL TYPOGRAPHY (gltypo)
 */
html {
    font-size: 100%;
}

b, strong {
	font-weight: 500 !important;
}

.inter-normal {
    color: #12315b !important;
	font-family: Inter, sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 300;
}

.inter-bold {
	color: #12315b;
	font-family: Inter, sans-serif;
	font-weight: 700;
}

.brandon-grotesque-normal {
	color: #12315b !important;
    font-family: "brandon-grotesque", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 300;
}

.brandon-grotesque-bold {
	color: #12315b;
    font-family: "brandon-grotesque", sans-serif;
    font-weight: 800 !important;
}


/**
 * GLOBAL HEADER & NAV (glheadnav)
 */
header {
	height: 92px;
	display: flex;
    align-items: center;
}

nav {
    padding: 0 0 !important;
}

nav.navbar {
    width: 100%;
}

/* Override Bootstrap style */
.navbar-expand-xl .navbar-nav .nav-link {
	padding: 0 12px !important;
}

.nav-link {
	color: #12315b !important;
}

.navbar .dropdown-item {
	@media screen and (max-width: 1200px) {
		white-space: normal;
	}
}

.navbar-brand img {
	max-width: 214px;
}

.navbar-collapse {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-bottom: 1.0rem;
}

.navbar-expand-xl .navbar-nav a.nav-link {
	padding-top: 0.25rem !important;
	padding-bottom: 0.25rem !important;
}

.navbar-toggler {
	border: 0 !important;
}

.navbar-toggler:focus {
	box-shadow: none !important;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%2312315b' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

li.dropdown:last-child .dropdown-menu,
li.dropdown:nth-last-child(2) .dropdown-menu {
	right: 0;
	left: auto;
}

.dropdown:hover > .dropdown-menu {
	background: #12315b;
	border: none;
	border-radius: 0;
	display: block;
	@media screen and (max-width: 1200px) {
		background: #fff;
		a {
			color: #12315b !important;
		}
	}
}

.dropdown > .dropdown-toggle:active {
	pointer-events: none;
}

.dropdown-item {
    color: #fff !important;
    font-weight: 200 !important;
}

.dropdown-item:hover {
	background-color: inherit !important;
	text-decoration: underline;
}

.dropdown-item.active,
.current-menu-parent a.active {
	background-color: inherit !important;
	color: #0db1ab !important;
	text-decoration: underline !important;
}

.modal-backdrop {
    background-color: transparent !important;
}

.modal-backdrop,
.modal-backdrop.show,
.modal-backdrop.fade {
    --bs-backdrop-zindex: 0 !important;
    --bs-backdrop-opacity: unset !important;
    opacity: unset !important;
}

.offcanvas.show {
	.nav-link {
    	color: #12315b !important;
	}
	.offcanvas-title {
    	color: #12315b;
	}
}

.offcanvas-body {
	margin-left: 0 !important;
	max-width: fit-content;
	@media screen and (min-width: 1200px) {
		margin-left: auto !important;
		
	}
}

.offcanvas-header {
	max-width: 97%;
}

#search-icon span {
	font-size: 1.5rem;
	color: #12315b;
}

.search-container {
	max-width: fit-content;
}

.skipnav {
	text-align: left;
	a {
		position: absolute; 
		left: -10000px; 
		width: 1px; 
		height: 1px; 
		overflow: hidden;
	}
	a:focus,
	a:active { 
		position: static; 
		left: 0; 
		width: auto; 
		height: auto; 
		overflow: visible; 
		text-decoration: underline;
	} 
}


/**
 * GLOBAL FOOTER (glfoot)
 */
footer {
    background: #12315b;
	padding: 3.75rem 0 5.25rem 0;
}

footer > .container-fluid > .row {
	margin: 0 2.5rem;
	@media screen and (max-width: 992px) {
		margin: 0 0;
	}
}

footer p {
    margin-bottom: 0.2rem;
}

footer .btn {
	font-family: 'brandon-grotesque', sans-serif !important;
} 

footer .widget {
    margin-bottom: 1.25rem;
}

.footer-first a {
    color: #fff;
	font-size: 1.25rem;
	font-weight: 700;
}

.footer-second {
	p {
		margin-bottom: 0rem;
	}
	.social-icons i {
    	display: inline-block;
    	font-size: 1.75rem;
		margin: 0.8rem 2.25rem 0.8rem 0;
	}
}

.footer-second {
	font-size: 1.25rem;
	font-weight: 400;
	a {
    	color: #0db1ab;
	}
}

.footer-first,
.footer-second,
.footer-third {
    color: #0db1ab;
}

.footer-third {
	font-size: 1.25rem;
	font-weight: 700;
	a {
		margin-top: 0.5rem;
	}
}

.footer-fourth p {
	@media screen and (min-width: 768px) {
		display: flex;
		justify-content: end;
	}
}

.footer-fourth,
.footer-fifth {
    color: #fff;
	font-size: 1rem;
	font-weight: 500;
    a {
        color: #fff;
		text-decoration: none !important;
    }
    a:hover {
        text-decoration: underline !important;
    }
}


/**
 * GLOBAL COMPONENTS (glcomp)
 */
.badge p {
	margin-bottom: 0 !important;
}

.card {
	border: none !important;
	margin-bottom: 24px;
}
 
.card-body {
	background: #939393;
	color: #fff !important;
	padding: 0.3rem !important;
}

.card-image img {
	width: 100%;
}

.card-text {
	font-size: 1rem;
	line-height: 125%;
	padding: 0.3rem !important;
}

.card-text a {
	color: #12315b !important;
}

.card-title {
	line-height: 1.5rem;
	margin-bottom: 0 !important;
	padding: 0.25rem;
}

.card-title p {
	margin-bottom: 0 !important;
}

iframe {
	@media screen and (max-width: 576px) {
		width: 100% !important;
	}
}

.jc-alert-warning {
	background: #EC695375 !important; /* 75% opacity */
	border: 1px solid #EC6953 !important;
	color: #12315b !important;
}

.jc-btn-blue {
    border-color: #12315b !important;
    color: #12315b !important;
}

.jc-btn-blue:hover {
	background-color: #12315b !important;
	color: #fff !important;
}

.jc-btn-white {
    border-color: #fff !important;
    color: #fff !important;
}

.jc-btn-white:hover {
	background-color: #fff !important;
	border-color: #fff !important;
	color: #12315b !important;
}

.jc-btn-footer {
	border: 1px solid #ffffff !important;
	border-radius: 0.88rem !important;
	color: #ffffff !important;
	font-size: 1.25rem !important;
	line-height: 100% !important;
	padding: 0.5rem 1rem !important;
	text-decoration: none;
}

.jc-btn-footer:hover {
	background-color: #fff !important;
	border-color: #fff !important;
	color: #12315b !important;
	text-decoration: none !important;
}

.jc-btn-search {
	border: 1px solid #12315b !important;
	border-radius: 0 0.88rem 0.88rem 0 !important;
	line-height: 100% !important;
}

.jc-btn-search:hover {
	background-color: #12315b !important;
	color: #fff !important;
	text-decoration: none !important;
}

.jc-btn-mdes {
	border: 1px solid #ffffff !important;
	border-radius: 0.88rem !important;
	color: #ffffff !important;
	font-size: 1.25rem !important;
	line-height: 100% !important;
	padding: 0.5rem 1rem !important;
	text-decoration: none;
}

.jc-btn-mdes:hover {
	background-color: hsla(0, 0%, 100%, 0.25) !important;
	border-color: hsla(0, 0%, 100%, 0.75) !important;
	color: hsla(0, 0%, 100%, 0.75) !important;
	text-decoration: none !important;
}

.jc-nav-tab {
	border: none !important;
	.nav-link {
		border: none !important;
		border-radius: 0 !important;
		color: #5e6871 !important;
		font-size: clamp(0.75rem, 4.5vw, 1.10rem) !important;
		padding-right: 0.75rem;
		padding-left: 0.75rem;
		text-transform: uppercase;
	}
	.nav-link.active {
		color: #0db1ab !important;
		font-weight: 600 !important;
		filter: brightness(1.2) !important;
		text-decoration: underline;
	}
	.nav-link:hover {
		text-decoration: underline;
	}
}

.pagination {
	font-size: 92%;
	line-height: 250%;
	justify-content: center;
	a,
	span.current {
		border: 1px solid #9b9b9b;
		padding: 0.3rem 0.5rem;
	}
	.current {
		background-color: #12315b;
		color: #fff;
		font-weight: 500;
	}
}

/* Override Easy Accordion plugin syles */
.sp-easy-accordion {
	margin-top: 3rem;
}

.sp-easy-accordion h3 > a {
	font-size: 1.6rem !important;
}

.sp-easy-accordion div.ea-card {
	border-radius: 0 !important;
	margin-bottom: 2rem !important;
}

.sp-easy-accordion .ea-header a,
.sp-easy-accordion .ea-header i {
	color: #12315b !important;
	text-transform: uppercase !important;
}

.sp-easy-accordion .sp-ea-single .ea-body {
	color: #12315b !important;
}

.sp-ea-one p {
	padding: 0;
	margin: 0;
}


/**
 * GLOBAL MAIN (glmain)
 */
 main {
    font-size: 1.0rem !important;
	line-height: 140% !important;
}

/* Implement specific margins while maintining responsiveness */
main article {
	max-width: calc(100% - 400px); /* 100% - (200px left + 200px right) */
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 0 !important; 
	padding-right: 0 !important;
	@media screen and (max-width: 1200px) {
		max-width: calc(100% - 200px); /* 100% - (100px left + 100px right) */
	}
	@media screen and (max-width: 992px) {
		max-width: 100%;
	}
}

main p {
	font-weight: 325;
	margin: 0 0 0.75rem 0;
}

main h1 {
	font-family: "brandon-grotesque", sans-serif;
    font-size: 2.25rem;
	font-weight: 600;
	letter-spacing: 0rem;
	text-transform: uppercase;
}

main h2 {
	font-family: "brandon-grotesque", sans-serif;
	font-size: 1.75rem;
	font-weight: 600;
	letter-spacing: 0rem;
	text-transform: uppercase;
	margin: 1.8rem 0 1rem 0;
}

main h3 {
	font-family: "brandon-grotesque", sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	letter-spacing: 0rem;
}

main h4 {
	font-family: "brandon-grotesque", sans-serif;
	font-size: 1.2rem;
	letter-spacing: 0rem;
}

main a {
	color: #0db1ab;
	font-weight: 500;
	text-decoration: none;
}

main a:hover {
	text-decoration: underline;
}

main button,
main a.btn {
	background-color: #fff;
	border: 1px solid #12315b;
	border-radius: 0.88rem;
	color: #12315b;
	font-size: inherit;
	line-height: 100%;
	padding: 0.62rem 1rem;
}

main button:hover,
main a.btn:hover {
	background-color: #12315b;
	color: #fff;
	text-decoration: none;
}

main button.nav-link:hover {
	background: none;
}

main blockquote {
	background-image: url("img/quote.svg");
	background-repeat: no-repeat;
	background-size: 2rem;
	font-size: 125%;
	font-style: italic;
	letter-spacing: 0.05rem;
	line-height: 125%;
	margin: 0 8.5%;
	padding: 0 1.25rem 0 0;
	p {
		font-weight: 600;
		margin-left: 2.25rem;
	}
	&#pull-quote {
		float: left;
		max-width: 50%;
		margin: 1% 0 1% -8.5%;
		p {
			margin: 0 0 0.5rem 3rem;
		}
		@media screen and (max-width: 992px) {
			float: none;
			max-width: 100%;
			margin: 0;
			padding: 0;
		}
	}
	@media screen and (max-width: 992px) {
		margin: 0;
		padding: 0;
	}
}

main ul {
	list-style: disc;
}

main table {
	border: 1px solid #12315b;
	font-size: 0.85rem;
	width: 100%;
	td {
		line-height: 110%;
		padding-top: 1.6rem !important;
		padding-bottom: 1.6rem !important;
	}
}

main thead {
	font-weight: 500;
}

main #body {
	margin-bottom: 3rem;
}

main div.topics {
	@media screen and (max-width: 576px) {
    	flex-direction: column;
	}
	a {
		padding-bottom: 0.5rem;
	}
}

main .topics .badge {
	font-weight: 300;
	padding: 0.5em 0.65em;
}

.container { /* Override Bootstrap; it's a little too wide */
	max-width: 82% !important;
	@media screen and (max-width: 576px) {
		max-width: 95% !important;
	}
}

.container-fluid { /* Override Bootstrap to allow for full bleeds */
	max-width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}


/**
 * GLOBAL PAGES & POSTS (glpages)
 */
.alignleft {
    float: left;
    margin: 0 15px 15px 0;
	@media screen and (max-width: 576px) {
		display: block;
		float: none;
		margin-right: 0;
	}
}

.alignright {
    float: right;
    margin: 0 0 15px 15px;
	@media screen and (max-width: 576px) {
		display: block;
		float: none;
		margin-left: 0;
	}
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignnone {
	display: block;
}

.jc-bg-blue {
	background: #12315b !important;
}

.jc-bg-green {
	background: #9dbdaa !important;
}

.jc-bg-ltgrey {
	background: #f3f3f3 !important;
}

.jc-bg-marine {
	background: #536AEC !important;
}

.jc-bg-mdgrey {
	background: #bdbdbd !important;
}

.jc-bg-orange {
	background: #EC6953 !important;
}

.jc-bg-teal {
	background: #0db1ab !important;
}

.jc-bg-yellow {
	background: #fff500 !important;
}

.jc-text-sm {
	font-size: 1.0rem !important;
}

.jc-text-lg {
	font-size: 1.6rem !important;
}

.jc-text-white {
	color: #fff !important;
}

.jc-text-blue {
	color: #12315b !important;
}

.jc-text-teal {
	color: #0db1ab !important;
}

.jc-text-mdes-blue {
	color: #1400ff !important;
}

.post-date {
	font-size: 1.25rem;
	font-weight: 400;
	text-transform: uppercase;
}

#sidebar {
	font-size: 0.875rem;
	line-height: 1.25rem;
	h2, h3 {
		margin-top: 0;
	}
	img {
		margin-bottom: 1rem;
	}
	p {
		margin-bottom: 0.5rem;
	}
	ul {
		margin-top: 0 !important;
	}
	.sidebar-container {
		background: #f6f6f6;
		padding: 1rem 0.6rem 2rem 0.6rem;
	}
	.sidebar-item {
		border-top: 0.4rem solid #12315b;
		padding-top: 1rem;
	}
}


/**
 * FRONT PAGE (frontpage)
 */
#front-page {
	h2 {
		font-size: 1.75rem;
	}
	.jc-btn-blue,
	.jc-btn-white {
		background: none !important;
	}
	.jc-btn-white:hover {
		background-color: #fff !important;
		border-color: #fff !important;
	}
}

#front-top-hero {
	.hero-overlay {
		top: 0;
		left: 0;
		background: linear-gradient(to right, #12315b -40%, rgba(18, 49, 91, 0.0) 50%);
		z-index: 10;
	}
	.hero-overlay-content {
		top: 28%;
		left: 83px;
		z-index: 5;
		.btn {
			font-size: clamp(0.8rem, 4vw, 1.25rem) !important;
			margin-top: 1.5rem !important;
		}
		@media screen and (max-width: 768px) {
			top: 0;
			left: 0;
			padding: 5% 0 0 5%;
			.btn {
				font-size: 1rem !important;
				margin-top: 0rem !important;
			}
		}
	}
	.hero-overlay p {
		margin: 0;
	}
	.hero-overlay-header {
		font-size: clamp(1rem, 6vw, 3rem);
		font-weight: 700 !important;
		line-height: 120%;
		margin-bottom: 1.5rem !important;
		width: 32rem;
		@media screen and (max-width: 768px) {
			margin-bottom: 0.8rem !important;
			width: 100%;
		}
	}
	.hero-overlay-body {
		font-size: clamp(0.8rem, 4vw, 1.3rem);
		line-height: 120%;
		margin-bottom: 3rem !important;
		width: 28rem;
		@media screen and (max-width: 768px) {
			margin-bottom: 0.8rem !important;
			width: 100%;
		}
	}
}

#front-section-2 {
	background-color: #edebe5;
	.carousel-indicators {
		position: relative;
		button {
			background-color: #4a4a4a;
			width: 12px;
			height: 12px;
			border-radius: 100%;
			margin-right: 13px;
		}
		button.active {
			background-color: #0db1ab;
		}
	}
	.carousel-inner {
		border-radius: 20px;
		-webkit-box-shadow: 0 0 0.5rem 0.1rem rgba(0, 0, 0, 0.15);
		box-shadow: 0 0 0.5rem 0.1rem rgba(0, 0, 0, 0.15);
		margin-bottom: 1.4rem;
	}
}

#front-section-3 {
	.card {
		background: none !important;
		border: none;
	}
	.card-date {
		font-size: 1rem;
  		font-weight: 600;
		line-height: 100%;
	}
	.card-title {
		padding: 1.25rem 0 0 0;
		h3 {
			font-family: Inter, sans-serif;
			font-size: 1.25rem;
			font-weight: 500;
			@include media-breakpoint-down(lg) {
				font-size: rfs-fluid-value(1.125rem);
			}
		}
	}
	.carousel-control-row {
		position: relative;
		top: -425px;
	}
	.carousel-control-prev-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2312315b'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") !important; 
		width: 2.75rem;
		height: 2.75rem;
	}
	.carousel-control-next-icon {
		background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2312315b'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
		width: 2.75rem;
		height: 2.75rem;
	}
	.carousel-indicators {
		position: relative;
		margin-top: 2rem;
		padding-bottom: 2rem;
		button {
			background-color: #4a4a4a;
			width: 12px;
			height: 12px;
			border-radius: 100%;
			margin-right: 13px;
		}
		button.active {
			background-color: #0db1ab;
		}
	}
}

#front-section-4 {
	h2 {
		color: #fff;
		font-size: 2rem;
		@media screen and (max-width: 992px) {
			margin: 0 0 0.75rem 0;
		}
	}
	img {
		filter: brightness(0.75);
  		z-index: -5;
	}
	p {
		font-size: 1.25rem;
		line-height: 115%;
		margin-bottom: 3.5rem;
	}
	.btn {
		font-size: 1.25rem !important;
	}
	.overlay {
		top: 2rem;
		@media screen and (max-width: 992px) {
			width: 100% !important;
		}
		h2 {
			font-size: clamp(1rem, 6vw, 3rem);
		}
		p, a {
			font-size: clamp(0.8rem, 4vw, 1.25rem) !important;
		}

	}
}

#front-section-5 {
	background: #fff;
	a:hover {
		text-decoration: none !important;
	}
	h2 {
		margin-bottom: 0;
	}
	p {
		font-size: 1.25rem;
	}
}

#front-section-6 {
	color: #fff;
	h2 {
		margin: 0.8rem 0;
		@media screen and (max-width: 768px) {
			font-size: 7.5vw;
		}
	}
	.img-filter {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0.5;
		background-color: #1400ff;
		z-index: 2;
	}
	.img-texture {
		opacity: 0.3;
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 4;
	}
	.img-overlay {
		top: 5%;
		left: 10%;
		z-index: 6;
		@media screen and (max-width: 576px) {
			top: 0;
			left: 0;
		}
	}
	.mdes a {
		font-size: clamp(0.8rem, 4vw, 1.25rem) !important;
	}
	.mdes p {
		font-size: clamp(1rem, 2.5vw, 1.8rem) !important;
		line-height: 125%;
	}
}


/**
 * ABOUT PAGE (aboutpage)
 */
#about-people {
	background-color: #12315b;
	color: #fff;
	font-family: "brandon-grotesque", sans-serif;
	padding: 50px 0 70px 0;
	h2 {
		border-bottom: 0.15rem solid #fff;
	}
	p {
		margin-bottom: 0;
	}
	.jc-btn-blue {
		border-color: #fff !important;
	}
	.row {
		max-width: calc(100% - 400px);
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		@media screen and (max-width: 800px) {
			max-width: 100%;
		}
	}
}

#about-people .name {
	font-size: 1.2em;
	font-weight: 500;
	color: #fff;
	padding-top: 30px;
	a {
		color: #fff !important;
	}
}


/**
 * NEWS & EVENTS PAGE (newsevents)
 */
#news-events-rm-button {
	position: absolute;
	bottom: 0;
	@media screen and (max-width: 768px) {
		position: relative;
		margin-bottom: 0 !important;
	}
}

#news-events-tab-content {
	h3 {
		font-family: Inter, sans-serif !important;
		font-size: 1.25rem;
	}
	p {
		font-size: 1.0rem;
		line-height: 125%;
	}
	p.date {
		margin-bottom: 0.35rem;
	}
	div.row {
		min-height: 230px;
		padding: 0.75rem;
	}
	.card-img {
		height: 100%;
		width: auto;
		object-fit: cover;
		@media screen and (max-width: 768px) {
			width: 100%;
		}
	}
}

.page-id-37 .jc-nav-tab {
	@media screen and (min-width: 768px) {
		display: flex;
		justify-content: end;
	}
}


/**
 * PEOPLE LIST PAGE (peoplelist)
 */
#page-1648 {
	h3 {
		font-size: 1.5rem;
		margin-bottom: 0.75rem;
	}
	.card {
		margin-bottom: 3rem;
	}
	.card-img {
		-webkit-box-shadow: 0 0.25rem 0.25rem #d3d3d3;
		box-shadow: 0 0.25rem 0.25rem #d3d3d3;
	}
	.card-body {
		background: #fff;
		p {
			color: #12315b;
			line-height: 125%;
		}
	}
}


/**
 * PEOPLE PROFILE PAGE (peopleprofile)
 */
#people-profile #title p {
	font-size: 1.25rem;
}


/**
 * DESIGN FIELD NOTES PAGE (dnfpage)
 */
#page-30372 div.card-img-overlay {
	padding: 0 !important;
}

#page-30372 .card p {
	margin-bottom: 0 !important;
}

#page-30372 .card-title {
    background: rgb(255, 255, 255, 0.75);
	color: #0db1ab;
	line-height: 1.85rem;
    right: 0;
    bottom: 0;
    left: 0;
	p {
		font-size: 125%;
		font-weight: 700 !important;
	}
}

#page-30372 .card-body a {
	color: #0db1ab !important;
}

#page-30372 .card-date,
#page-30372 .card-text {
	font-size: 1rem;
}


/**
 * DESIGN SPECIALISTS PAGE (dspage)
 */
#page-5038 iframe {
	margin-bottom: 3rem;
}

#page-5038 .card-title {
	font-size: 1.25rem;
}

#page-5038 .card-text a {
	color: #0db1ab !important;
}


/**
 * ARCHIVE PAGES (archive)
 */
#archive-list {
	div.row {
		padding: 0.75rem;
	}
	h3 {
		font-family: Inter, sans-serif !important;
    	font-size: 1.25rem;
	}
	p {
		font-size: 1.0rem;
	}
}

#taxonomy-content {
	& div.row {
		min-height: 230px;
		padding: 0.75rem;
	}
	h3 {
		font-family: Inter, sans-serif !important;
		font-size: 1.25rem;
	}
}

.taxonomy-body {
	min-height: 175px;
	p {
		line-height: 125%;
	}
}

#taxonomy-rm-button {
	position: absolute;
	bottom: 0;
	@media screen and (max-width: 992px) {
		position: relative;
		margin-bottom: 0 !important;
	}
}


/**
 * SEARCH PAGE (search)
 */
form#search-form {
	max-width: 768px;
	input.form-control {
		border-top-left-radius: 0.88rem !important;
		border-bottom-left-radius: 0.88rem !important;
	}
}


/**
 * ADMIN PAGES (admin)
 * 
 * For custom fields
 */
.wp-admin div.jc-repeater-group {
	display: flex;
	flex-direction: column;
	border: 1px solid lightgrey;
	margin-bottom: 1rem;
	padding: 0 0 1rem 0;
}

.wp-admin div.jc-repeater-group > div:nth-of-type(even) {
	background-color: #f9f9f9;
}

.wp-admin div.jc-repeater-field {
	padding: 1rem;
}

.wp-admin div.jc-repeater-input {
	float: left;
	margin-bottom: 1rem;
	width: 70%;
}

.wp-admin div.jc-repeater-label {
	font-weight: 500;
	float: left;
	width: 30%;
}

.wp-admin div.jc-repeater-image-preview {
	float: left;
}

.wp-admin button.jc-repeater-image-upload,
.wp-admin button.jc-repeater-image-remove {
	float: right;
	margin: 0 0.5rem 0.5rem 0;
},

.wp-admin button.remove-repeater-group {
  max-width: fit-content;
  margin: 1em 0 0 1em;
}