@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital@1&display=swap');

/* Any @import e.g. Google Web Font, goes ABOVE HERE, on the first line, BEFORE any comments */

/* CNPS-SCV Gantry template CSS overrides, started July 2020 by CEM */

body {
	background: #fffbf2;		/* Very pale cream */
}

/* Underline text links in content areas */
div#rt-mainbody a {
	text-decoration: underline;
}
div#rt-mainbody a:hover {
	text-decoration: none;
	color: #496a3b;	/* keep the green, otherwise turns dark gray */
}

/* Header background image */

#rt-top-surround {
	background-image: url("/images/logo/table-mt-flower-carpet-april-vivian-neou.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* Buttons in the header */

.btn {
	border-radius: 6px;		/* was 4px */
	font-weight: bold;
	font-size: 105%;
	margin-bottom: 0.5em;
}
.btn-cnps-scv {
	background-image: none;		/* Override Bootstrap default */
	background-color: #fffbf2;		/* creamier: #fff7e8; */
	border-color: #496a3b;
	color: #496a3b;
	margin-right: 7px;	/* In case they wrap */
}
.btn-cnps-scv:hover { 
	background-color: #ffffff;
}
.btn-cnps-scv:active, .btn-cnps-scv:focus {
	background-color: #ffffff;
}
.title-first-line {
	font-size: 280%;
}
.title-second-line {
	font-size: 350%;
}
.title-lines {
	margin-top: 2.0em;
}

/* Push the logo down for small devices, so it doesn't underlap the menu button */
/* Also make the title font a little smaller for these handhelds */

@media (max-width: 415px) {		/* Means: If device width is <= 414px then do ... */
	.push-me-down-on-phone {
		margin-top: 30px;
	}
	.title-first-line {
		font-size: 200%;
	}
	.title-second-line {
		font-size: 240%
	}
	.title-lines {
		margin-top: 0.5em;
	}
}
/* On error page, replace gantryrocket.png 350 x 315 with our Panamint logo */
.rt-error-rocket {
	background: url("/images/logo/panamint-scv-ellipse-200.png");
	width: 200px;
	height: 241px;
	/* background-size: auto;		* Needed?  Because original CSS sizes this attribute in pixels */
}

/* Main menu */

.gf-menu.l1 > li > .item {
	font-size: 17px;		/* Was 15px.  16px still not big enough. */
}
.gf-menu .item {
	color: #422c15;		/* dark chocolate brown */
	font-size: 14px;		/* Was 13px */
}

/* Make module titles a little smaller than H2 titles */
div.module-title h2.title {
	font-size: 24px;		/* was 28px */
}

/* Set module class suffix to " bg-white" to give module a white background. E.g. for sidebars.  Note the first character is a space - CEM is this still used?  October 2020 */
.bg-white {
	background-color: white;
	padding: 0px 7px;		/* Dump the 15px padding that makes it too tall */
}

.breadcrumb .active {
	color: #422c15;		/* Color terminal breadcrumb dark chocolate brown.  Was #999 */
}
.breadcrumb {
	/*background-color: white; full border makes it look like a fill-in field */
	border-top: 1px solid #d1d1d1;		/* Light grey like for .title */
	/* Next override bootstrap settings for .breadcrumb: */
	background-color: inherit;		/* Was #f5 */
	border-radius: 0;		/* was 4px */
}
/*.breadcrumb li.active > span.icon-location {*/
#rt-breadcrumbs li:first-child .divider {
	display: none;		/* hide the breadcrumbs light bulb or whatever it is */
}

/* Reduce vertical spacing for some items in right sidebar */

/* Select forms that are direct descends of elements having both class of finder and class of small-margins */
.finder.small-margins > form {		/* Target search form */
	margin: 0;	/* was 0 0 20px */
}
div.rt-block.small-margins {		/* Target social media module */
	margin: 0 10px;		/* was 10px all around */
}

/* Make the search box wider */
input.search-query {
	font-size: 130%;
	width: 90%;
}

/* Make the offline page have smaller title text */
#rt-offline-body h1.sitename {
	font-size: 300%;		/* Was 500% */
}