:root {
	--white: #fff;
	--dark: #13130d; /* Background */
	--off-white: #f7f6ec; 
	--dark-yellow: #949380;
	--light-yellow: #ebe9cf;
	--bright-yellow: #fad793; /* bfac7b */
	--rust: #911014;
	--grayish: #444; /*#6d6d65;*/ /* Against light backgrounds */
	--gray: #cccccc; /* Against dark backgrounds */
	--cream: #eeede0; 
	
	--LaddSerif: 'ITC Cheltenham Std Book', serif;
	--Georgia: 'Georgia', serif
}

/* oswald-200 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 200;
  src: local(''),
       url('/assets/fonts/oswald-v40-latin-200.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/oswald-v40-latin-200.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-300 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/assets/fonts/oswald-v40-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/oswald-v40-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-regular - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/assets/fonts/oswald-v40-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/oswald-v40-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-500 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 500;
  src: local(''),
       url('/assets/fonts/oswald-v40-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/oswald-v40-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-600 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 600;
  src: local(''),
       url('/assets/fonts/oswald-v40-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/oswald-v40-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* oswald-700 - latin */
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/assets/fonts/oswald-v40-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/assets/fonts/oswald-v40-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
font-family: 'ITC Cheltenham Std Book';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Std Book'), url('/assets/fonts/CheltenhamStdBook.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Std Book Condensed';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Std Book Condensed'), url('/assets/fonts/CheltenhamStdBookCond.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Std Book Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Std Book Condensed Italic'), url('/assets/fonts/CheltenhamStdBookCondIt.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Std Book Italic';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Std Book Italic'), url('/assets/fonts/CheltenhamStdBookItalic.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Std Light';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Std Light'), url('/assets/fonts/CheltenhamStdLight.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Std Light Condensed';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Std Light Condensed'), url('/assets/fonts/CheltenhamStdLightCond.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Std Light Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Std Light Condensed Italic'), url('/assets/fonts/CheltenhamStdLightCondIt.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Std Light Italic';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Std Light Italic'), url('/assets/fonts/CheltenhamStdLightItalic.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Std Bold';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Std Bold'), url('/assets/fonts/CheltenhamStdBold.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Std Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Std Bold Condensed'), url('/assets/fonts/CheltenhamStdBoldCond.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Std Bold Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Std Bold Condensed Italic'), url('/assets/fonts/CheltenhamStdBoldCondIt.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Std Bold Italic';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Std Bold Italic'), url('/assets/fonts/CheltenhamStdBoldItalic.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Std Ultra';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Std Ultra'), url('/assets/fonts/CheltenhamStdUltra.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Std Ultra Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Std Ultra Condensed Italic'), url('/assets/fonts/CheltenhamStdUltraCondIt.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Std Ultra Italic';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Std Ultra Italic'), url('/assets/fonts/CheltenhamStdUltraItalic.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Std Ultra Condensed';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Std Ultra Condensed'), url('/assets/fonts/CheltenhamStdUltraCond.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Handtooled Std Bold';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Handtooled Std Bold'), url('/assets/fonts/CheltenhamStdHdtooledBold.woff') format('woff');
}


@font-face {
font-family: 'ITC Cheltenham Handtooled Std Bold Italic';
font-style: normal;
font-weight: normal;
src: local('ITC Cheltenham Handtooled Std Bold Italic'), url('/assets/fonts/CheltenhamStdHdtooledBdIt.woff') format('woff');
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline; box-sizing:border-box; }

body, html {
	width: 100%;
	height: 100%;	
	margin: 0;					
}	

body { 				
	font-size: 1rem;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6055em;
	text-transform: none;					
	position:relative;
}			

	body::-webkit-scrollbar {
	  width: 16px;
	  height:16px;
	}
	 
	body::-webkit-scrollbar-track {
	  background: linear-gradient(90deg,#434343,#434343 1px,#111 0,#111);
	}
	 
	body::-webkit-scrollbar-thumb {
		background: #434343;
		border-radius: 16px;
		box-shadow: inset 2px 2px 2px hsl(0deg 0% 100% / 25%), inset -2px -2px 2px rgb(0 0 0 / 25%);
	}

.desktop-only { display:none; }
.desktop-only-block { display:none; }
.mobile-only { display:block; }

a:link, a:visited { 
	color:inherit; 
	text-decoration:none;
}

.standard-margin { padding:0 5%; }

.fixed {
	position: fixed !important;
	top: 0 !important;
	width: 100% !important;
	background-color: var(--dark) !important;
}

.hidden { display:none; }

.cream-background { background-color:#eeede0; }
.off-white-background { background-color:#f7f6ec; }
.dark-background { background-color:var(--dark); }
.full-width-section { padding:2rem 0; background-repeat:no-repeat; }
.landing-introduction-section { padding:5rem 0; }


.off-white-old-paper-background { 	
	background-image: 
		url(/assets/images/wall-texture1-top.jpg),
		url(/assets/images/wall-texture1-bottom.jpg?v=0);
	background-position:
		top left, /* this positions the first image */
		bottom right; /* this positions the second image */
	background-repeat:
		no-repeat; /* this applies to both images */	
}

.light-yellow { color: var(--light-yellow); }			
.grayish { color: var(--grayish); }
.gray { color: var(--gray); }
.rust { color: var(--rust); }

.serif { font-family:var(--LaddSerif); }
.georgia { font-family:var(--Georgia); }
.sans-serif { font-family:'Roboto', sans-serif; }

h1 { font-family:'ITC Cheltenham Std Bold';font-weight:900;font-size:2.125em;line-height:1.125; }
h2 { font-family:'ITC Cheltenham Std Bold';font-weight:900;font-size:2em;line-height:1.125; }
h3 { font-size:1.5em;font-weight:600; }
h4 { font-size:1.5em;font-weight:400; }
h5 { font-size:1.25em;font-weight:600; }

.line-heading {
	display: grid;
	width: 100%;
	align-items: center;
	text-align: left;
	grid-template-columns: auto minmax(20px, 1fr);
	grid-gap: 20px;
}


.line-heading:after {
	content: '';
	border-top: 1px solid;
}

.fancy-embellishment-top {
	width:70%;
	margin-bottom:1rem auto;
}

#ScrollDownArrow {
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 60px;
	transition: 1s ease;
}

.arrows {
	width: 60px;
	height: 82px;
	transform:scale(0.5);
}

.arrows path {
	stroke: #fff;
	fill: transparent;
	stroke-width: 4px;	
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite; 
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}


#TopButton {
	display:block;
	opacity:0;
	position: fixed;
	bottom: 50px;
	right: 30px;
	z-index: 500;				
	border-radius: 50%;
	padding:0.5rem 0.6rem;
	font-size:1.1rem;
	line-height:1.1rem;
	text-align: center;	
	background-color:#f7f6ec;
	color:var(--dark);
	border:1px solid var(--dark);
	cursor:pointer;
	transition: 0.5s ease;
}

	#TopButton:hover, #TopButton:active {
		background-color:var(--bright-yellow);
		color:#fff;					
	}
	
