/*
		<link rel="preconnect" href="https://fonts.googleapis.com" />
		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="crossorigin" />
		<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@100..900&amp;display=swap" rel="stylesheet" />
*/
		

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,700;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Vollkorn:ital,wght@0,400..900;1,400..900&display=swap');


div#main-content {
	overflow:hidden;	
}
#main-content section.landingPage h1 {
	font-size: calc(1.5rem + .9vw);
}
/* H2 override */
section h2 {
	display: block !important;
	text-align: initial !important;
	text-transform: none !important;
	white-space: pre-wrap !important;
}
/*
.funnel h2 {
	font-size: calc(1rem + .9vw);
	white-space: initial;
	display: inherit;
	text-transform: initial;
	margin-bottom:10px;
}
*/
/* sections */
section.headerSection {
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: scroll;
	background-position: top;
	background-blend-mode:multiply;
	min-height: 330px;
}
/* callouts */



.text-shadow {    
	text-shadow: 2px 2px 10px #000000;
}

.inset-shadow-top {
	box-shadow: inset 0px -9px 9px #4433338c;
}
.inset-shadow-bottom {
	box-shadow: inset 0px 9px 9px #4433338c
}

.serif-callout {
	font-family: "PT Serif", serif;
	font-weight:700;
	font-size: 1.75rem;
	padding-top: 25px;
}

.info-facts {
	text-align:center;
	left: 0;
	line-height: 1.3 !important;
	margin-bottom: .675rem !important;
	margin-top:10px;
	vertical-align: bottom;
	margin: auto;


}
.fancy-facts {
	font-family: "PT Serif", serif;
	font-weight:700;
	font-optical-sizing: auto;
	font-style: normal;
	font-size: 4.5rem;
	line-height: .95 !important;
	margin-bottom: 0 !important;
	margin-top: .5rem;
	text-align: center;
}
.fancy-facts>small {
	font-size:2.5rem !important;
}

/* END callouts */
section.funnel {
	min-height:450px;
}
.bg-uark-red a {color:white;}
.bg-uark-red h2 {text-align:initial;}
.funnel .bg-uark-red a {color:white;}

.bg-black a:hover {
	color: #dddddd;
}
a.list-group-item-dark {
	color: #000!important;
}
a.list-group-item-dark:hover {
	color: #333;
}

.card.factoid {
	border-radius: 0;
	border:#611327 solid 2px;
	border-bottom-width:5px;
	background-color: #C7C8CA;
	box-shadow: rgb(25 25 25 / 50%) 0px 5px 6px;
}
.card.factoid .card-body{
	background-color:#9D2235 ;
}

.factoid p {
	color:white;
	font-size: 1.3em;
	font-weight: 600;
	margin:0;
	padding:0;
}
.factoid .bigNumber {
	font-size: 2.45em;
}
.redCard .card {margin-bottom:0 !important;}
.redCard .card-body {
	position: absolute;
	bottom: 10px;
	background-color: #9d2235d4;
	color: white;
	width: 100%;
	margin-bottom:-10px;
}
.redCard .card-body p {
	margin-bottom:0;    
}
.pt-custom {
	padding-top:30px!important;
}

.card-lift {
	border-radius: .75rem;
	transition: transform .2s ease-in-out,border-color .2s ease-in-out,background-color .2s ease-in-out,box-shadow .2s ease-in-out
}

.card-lift.active,.card-lift:focus,.card-lift:hover {
	box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important;
	transform: translateY(-.25rem)
}

.map-thumbs .col-6 {
	position: relative;
}

.map-thumbs h4 {
	position: absolute;
	bottom: 20px;
	right: 25px;
	color: white !important;
	font-size: 1.375em;
	text-shadow: 0px 0px 5px #000;
}

.map-thumbs img {
	margin-bottom: 20px;
}

@media (min-width: 768px) {
	.map-thumbs h4 {
		font-size: 1.875em;
	}
	.fancy-facts {
		font-size:2.5rem;
	}
}


/* BACKGROUNDS */