.social-media-share-badge {
	transition: 0.2s ease;
}

.social-media-share-badge:hover {
	cursor:pointer;
	transform: scale(1.2);
}
	
.facebook-color { color:#6680b5 !important; }
.twitter-color { color:#1da1f2 !important; }
.instagram-color { 
	background: #F09433;
	background: -webkit-linear-gradient(to bottom, #F09433 0%, #E6683C 34%, #DC2743 59%, #CC2366 80%, #BC1888 100%);
	background: -moz-linear-gradient(to bottom, #F09433 0%, #E6683C 34%, #DC2743 59%, #CC2366 80%, #BC1888 100%);
	background: linear-gradient(to bottom, #F09433 0%, #E6683C 34%, #DC2743 59%, #CC2366 80%, #BC1888 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;					
}
.linkedin-color { color:#0077b5; }	
	
.more-link { font-size:0.9rem;font-weight:500; }			
	.more-link .fas { transition: 0.3s ease; }

	.more-link:hover .fas {
		transform: translateX(5px);
	}
	
	.more-link .fa-long-arrow-alt-right {
		color:var(--rust);
	}
	
.external-link:link {
	text-decoration:underline;
}

.external-link:hover {
	text-decoration:underline;
}

/* VIDEO GRID */

.video-grid { 
	display:grid;
	grid-template-columns: 100%;
	column-gap: 0; 
	row-gap: 0; 
	max-width:100%;		
	color:#fff;
	min-height:300px;
	position:relative;
}

	.video-grid-video-cell {
		background:transparent;
		position:relative;	
		min-height:300px;		
	}						

		#video1 { 
			width: 100%;
			height: 100%;
			position: absolute;
			top:0;
			left:0;
			object-fit: cover;
			z-index: -1;
		}
		
		.video-button-container { position:absolute;bottom:20px;right:20px; }
		
			.mute-button1, .unmute-button1 { cursor:pointer; color:#fff; font-size:2em; opacity:1; transition: all 0.5s ease; text-shadow:1px 1px 2px rgba(0,0,0,1); }
			.mute-button1:hover, .unmute-button1:hover { opacity:1; }

			.mute-button2, .unmute-button2 { cursor:pointer; color:#fff; font-size:2em; opacity:1; transition: all 0.5s ease; text-shadow:1px 1px 2px rgba(0,0,0,1); }
			.mute-button2:hover, .unmute-button2:hover { opacity:1; }				

	.video-grid-text-cell {
		display:flex;
		justify-content: center;
		align-items: center;
		padding:4em 2em;
		background-color:var(--dark);						
		background-size:cover;
		background-position:center;
	}		

		.video-grid-text {
			text-align:left;
		}
							
			.video-grid-text a:link, .video-grid-text a:hover, .video-grid-text a:visited {							
				color:#fff;
			}

/* OTHER GRIDS */

.hero-grid { 
	display:grid;
	grid-template-columns: 100%;
	column-gap: 0; 
	row-gap: 0; 
	max-width:100%;	
	width:100%;
	height:100vh;
	overflow:hidden;
}	

	.hero-image-container {
		width:100%;
		height:100vh;
		position:relative;			
		background:transparent;
		/*background-image:url(aerial.jpg);					
		background-size:cover;
		background-position:center;*/
	}					

.home-page-hero-grid {
	display:grid;
	grid-template-columns: 100%;
	column-gap: 0; 
	row-gap: 0; 
	max-width:100%;	
	width:100%;
	height:100vh;
	overflow:hidden;	
	background-color:var(--dark);
	/* PARALLAX */
	/*background-image: url('images/the-ladd-school.jpg');*/ 
	/* HACK FOR RELEVANT PATH: assets/meta.asp */
	
}

	.home-page-hero-image-container {
		color:#fff;
		height:100%;
		width:100%;
		position:absolute;
		top:0;
		left:0;
		display:flex;
		justify-content: center;
		align-items: center;					
		text-align:center;
		padding:0 2rem;
		background-image: url('/images/the-ladd-school.jpg?v=6');
		background-position: 50% 0;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		transition: transform 1s, opacity 1s;
		transform: scale(1.1);
	}

.sub-page-hero-grid {
	display:grid;
	grid-template-columns: 100%;
	column-gap: 0; 
	row-gap: 0; 
	max-width:100%;	
	width:100%;
	height:50vh;
	overflow:hidden;	
	/* PARALLAX */
	/*background-image: url('images/the-ladd-school.jpg');*/ 
	/* HACK FOR RELEVANT PATH: assets/meta.asp */
	background-position: 50% 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	
}

	.sub-page-hero-image-container {
		color:#fff;
		height:calc(50vh + 65px);
		width:100%;
		position:absolute;
		top:0;
		left:0;
		display:flex;
		justify-content: center;
		align-items: center;					
		text-align:center;
		padding:0 2rem;
	}

		.sub-page-hero-title-grid {
			display:grid;
			grid-template-columns: 1fr 1fr 1fr;
			column-gap: 1rem;
			row-gap: 0;
			max-width:100%;
			width:auto;
		}
		
			.sub-page-hero-title-grid-left {
				display:flex;
				justify-content: right;
				align-items: center;
			}
			
			.sub-page-hero-title-grid-right {
				display:flex;
				justify-content: left;
				align-items: center;
			}
			
				.sub-page-hero-title-grid-left img, .sub-page-hero-title-grid-right img {
					width:100%;
				}
	
			.sub-page-hero-image-container h1 {
				font-size:3rem;
				color:var(--white);
				text-shadow:1px 1px 2px rgba(0,0,0,1);
			}
			
			.sub-page-hero-grid .breadcrumb {
				font-size:1.1rem;
				padding:0.5rem 0;
				color:var(--off-white);
				font-weight:600;
				text-shadow:0px 0px 2px rgba(0,0,0,1);
			}
			
			.sub-page-hero-grid .breadcrumb a { transition: 0.3s ease; }
			.sub-page-hero-grid .breadcrumb a:link { text-decoration:underline; }
			
			.sub-page-hero-grid .breadcrumb a:hover, .sub-page-hero-grid .breadcrumb a:active {
				color:var(--white);
				text-decoration:underline;
			}
		
.parallax {

}	

.sub-page-introduction { 
	padding:2em 0;
	font-size:1.18rem; 
}

.about-us-intro-section {
	background-image:url(/about/images/the-ladd-school-howe-building-mobile.jpg?v=0);
	background-position:right;
	background-repeat:no-repeat;
	padding:8rem 0;
}

.about-us-section {
	padding:4rem 0;				
}

	.about-us-grid {
		display:grid;
		grid-template-columns: 100%;
		column-gap: 0;
		row-gap: 2rem;
	}
	
		.about-us-columns {
			column-count:1;
			column-width: auto;
			column-gap: 0;
			column-fill: balanced;						
		}

			.has-dropcap:first-letter {
			  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
			  float: left;
			  font-size: 5rem;
			  line-height: 0.75;
			  margin: 0.2em 0.1em 0em 0;
			  font-family:var(--LaddSerif);
			  color:var(--rust);
			}

			.dropcap {
			  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
			  background: #303030;
			  color: #FDF9F2;
			  float: left;
			  font-size: 5rem;
			  line-height: 1;
			  margin: 0.1em 0.1em 0em 0;
			  padding: 0.1em;
			}
			.dropcap:before,
			.dropcap:after {
			  content: "";
			  display: block;
			}
			.dropcap:before {
			  margin-top: 0em;
			}
			.dropcap:after {
			  margin-bottom: -0.15em;
			}

			.has-indent {
				text-indent:15px;
				padding-top:0.5em;			
			}

/* THIS BLOCK FOR HOMEPAGE */
.about-grid {
	display:grid;
	grid-template-columns: 100%;
	column-gap: 0; 
	row-gap: 0; 
	max-width:100%;
}		

	/* THIS BLOCK FOR HOMEPAGE */
	.about-text { padding:1em 0;font-family: 'ITC Cheltenham Std Book', serif;font-size:1.25em;line-height:1.5; }


.fill-in-section { background-size:cover;background-position:center;background-color:#222; }

	.fill-in-section-grid {
		display:grid;
		grid-template-columns: 100%;
		text-align:center;
		width:100%;
		color:var(--light-yellow);
		justify-content: center;
		align-items: center;
		min-height:400px;	
	}
	
		.fill-in-section-grid-button-container {
			margin:2rem 0;
		}

.section-header-grid { 
	display:grid;
	grid-template-columns: 100%;
	column-gap: 0; 
	row-gap: 0; 
	max-width:100%;	
	padding:0 0 1em 0;
	border-bottom:3px solid var(--dark);				
}

	.section-header-link-cell { 
		text-align:left; 
		align-self:end;
		font-size:1.2rem;
		padding:0.5rem 0 0 0;
	}

.text-card-grid {
	display:grid;
	grid-template-columns: 100%;
	column-gap: 2em; 
	row-gap: 0; 
	max-width:100%;	
	border-bottom:1px solid #ddd;
	padding:2em 0;				
}

	.card-subtext { font-size:1em;padding:0.5em 0; }
	
	.text-card-button { padding:1em 0 0 0; }
			
.large-card-grid {
	display:grid;
	grid-template-columns: 100%;
	column-gap: 0; 
	row-gap: 0; 
	max-width:100%;	
	border-bottom:1px solid #ddd;
	padding:2em 0;							
}

	.large-card-image { 
		position:relative;
		z-index:50;
		margin:0 0 1em 0; 					
		overflow:hidden;
		cursor:pointer;
	}
	
		.large-card-image-inner {
			min-height:200px;
			width:100%;
			height:100%;						
			background-size:cover;
			background-position:center;						
			transition: 0.3s ease;
		}
		
		.large-card-image-mask {
			display:flex;
			justify-content: center;
			align-items: center;
			min-height:200px;
			width:100%;
			height:100%;		
			position:absolute;
			z-index:100;
			top:0;
			left:0;
			background-color:rgba(0,0,0,0.5);
			opacity:0;
			transition: 0.3s ease;
			color:#fff;						
		}
	
		.large-card-image:hover .large-card-image-inner {
			transform: scale(1.1);						
		}
		
		.large-card-image:hover .large-card-image-mask {
			opacity:1;
		}
	
	.large-card-info {
		display:grid;
		grid-template-columns: 100%;
		column-gap: 0; 
		row-gap: 1em; 
		max-width:100%;						
	}	

		.large-card-info p {
			font-size:1.18rem;
			line-height:1.5;
			padding:1em 0;					
		}
		
	.collections-grid {
		display:grid;
		grid-template-columns: 100%;
		column-gap: 0; 
		row-gap: 1em; 
		max-width:100%;
		margin:1em 0 0 0; 
	}
	
		.collections-grid img {
			width:100%;
		}		
		
	.small-card-grid {
		display:grid;
		grid-template-columns: 100%;
		column-gap: 0; 
		row-gap: 0; 
		max-width:100%;																	
	}

		.small-card-image { 
			position:relative;
			z-index:50;											
			overflow:hidden;
			cursor:pointer;
		}
		
				
			.small-card-heading-link:hover {
				text-decoration:underline !important;
			}
		
			.small-card-image-inner {								
				width:100%;
				height:0;
				padding-bottom:85%;
				background-size:cover;
				background-position:center;						
				transition: 0.3s ease;
			}
			
			.collections-sub-page-grid .small-card-image-inner {
				padding-bottom:75%;
			}
			
			.small-card-image-mask {
				display:flex;
				justify-content: center;
				align-items: center;								
				width:100%;
				height:100%;								
				position:absolute;
				z-index:100;
				top:0;
				left:0;
				background-color:rgba(0,0,0,0.5);
				opacity:0;
				transition: 0.3s ease;
				color:#fff;										
			}
			
				.small-card-image-mask i {
					font-size:2.5rem;
					color:rgba(255,255,255,0.5);
				}
		
			.small-card-image:hover .small-card-image-inner {
				transform: scale(1.1);						
			}
			
			.small-card-image:hover .small-card-image-mask {
				opacity:1;
			}
		
		.small-card-info {
			display:grid;
			grid-template-columns: 100%;
			column-gap: 0; 
			row-gap: 1em; 
			max-width:100%;	
			padding:2rem 0;
		}	

			.small-card-classification {
				padding:0;
				font-weight: 400;
				text-transform: uppercase;			
				font-size:0.8rem;				
			}

				.small-card-classification span {
					font-weight:300;
					text-transform:lowercase;
				}

			.small-card-info p {								
				line-height:1.5;
				padding:1em 0;					
			}	

		.exhibit .small-card-info {
			padding:1rem 0 3rem 0;
		}


			.exhibit .small-card-info p {
				line-height:1.5;
				padding:0.2rem 0 1rem 0;
				font-weight: 400;
				text-transform: uppercase;			
				font-size:0.9rem;
			}	
			
				.exhibit .small-card-info p span {
					font-weight:300;
				}


	.collection-item-grid {
		display:grid;
		grid-template-columns: 100%;
		column-gap: 0; 
		row-gap: 2rem; 
		max-width:100%;				
	}	
	
	.exhibit-information-cell {
		background-image:url(/exhibits/images/the-ladd-school-exhibit-information-background.jpg);
		background-size:cover;
		background-position:right center;		
		padding:1.5rem 1rem;
		min-height:500px;
	}
	
		.collection-item-grid-main-image {
			width:100%;
			height:0;
			padding-bottom:70%;
			background-size:cover;
			background-position:center;
		}
		
		.collection-item-grid h4 {
			font-weight:800;
		}

		.collection-item-grid h4.exhibit-category {
			font-weight: 300;
			text-transform: uppercase;
			font-size: 1rem;
		}
		
		.collection-item-grid p {
			padding:0 0 1rem 0;
			font-size: 1.1rem;
			line-height: 1.75;
			color: var(--dark);			
		}
		
			.exhibit-image {
				width:100%;
				height:0;
				padding-bottom:85%;
			}

			.exhibit-image-group {
				width:100%;
				height:auto !important;
				padding-bottom:0 !important;
			}
			
			.image-caption {
				font-size:1rem;
				margin:0.25rem 0;
				padding:0.75rem 0.5rem;
				background-color:rgba(0,0,0,0.033);
				line-height:1.5;				
			}
			
			.exhibit-blockquote {
				font-family:var(--LaddSerif);
				font-size:1.45rem;
				font-style:italic;
				line-height:1.5;
				margin:0 0 2rem 0;				
				letter-spacing:-1px;
				color:#555;				
			}
		
			.exhibit-description {
				column-count: 1;
				column-width: auto;
				column-gap: 0;
				column-fill: balanced;									
			}
			
			.collection-description {
				column-count: 1;
				column-width: auto;
				column-gap: 0;
				column-fill: balanced;									
			}
			
			.narrative-signature {
				color:rgb(0,0,0,0.25) !important;
				font-weight:600;
			}
		
							
		.collection-item-grid-side-cell {
			background-color:var(--cream);
			background-image:url(/collections/images/the-ladd-school-collection-information-background.jpg);
			background-size:cover;
			background-position:right bottom;
			width:100%;
			min-height:300px;
			padding:2rem;		
		}
		
			.collection-item-grid-detail-grid {
				display:grid;
				grid-template-columns: 100%;
				column-gap: 0; 
				row-gap: 1em; 
				max-width:100%;
			}
						
				.collection-item-detail-title-cell {
					padding: 0 0 1em 0;
					border-bottom: 2px solid var(--dark);
				}
				
					.collection-item-detail-title-cell .fas {
						color:var(--rust);
					}
			
				.collection-item-grid-detail-grid p {
					font-size:1rem;
					padding:0;
				}
				
				.collection-item-detail-label {
					font-size:1.2rem;
					font-weight:600;
				}
				
				.collection-item-detail {
					font-size:1rem;
				}

				.collection-item-detail-share-cell {
					padding: 1em 0 0 0;
					border-top: 1px solid var(--dark);
					line-height:1;
					font-size:1.2rem;
				}
				
					.collection-item-detail-share-text {
						font-size:1.25rem;
						font-weight:400;
					}
				
					.collection-item-share-badge {
						display:inline-block;
						align-items: center;
						justify-content: center;
						border-radius:50%;
						padding:0.3rem 0.25rem;
						border:1px solid var(--grayish);
						font-size:1.125rem;
						background: transparent;
						transition: 0.2s ease;
					}
					
					.collection-item-share-badge:hover {						
						background-color:var(--dark);
						color:var(--light-yellow);
						cursor:pointer;
					}

	/* HISTORY */
	
	.half-grid {
		display:grid;
		grid-template-columns: 100%;
		column-gap: 1rem;						
		row-gap: 1rem;
	}
	
		.big-picture {
			min-height:500px;
			background-size:cover;
			background-repeat:no-repeat;
			position:relative;
		}
		
		.history-text-panel {
			padding:2rem 1rem;
			align-self:center;
		}
		
			.history-text-panel p {
				font-size:1.2rem;
				line-height:1.75;
				padding:2rem 0;
			}

			.history-text-panel p.internal-link {
				font-size:1.2rem;
				line-height:1.75;
				padding:0 0;
			}
			
				.history-text-panel p.internal-link a:link {
					text-decoration:underline;
				}
		
						
	.triptych-grid {
		display:grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 250px 150px;
		column-gap: 1rem;						
		row-gap: 1rem;	
		min-height:250px;				
	}
	
		.triptych-large-panel {			
			grid-column-start:1;
			grid-column-end:3;
			grid-row-start:1;
			grid-row-end:2;
			background-size:cover;
			background-position:center;
			position:relative;
		}
		
		.triptych-small-panel-one {
			background-size:cover;
			grid-column-start:1;
			grid-column-end:2;
			grid-row-start:2;
			grid-row-end:3;	
			background-position:center;	
			position:relative;			
		}
		
		.triptych-small-panel-two {
			background-size:cover;
			grid-column-start:2;
			grid-column-end:3;
			grid-row-start:2;
			grid-row-end:3;	
			background-position:center;	
			position:relative;			
		}
	
	.triple-grid {
		display:grid;
		grid-template-columns: calc(33.33% - 0.33rem) calc(33.33% - 0.33rem) calc(33.33% - 0.33rem);
		column-gap: 1rem;						
		row-gap: 1rem;
		overflow:hidden;
	}
	
	.three-quarter-grid {
		display:grid;
		grid-template-columns: 66% 1fr;
		column-gap: 1rem;						
		row-gap: 1rem;						
	}
	
	.three-quarter-grid-reverse {
		display:grid;
		grid-template-columns: 1fr 66%;
		column-gap: 1rem;						
		row-gap: 1rem;						
	}			
	
		.picture-caption {
			width:100%;
			padding:1rem 1rem;
			position:absolute;
			bottom:0;
			text-align:left;
			color:#fff;
			font-weight:300;
			font-size:0.9rem;
			text-transform:uppercase;
			line-height:1;
			text-shadow:1px 1px 1px #000;			
		}
		
		.picture-caption-right {
			text-align:left;
		}
		
			.picture-caption-main-caption {
				font-weight:800;
			}

			.picture-caption-sub-caption {
				font-size:0.8rem;
				font-weight:400;
			}	

	.two-column-text-grid {
		display:grid;
		grid-template-columns: 100%;
		column-gap: 0;
		row-gap: 0; 
		max-width:100%;						
	}		

		.two-column-text-grid h1 {
			font-size:2.44rem;
		}		
		
		.two-column-text-grid-subheading {
			font-size:1.5rem;
			padding:1em 0;
			line-height:1.5;			
			font-family:var(--Georgia);		
		}
	

	.portrait-grid {
		display:grid;			
		grid-template-columns: 100%;
		column-gap: 0;
		row-gap: 0; 
		max-width:100%;	
		
	}
	
		.portrait-grid-image-container {
			background-image:url(dr.jpg?v=0);
			background-size:cover;
			background-position:center;
			min-height:75vh;
		}
	
		.portrait-grid .about-text {
			padding:0;			
		}
		
		.portrait-grid .quote-text {
			padding:0;
		}
	
		.portrait-grid p, .history-grid p {
			font-size:1.1rem;
			line-height:2;
			margin:0.5em 0 1.5em 0;							
		}	


	.history-grid {
		display:grid;
		grid-template-columns: 100%;
		column-gap: 0;
		row-gap: 0; 
		max-width:100%;											
	}

/* FAQ */

	.faq-outer-grid {
		display:grid;
		grid-template-columns: 100%;
		column-gap: 0; 
		row-gap: 0; 
		max-width:100%;							
	}
	
		.faq {
			border-bottom:1px solid #ccc;
			padding:2rem 0;
		}
	
			.faq-question-grid {
				display:grid;
				grid-template-columns: 1fr 30px;
				column-gap: 1rem; 
				row-gap: 0; 
				max-width:100%;			
				cursor:pointer;
			}
			
			.faq-closed .fa-chevron-up {
				display:none;
			}
			.faq-closed .fa-chevron-down {
				display:inline-block;
			}
			.faq-open .fa-chevron-down {
				display:none;
			}
			.faq-open .fa-chevron-up {
				display:inline-block;
			}
			
				.faq-question-cell {
					font-size:1.33rem;
					font-weight:600;
					
				}
				
				.faq-chevron-cell {
					color:var(--rust);
				}
				
				.faq-answer-cell {
					font-size:1.25rem;	
					padding:1.5rem 0 0 0;
					display:none;
				}


	/* BOOKS */

	.book-grid {
		display:grid;
		grid-template-columns: 100%;
		column-gap: 0; 
		row-gap: 2em; 
		max-width:100%;
	}
	
		.book-image-cell {
			display:flex;
			justify-content: center;
			align-items: center;
			box-shadow:linear-gradient(to bottom, rgba(238,237,224,1) 50%,rgba(238,237,224,0) 100%);
			cursor:pointer;
		}
	
			.book-image-container {
				background-size:cover;
				background-position:center;
				width:100%;
				height:0;
				padding-bottom:95%;
				margin:0;
				border:0.5em solid #dfdccb; 									
				box-shadow:0px 0px 8px 0px rgb(0 0 0 / 36%);
			}
			
		.book-cell {
			background-size:cover;
			background-position:bottom;					
			background-repeat:no-repeat;
		}
			
			.author-container {
				padding:0.5em 0;
			}					
			
				.author-container h3 {
					font-size:1.1rem;
					color:var(--gray);
				}		
						
			.price-container {
				padding:0.5em 0;
			}
			
				.price-container h3 {
					color:var(--rust);
				}
				
					.price-container h3 strike {
						color:var(--gray);							
					}
					
			.book-button-container {
				padding:1rem 0;
			}										
					
			.book-description-container {
				padding:1rem 0;
			}
			
				.book-description-container p {
					font-size:1.18rem;
				}
			
			.book-details-container {
				padding:2em 0;					
			}	
				
.feature-image {
	width:100%;
	/*
	margin:2rem 0 0 0;
	box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 36%);
	border:2px solid transparent;
	*/
}

.extra-padding { padding:4rem 0 6rem 0; }					

.fancy-line {
	text-align:center;
	font-family:sans-serif;
	text-transform:uppercase;
	font-weight:100;					  
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	grid-template-rows: 10px 0;
	grid-gap: 5px;
}

.fancy-line:before {
	content: " ";
	display: block;
	border-bottom: 1px solid;	
	border-image: linear-gradient(to right, rgba(200, 200, 200, 1), rgba(200, 200, 200,1));
	border-image-slice: 1;	
}	

.fancy-line:after {
	content: " ";
	display: block;
	border-bottom: 1px solid;	
	border-image: linear-gradient(to right, rgba(200, 200, 200, 1), rgba(200, 200, 200,1));
	border-image-slice: 1;	
}	

/* MAILING LIST */

.mailing-list-section {
	background-color:#f6f6f6;
	background-image:url(/assets/images/the-ladd-school-letter.jpg);
	background-size:cover;
	background-position:center right;
	background-repeat:no-repeat;
}

	.mailing-list-margin {
		padding:4rem 2rem 4rem 2rem !important;
		text-align:center;
	}
	
		.maiing-list-heading-container {
			margin:0 auto;
			text-align:center;
		}
		
		.mailing-list-footer-heading {
			margin:0 auto;
			letter-spacing:-1px;
			color:#666;
		}

.exeter-girls-tier-background {
	background-image:url(/exeter-girls-book/images/exeter-girls-book-mobile.jpg?v=1);
	padding:5em 0;
	background-size:cover;
	background-position:top;
}

	.exeter-girls-grid {
		display:grid;
		grid-template-columns: 100%;
		text-align:center;
		width:100%;
		color:var(--light-yellow);
		justify-content: left;
		text-align:left;
		min-height:400px;	
	}
	
		.exeter-girls-grid h2 {
			font-size:2.75em;
			letter-spacing:-1px;
			margin-bottom: 0.5em;
		}
		
		.exeter-girls-tier-text {
			color:#fff;
			font-size:1.65em;
			line-height:1.33;
			letter-spacing:-1px;
			margin-top:0.5em;
			max-width:90%;
			font-weight:300;
			font-family:'ITC Cheltenham Std Book', serif !important;
		}
	
		.exeter-girls-grid-button-container {
			margin:2rem 0;
		}

@media all and (min-width: 641px) {

	body { 				
		font-size: 1.2rem;
	}

	.standard-margin {
		padding:0 20%;
	}
	
	.home-page-hero-grid {
		height:100vh;
	}

	.sub-page-hero-grid {
		height:45vh;
	}
	
	
	.sub-page-hero-image-container h1 {
		font-size:5.5rem;
	}
	
	.sub-page-hero-grid .breadcrumb {
		font-size:1.75rem;
	}
	
}
			
@media all and (min-width: 1024px) {
	
	body { 				
		font-size: 1rem;
	}
	

	.desktop-only { display:block; }
	.desktop-only-block { display:block; }
	.mobile-only { display:none; }

	.standard-margin { padding:0 10%; }				
	
	.full-width-section { padding:4rem 0 4rem 0; }
	
	.landing-introduction-section { padding:10rem 0; }
	
	.extra-padding { padding:6rem 0 8rem 0; }
	
	h1 { font-weight:900;font-size:2.5em;line-height:1.125; }
	h2 { font-weight:900;font-size:2.33em;line-height:1.125; }
	h3 { font-size:1.5em;font-weight:600; }
	h4 { font-size:1.5em;font-weight:400; }				
	h5 { font-size:1.25em;font-weight:500; }
	
	.fancy-embellishment-top {
		width:33%;
		margin:1rem auto;
	}
	
	#ScrollDownArrow {
		position: absolute;
		left: 50%;
		margin-left: -30px;
		bottom: 20px;
	}

	.arrows {
		width: 60px;
		height: 82px;
		transform:scale(0.75);
	}	
		
	/* VIDEO GRID */
	
	.video-grid { 
		display:grid;
		grid-template-columns: 50% auto;
		column-gap: 0; 
		row-gap: 0; 
		max-width:100%;
		min-height:600px; 
		position:relative;					
	}		
	
		.video-grid-video-cell {
			background:transparent;
			position:relative;
		}						
		
			.video-button-container { position:absolute;bottom:20px;right:20px; }
			
				.mute-button1, .unmute-button1 { cursor:pointer; color:#fff; font-size:2em; opacity:0.75; transition: all 0.5s ease; }
				.mute-button1:hover, .unmute-button1:hover { opacity:1; }

				.mute-button2, .unmute-button2 { cursor:pointer; color:#fff; font-size:2em; opacity:0.75; transition: all 0.5s ease; }
				.mute-button2:hover, .unmute-button2:hover { opacity:1; }			
		
		
		.video-grid-text-cell {
			display:flex;
			justify-content: center;
			align-items: center;
			padding:5rem 6rem;
			background-color:var(--dark);						
		}		

			.video-grid-text {
				text-align:left;
				color:#fff;
			}	
	
	/* OTHER GRIDS */
	
	.home-page-hero-grid {
		display:grid;
		grid-template-columns: 100%;
		column-gap: 0; 
		row-gap: 0; 
		max-width:100%;	
		width:100%;
		height:100vh;
		overflow:hidden;		
	}	
	
		.home-page-hero-image-container {
			color:#fff;
			height:100%;
			width:100%;
			position:absolute;
			top:0;
			display:flex;
			justify-content: center;
			align-items: center;					
			text-align:center;
		}		
	
	.sub-page-hero-grid {
		display:grid;
		grid-template-columns: 100%;
		column-gap: 0; 
		row-gap: 0; 
		max-width:100%;	
		width:100%;
		height:55vh;
		overflow:hidden;		
	}

		.sub-page-hero-image-container {
			color:#fff;
			height:calc(55vh - 150px);
			width:100%;
			position:absolute;
			top:150px;
			display:flex;
			justify-content: center;
			align-items: center;					
			text-align:center;
		}
			

			.sub-page-hero-title-grid-left img, .sub-page-hero-title-grid-right img {
				width:200px;
			}

			.sub-page-hero-image-container h1 {
				font-size:5rem;
				color:var(--white);				
			}	
			
			.sub-page-hero-grid .breadcrumb {
				font-size:1.1rem;
			}
			
			
	.sub-page-introduction { 
		padding:2em 0;
		font-size:1.18rem; 
		line-height:1.5;
		width:75%;		
	}
	
		/*.sub-page-introduction:first-letter {
		  color: #903;
		  float: left;
		  font-family: Georgia;
		  font-size: 65px;
		  line-height: 50px;
		  padding-top: 4px;
		  padding-right: 8px;
		  padding-left: 3px;
		}*/	
		
		.about-us-intro-section {
			background-image:url(/about/images/the-ladd-school-howe-building.jpg?v=1);
			background-position:right;
			background-repeat:no-repeat;
			background-size:cover;
			padding:8rem 0;
		}
	
	
		.about-us-section {
			padding:8rem 0;					
			background-size:85% !important;
			background-position:right;
			background-repeat:no-repeat;			
		}			
	
			.about-us-grid {
				display:grid;
				grid-template-columns: 66% 1fr;
				column-gap: 2rem;
				row-gap: 0;
			}

				.about-us-columns {
					column-count:2;
					column-width: auto;
					column-gap: 4rem;
					column-fill: balanced;						
				}				
				
					.has-dropcap:first-letter {
					  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
					  float: left;
					  font-size: 5.4rem;
					  line-height: 0.75;
					  margin: 0.1em 0.1em 0em 0;
					  font-family:var(--LaddSerif);
					}

					.dropcap {
					  font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
					  background: #303030;
					  color: #FDF9F2;
					  float: left;
					  font-size: 6rem;
					  line-height: 1;
					  margin: 0.1em 0.1em 0em 0;
					  padding: 0.1em;
					}				
				
				
	/* THIS BLOCK FOR HOMEPAGE */
	.about-grid { 					
		grid-template-columns: 45% auto;
	}
		/* THIS BLOCK FOR HOMEPAGE */
		.about-text { padding:1em 0;font-family: 'ITC Cheltenham Std Book', serif;font-size:1.33em;line-height:1.5; }

	.illustration { background-image:url(/fogarty-illustration.jpg?v=1);background-repeat:no-repeat;background-position:right; background-size:50%; }
			
	.section-header-grid { 
		display:grid;
		grid-template-columns: 75% auto;
		column-gap: 0; 
		row-gap: 0; 
		max-width:100%;	
		padding:0 0 1em 0;
		border-bottom:3px solid var(--dark);				
	}
	
		.section-header-link-cell { 			
			text-align:right; 
			align-self:end;
			padding:0 0.5rem 0 0;
		}
	
	.text-card-grid {
		display:grid;
		grid-template-columns: 25% auto 25%;
		column-gap: 2em; 
		row-gap: 0; 
		max-width:100%;	
		border-bottom:1px solid #ddd;
		padding:2em 0;				
	}
	
		.card-subtext { font-size:1em;padding:0.5em 0; }	

		.text-card-button { padding:0; display: flex;justify-content: center; }		

	.large-card-grid {
		display:grid;
		grid-template-columns: 40% auto;
		column-gap: 4em; 
		row-gap: 0; 
		max-width:100%;	
		border-bottom:1px solid #ddd;
		padding:2em 0;							
	}
	
	.large-card-image { 
		min-height:300px;					
		background-size:cover;
		background-position:center;
		margin:0;
	}
		
		.large-card-info {
			display:grid;
			grid-template-columns: 100%;
			column-gap: 0; 
			row-gap: 1em; 
			max-width:100%;						
		}				

			.large-card-info p {
				font-size:1.18rem;
				line-height:1.5;
				padding:1em 4em 1em 0;					
			}
			
	.collections-grid {
		display:grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 3em; 
		row-gap: 3em; 
		max-width:100%;
		margin:1em 0 0 0; 
	}			
	
	.collection-item-grid {
		display:grid;
		grid-template-columns: 66% 1fr;
		column-gap: 3rem; 
		row-gap: 0; 
		max-width:100%;				
	}
	
		.collection-item-grid-main-image {
			width:100%;
			height:0;
			padding-bottom:60%;
			background-size:cover;
			background-position:center;
		}
		
		.exhibit-image {
			width:100%;
			height:0;
			padding-bottom:66%;
		}
		
		.image-caption {
			font-size:0.9rem;
			margin:0.25rem 0;
			padding:0.75rem 0.5rem;
			background-color:rgba(0,0,0,0.033);
			line-height:1;				
		}		
	
		.exhibit-information-cell {
			background-position:right bottom;		
			padding:1.5rem 0.25rem;
			min-height:0;
		}
	
	
		.exhibit-description {
			column-count: 3;
			column-width: auto;
			column-gap: 4rem;
			column-fill: balanced;
			/*height:400px;*/
		}	

		.collection-description {
			column-count: 2;
			column-width: auto;
			column-gap: 4rem;
			column-fill: balanced;
		}
		
		
		/* HISTORY */
		
		.half-grid {
			display:grid;
			grid-template-columns: 50% 1fr;
			column-gap: 1rem;						
			row-gap: 1rem;
		}

			.history-text-panel {
				padding:2rem 4rem;
				align-self:center;				
				height:100%;
			}
		
			.grid-full-span {
				grid-column-start:1;
				grid-column-end:3;
			}		

		.triptych-grid {
			display:grid;
			grid-template-columns: 66% 1fr;	
			grid-template-rows: 50% auto;					
			column-gap: 1rem;						
			row-gap: 1rem;
		}
		
			.triptych-large-panel {
				min-height:500px;
				grid-column-start:1;
				grid-column-end:2;
				grid-row-start:1;
				grid-row-end:3;							
				background-size:cover;
			}
			
			.triptych-small-panel-one {
				grid-column-start:2;
				grid-column-end:3;
				grid-row-start:1;
				grid-row-end:2;														
				background-size:cover;
			}							

			.triptych-small-panel-two {
				grid-column-start:2;
				grid-column-end:3;
				grid-row-start:2;
				grid-row-end:3;						
				background-size:cover;
			}	
		
		.picture-caption-right {
			text-align:right;
		}

		.two-column-text-grid {
			display:grid;
			grid-template-columns: 33.33% 1fr;
			column-gap: 4em;
			row-gap: 0; 
			max-width:100%;						
		}
		
			.two-column-text-grid h1 {
				font-size:3rem;
			}
			
			.two-column-text-grid-subheading {
				font-size:1.75rem;
				padding:1em 0;
				line-height:1.5;
			}
	

				
		.portrait-grid {
			display:grid;
			/*grid-template-columns: 50% 1fr;*/
			grid-template-columns: 40% 1fr;
			column-gap: 4em;
			row-gap: 0; 
			max-width:100%;	
			
		}
		
			.portrait-grid-image-container {
				background-image:url(dr.jpg?v=0);
				background-size:cover;
				background-position:center;
				min-height:1px;
			}			
		
			.portrait-grid .about-text {
				padding:0;			
			}
			
			.portrait-grid .quote-text {
				padding:0 30% 0 0;
			}
			
		
			.portrait-grid p, .history-grid p {
				font-size:1.1rem;
				line-height:2;
				margin:0.5em 0 1.5em 0;							
			}
			
		.history-grid {
			display:grid;
			grid-template-columns: 66.66% 1fr;
			column-gap: 3em;
			row-gap: 0; 
			max-width:100%;											
		}		
		
		/* BOOKS */

		.book-grid {
			display:grid;
			grid-template-columns: 50% auto;
			column-gap: 4em; 
			row-gap: 0; 
			max-width:100%;
		}
		
			.book-image-cell {									
			}
		
				.book-image-container {
					background-size:cover;
					background-position:center;
					width:85%;
					height:0;
					padding-bottom:80%;
					margin:2.5rem 0;														
					box-shadow:0px 0px 8px 0px rgb(0 0 0 / 36%);
				}
				
			.book-cell {
				background-size:cover;
				background-position:right;	
				padding-top:1em;
				background-repeat:no-repeat;
			}
			
				.book-cell h2 {
					font-size:2rem;
				}
									
				.author-container {
					padding:0.5em 0;
				}					
				
					.author-container h3 {
						font-size:0.9rem;
						color:#666;
					}		
						
				.price-container {
					padding:0.5em 0;
				}					
				
					.price-container h3 {
						color:var(--rust);
					}		

						.price-container h3 strike {
							color:var(--gray);							
						}	

				.book-button-container {
					padding:1rem 0;
				}
				
				.book-description-container {
					padding:1rem 0;
				}			
				
					.book-description-container p {
						font-size:1.125rem;
						line-height:1.75;
						width:90%;
					}									

				.book-details-container {
					padding:2em 0;					
				}			
		
	.faq-container {
	}

		.faq-outer-grid {
			display:grid;
			grid-template-columns: 50% 1fr;
			column-gap: 2rem; 
			row-gap: 0; 
			max-width:100%;							
		}

	.exeter-girls-tier-background {
		background-image:url(/exeter-girls-book/images/exeter-girls-book.jpg?v=0);
		padding:3em 0;
		background-size:cover;
		background-position:top left;
	}

		.exeter-girls-grid {
			display:grid;
			grid-template-columns: 50% auto;
			text-align:left;
			width:100%;
			color:var(--light-yellow);
			justify-content: left;
			align-items: center;
			min-height:400px;	
		}
		
			.exeter-girls-grid h2 {
				font-size:3em;
				max-width: 80%;
				margin-bottom: 0.5em;
			}
			
}


.pill-button {
	background: transparent;
	border: 0;
	border-radius: 0;
	color: inherit;
	display: inline-block;
	font: inherit;
	height: auto;
	line-height: 1;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	text-decoration: none !important;
	user-select: none;
	cursor:pointer;
	font-weight:600;
	min-width:100px;
}

.pill-button-inner {
	align-items: center;	
	justify-content: center;	
	/*border: 1px solid #ccc;*/
	border: 2px solid #fff;	
    box-shadow: 0 0 5px rgb(0 0 0 / 25%);
	/*border-radius: 99em;*/
	border-radius: 15em;
	color: var(--white);
	background-color:var(--dark);
	display: flex;				
	height: 2.5em;
	min-width: 2.5em;
	padding: 0 1em;
	position: relative; /* WebKit Bug 173872 */
	transition: 0.2s ease;
	width: 100%;
	text-decoration:none !important;	
	font-size:0.9rem;
}

	.pill-button:after {
		content: '';
		position: absolute;
		top: 2px;
		left: 1px;
		width: calc(100% - 1px);
		height: 50%;					
		border-top-left-radius: 99em;	
		border-top-right-radius: 99em;	
	}

.pill-button:focus {
	outline: none;
}

.pill-button::-moz-focus-inner {
	border: 0;
}

.pill-button:focus .pill-button-inner {
	/*border-color: #fff;*/
	/*box-shadow: 0 0 0 2px #456BD9;*/	
}

.pill-button:hover .pill-button-inner {
	/*filter: brightness(1.1);*/
	background-color:transparent;
	color:var(--dark);
	text-decoration:none !important;
	/*border: 1px solid #ccc;*/
	/*box-shadow: none;*/
}

.pill-button:active .pill-button-inner {
	/*filter: brightness(0.9);*/
	background-color:trasnparent;
	color:var(--dark);				
}	

.pill-button:hover .pill-button-inner-bright {	
	color:var(--bright-yellow);
}	

.pill-button:hover .pill-button-inner-dark {	
	background-color:var(--white);
	color:var(--dark);
	border-color:var(--dark);
}	

.pill-button .pill-button-inner-rust {
	background-color:var(--rust);
	color:var(--white);
}

.pill-button:hover .pill-button-inner-rust {
	background-color:#b12125;	
	color:var(--white);
}

@media (-webkit-device-pixel-ratio: 1) {
	
	.standard-margin { padding:0 15%; }

	.home-page-hero-grid {
		height:100vh;
	}

	.sub-page-hero-grid {
		height:45vh;
	}
	
	.illustration { background-image:url(/fogarty-illustration.jpg?v=1);background-repeat:no-repeat;background-position:right; }
	
	@media all and (min-width: 1024px) {

		.arrows {
			width: 60px;
			height: 82px;
			transform:scale(1);
		}				

		.about-text { padding:1em 0;font-family: 'ITC Cheltenham Std Book', serif;font-size:1.5em;line-height:1.5; }

		.video-grid-text-cell {
			padding:5rem 13rem;
		}		

		.home-page-hero-image-container {
			height:100%;
		}			
		
		.sub-page-hero-image-container {
			height:calc(45vh - 150px);
		}			
		
	}
	
}		

/* TABLET Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
	.standard-margin { padding:0 15%; }	  
	  
  }