.redStripes {
	background-color: #9D2235;
	opacity: 1;
	background: repeating-linear-gradient( -45deg, #611327, #611327 1px, #9D2235 1px, #9D2235 20px );
}
.greyStripes {
	background-color: #424242;
	opacity: 1;
	background: repeating-linear-gradient( -45deg, #4B4B4B, #4B4B4B 1px, #424242 1px, #424242 20px );
}

.gradient-swoop {
	background-image: repeating-radial-gradient( circle at -80px 360px, transparent 0, #b4ac90 6% ), repeating-linear-gradient( #9b9b9b55, #a29a85 );
}

.gradient-swoop-alt {
	background-image: repeating-radial-gradient( circle at 110% -240px, transparent 0, #b4ac90 6% ), repeating-linear-gradient( #9b9b9b55, #a29a85 );
}

.bg-light-tan {
	background: linear-gradient(#b48b06 35%, #ffffff 1000%), url(/_resources/images/bg-light-purple-blur.jpg);
	background-position: top;
	background-size: cover;
	background-blend-mode: screen;
}

.qBert {
	background-color: #ffffff;
	opacity: 1;
	background-image:  linear-gradient(30deg, #f6f6f6 12%, transparent 12.5%, transparent 87%, #f6f6f6 87.5%, #f6f6f6), linear-gradient(150deg, #f6f6f6 12%, transparent 12.5%, transparent 87%, #f6f6f6 87.5%, #f6f6f6), linear-gradient(30deg, #f6f6f6 12%, transparent 12.5%, transparent 87%, #f6f6f6 87.5%, #f6f6f6), linear-gradient(150deg, #f6f6f6 12%, transparent 12.5%, transparent 87%, #f6f6f6 87.5%, #f6f6f6), linear-gradient(60deg, #f6f6f677 25%, transparent 25.5%, transparent 75%, #f6f6f677 75%, #f6f6f677), linear-gradient(60deg, #f6f6f677 25%, transparent 25.5%, transparent 75%, #f6f6f677 75%, #f6f6f677);
	background-size: 20px 35px;
	background-position: 0 0, 0 0, 10px 18px, 10px 18px, 0 0, 10px 18px;
}

.cross-stone {
	background: radial-gradient(circle, transparent 20%, #fefef9 20%, #fefef9 80%, transparent 80%, transparent) 0% 0% / 34px 34px, radial-gradient(circle, transparent 20%, #fefef9 20%, #fefef9 80%, transparent 80%, transparent) 17px 17px / 34px 34px, linear-gradient(#efebeb 1.5px, transparent 1.5px) 0px -0.75px / 17px 17px, linear-gradient(90deg, #efebeb 1.5px, #fefef9 1.5px) -0.75px 0px / 17px 17px #fefef9;
	background-size: 34px 35px, 34px 34px, 17px 17px, 17px 17px;
	background-color: #fefef9;
}

.cross-stone-white {
	background: radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent) 0% 0% / 34px 34px, radial-gradient(circle, transparent 20%, #ffffff 20%, #ffffff 80%, transparent 80%, transparent) 17px 17px / 34px 34px, linear-gradient(#efebeb 1.5px, transparent 1.5px) 0px -0.75px / 17px 17px, linear-gradient(90deg, #efebeb 1.5px, #ffffff 1.5px) -0.75px 0px / 17px 17px #ffffff;
	background-size: 34px 34px, 34px 29px, 17px 17px, 17px 17px;
    background-color: #ffffff;
    background-origin: content-box;
}

.circle-stone {
	background-image: radial-gradient(#f2f2ee 9.5px, transparent 9.5px);
	background-size: 16px 18px;
	background-color: #fefef9;
}

.scrunch-stone {
	background-image: radial-gradient(#f2f2ee 4.9px, transparent 9px);
	background-size: 11px 6px;
	background-color: #fefef9;
}

.ripple-stone {
	--s: 35px; /* control the size*/
	--c1: #f2eee9;
	--c2: #e9e2dc;

	--_g: 
		var(--c1) 0%  5% ,var(--c2) 6%  15%,var(--c1) 16% 25%,var(--c2) 26% 35%,var(--c1) 36% 45%,
		var(--c2) 46% 55%,var(--c1) 56% 65%,var(--c2) 66% 75%,var(--c1) 76% 85%,var(--c2) 86% 95%,
		#0000 96%;
	background:
		radial-gradient(50% 50% at 100% 0,var(--_g)),
		radial-gradient(50% 50% at 0 100%,var(--_g)),
		radial-gradient(50% 50%,var(--_g)),
		radial-gradient(50% 50%,var(--_g)) calc(var(--s)/2) calc(var(--s)/2)
		var(--c1);
	background-size: var(--s) var(--s);
}
.halfcircle-stone {
	background: radial-gradient(circle at left bottom, transparent 14%, #e3e3e3 15%, #e3e3e3 25%, transparent 26%, transparent 34%, #e3e3e380 35%, #e3e3e380 45%, transparent 46%, transparent 54%, #e3e3e3 55%, #e3e3e3 65%, transparent 66%, transparent 74%, #e3e3e380 75%, #e3e3e380 85%, transparent 86%);
	background-size: 1em 1em;
	background-color: #c4c4c4;
	opacity: 1;
}
.glass-stone {
background: radial-gradient(circle at bottom, transparent 24%, #dedece 25%, #dedece 30%, transparent 31%, transparent 39%, #dedece 40%, #dedece 45%, transparent 46%), radial-gradient(circle at top, transparent 24%, #dedece 25%, #dedece 30%, transparent 31%, transparent 39%, #dedece 40%, #dedece 45%, transparent 46%), radial-gradient(circle at left, transparent 24%, #dedece 25%, #dedece 30%, transparent 31%, transparent 39%, #dedece 40%, #dedece 45%, transparent 46%), radial-gradient(circle at right, transparent 24%, #dedece 25%, #dedece 30%, transparent 31%, transparent 39%, #dedece 40%, #dedece 45%, transparent 46%);
	background-size: 1em 1em;
    opacity: 1;
    background-color: #d5d5ba;
}
	
/* END BACKGROUNDS */

.dark-left-overlay {
	border-image: fill 0 linear-gradient(to right, hsl(0deg 0% 0% / 65%) 35%, hsl(0 0% 0% / 0%));
}
.dark-right-overlay {
	border-image: fill 0 linear-gradient(to left, hsl(0deg 0% 0% / 65%) 35%, hsl(0 0% 0% / 0%));
}
.dark-bottom-overlay {
	border-image: fill 0 linear-gradient(to top, hsl(0deg 0% 0% / 65%) 35%, hsl(0 0% 0% / 0%));
}
.top-callout {
	padding-left: .6em;
	border-left: 0.4rem solid #9D2235;
	margin-left: 0.5rem;
	font-size:1.5rem;
}

@media (min-width: 320px) {
	.top-callout {
		font-size:1.25rem;
	}

	.headerSection .pushDown {
			position: absolute;
			bottom: 10px;
		}
}


	/* choose section#idName that makes sense based on content */
	section.section-with-image-redBlend {
		background-repeat: no-repeat;
		background-size: cover;
		background-attachment: scroll;
		background-position: top;
		background-blend-mode:multiply;
		.card {
			background-color: rgba(0,0,0,0.7)!important;
		}
	}

	/* Blurry single color image bg stack */

	section.bg-light-purple {
		background: url("/_resources/images/bg-light-purple-blur.jpg");
		background-position: top;
		background-size: cover;
	}

	section.bg-dark-water {
		background: url("/_resources/images/bg-water-dark-blur.jpg");
		background-position: top;
		background-size: cover;
	}

	section.bg-light-water {
		background: url("/_resources/images/bg-water-light-blur.jpg");
		background-position: top;
		background-size: cover;
	}

	section.bg-leaves {
		background: url("/_resources/images/bg-leaves-blur.jpg");
		background-position: top;
		background-size: cover;
	}
	section.bg-red-dark {
		background: url("/_resources/images/bg-red-dark.jpg");
		background-position: top;
		background-size: cover;
	}
	section.bg-red-dark-blur {
		background: url("/_resources/images/bg-red-dark-blur.jpg");
		background-position: top;
		background-size: cover;
	}
	section.bg-senior-walk-blur {
		background: url("/_resources/images/bg-senior-walk-blur.jpg");
		background-position: top;
		background-size: cover;
	}
	section.bg-senior-walk-blur {
		background: linear-gradient(to top, hsl(0deg 0% 34.19%) 35%, hsl(0deg 0% 82.81% / 60%)), url(/_resources/images/bg-senior-walk-blur.jpg);
		background-blend-mode: screen;

	}

	/* END Blurry single color image bg stack */


	/* tesimonial special callout css */
	/****/			
	.testimonial-popout { width: 27%; }
	
	@media (min-width: 992px) { 
		.testimonial-popout { width: 45%; } 
		.fancy-facts {
			font-size: 3rem;
		}
	}

	@media (min-width: 1200px) { 
		.fancy-facts {
			font-size: 4.5rem;
		}
	}
	


	.popout-grid { 
		border: 10px solid #9D2235;
		padding: 15px 0 0 15px;
		background-color: #ccc;
		align-items: stretch;
	}

	.popout-grid .popout-title {
		color: #656464 !important;
		text-transform: uppercase;
		font-weight: 600;
		letter-spacing: -1px;
		margin-bottom:0;
	}

	.popout-grid .popout-description {
		color: #9D2235;
		text-transform: uppercase;
		font-weight: 600;
		font-size: 1.1em;
		letter-spacing: -1px;
	}

	.popout-grid .popout-quote{ 
		line-height: 1.2em; 
		font-size:1em;
	}
	
	.popout-student-walk-link {
		padding:0 0 0 10px !important;
	}

	/* END ^^^^^^^^^^^^^^^^^^^^^^^^^^^*/			
	/* tesimonial special callout css */
	/****/

	/* from drew's content box layout https://walton-23.uark.edu/test/pattern-library/alternating-image-content-blocks.php */

	.biggy-er {     
		font-size: 1.45em;
		line-height: 1.45em;
		font-weight: 200; 
	}

	.text-container { 
		align-items: center; 
		display: flex; 
		justify-content: center; 
	}

	.textybox 		{ 
		max-width: 35em; 
		width: 100%;  
	}

	.textybox h2 	{ 
		font-size: 2.5em; font-weight: 400 !important;  
	}

	.imgbox { 
		height: 37.5vw; 
		max-height: 100vh; 
		min-height: 30.5rem; 
		background-size: cover; 
		background-position: center;   
	}

	/* trash? */
	.bg-quartz {
		background-color: #f2f2f4 !important;
	}
	.bg-spoofers-stone .card li, .bg-spoofers-stone .card h3, .bg-spoofers-stone .card p {
		color: black !important;
	}