@charset "UTF-8";
/*
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------&&&-&-------&--&&&---------------------------------------------------------------------------
---------------------------------------------------------------------------------&&&&&&&&&&&&-&&-&&&&&&&&-----------------------------------------------------------------------
-------------------------------------------------------------------&&-&&&&&&&&--&&&-&-&-&&&&&&&&&&&-&&&&&&&--&&-----------------------------------------------------------------
-----------------------------------------------------------------&&&&&-&&--&&-&---&&&-&-&&&&&&&&&&&-&&&&&-&-&&&&-&&-&-----------------------------------------------------------
-----------------------------------------------------------------&&&&-&&-&&-&-&&-&&&&--&&&&&&-&&&&&&&&&&&&&-&-&&&-&-------------------------------------------------------------
---------------------------------------------------------&&&&&--&&&&&&&-&&&-&&-&&&&&&&&&&&&&&-&&&&&&&&&&&&&&&-&&&&&&&&&---------------------------------------------------------
--------------------------------------------------------&&&&&&&&&&--&&&-&&&&&&&&&&&&&--&---&-&&&&&-&-&&&&&&&&&--&-&&&&&&&&------------------------------------------------------
-------------------------------------------------------&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&-&-&-&&&&&&&&-&&&--&&&-&--&&&-&&&--&&----------------------------------------------------
--------------------------------------------------&&&-&&&&&&-&&&&&-&&-&&-&&-&--&&-&&-&-&&-&&&&-&&-&&&&&&&&&&&&-&&&&&-&&&&&&&&&-&------------------------------------------------
-------------------------------------------------&&&&&&&-&&&&&&&&&&&&-&-&&&&-&&&-&&&&&&-&-&-&&-&&-&--&&&&&&&&&&&&&&&&&&&&&&-&&&&&-----------------------------------------------
----------------------------------------------&&&-&&&&&-&&&&&&&&-&&-&&&&&&&&&&&&&&&-&&&&&&&&&-&-&&&-&&&&&&&&&&&&&&&&&&&&&&&&--&&&&-&&-------------------------------------------
---------------------------------------------&&&&&&&&&&&&&&&&&-&---&&&&-&&&-&-&&&&-&&&&-&&&&&&&&&&-&&&&&&-&&-&&-&&&&-&&&-&&&&&&&&&&&&&&&----------------------------------------
---------------------------------------------&&&--&&&&&&&&-&&&&&&&&&&&&&&&&-&&&&-&-&&&&&-&&&-&&-&&-&&&&-&-&&&--&&&&&&&&&&&&--&&&&&&-&-&-&---------------------------------------
---------------------------------------------&--&&&&&&&&&&&&&---&&&&-&&&&-&&&--&&&&&&&&&&&&--&-&&&&&&&&&&&&&&&&&&-&&&&-&&&-&----&&&&-&&&&---------------------------------------
-----------------------------------------------&&-&&&&-&&&&&-&&&&&--&&&&&&-&&&&&&&-&&&&&--&&-&-&&&&-&-&&&&-&-&&&&&&&&&&-&-&&&-&-&-&&&&&&&&--------------------------------------
--------------------------------------------&&&&&&&&-&&-&&&&&&&&&&&&&&&&&&&-&-&-&&&-&-&&&&&&&&-&&-&&&&--&-&-&&&&&&&&&&&&&-&-&---------------------------------------------------
---------------------------------------------&&&-&&&&&&&&&&&&&&&&&--&&&&&&&&&&&&--&-&--&-&&-&&&&&&&&&&&&&&&&&-&-&&&&&&&&&&&&&-&&------------------------------------------------
-----------------------------------------------&&&&&&&&&&&&&&&&--&&&-&&&&&-&&-&&--&&-&-&&-&-&-&&-&&&-&&--&&&&-&&&&&&-&&&&&&-&&&&------------------------------------------------
--------------------------------------&&&-&&---&&&&&-&&&--&--&&-&&&--&&&&&&&-&-&&--&&-&&&-&&&-&&--&&&--&&&&-&&&&&&-&&&&&-&&&&--&&-----------------------------------------------
-------------------------------------&-&&&&&&&--&&&-&&&--&&--&&&&&&&&&&&-&-&&&&&&&&&&-&&-&&&&-&&&---&----&&&&-&&&&--&--&---------&&&--------------------------------------------
-----------------------------------&&&&-&-&&-&&-&&&&&&&&&&&&&&&&&&&-&&&&&-&&-&&&&&-&&&&&&&&&-&&&---&--&&&&&&&&&&&&&----&----&&&&-&&&--&&&---------------------------------------
---------------------------------&-&&-&&-------&-&&&&&&&&&-&-&&---&-&-&&&-&-&&&&&&&&&&&-&&&&&&&---&&-&---&&&-&&&&&&--&&-&&&&-&&&--&&&-&&&&&&&-----------------------------------
--------------------------------&&&&&-&&--&&&-&-&&&-&---&&&&-&&-&&&&&&--&&&&&&&&&&--&&-&&&&&&&&&&&&&-&-&&-&&&&&&&&&&&&&&&&-&&&&&&&&&&&&&&&&&------------------------------------
--------------------------------&&&&-&-&&&-&&&-&&&&&&-&&&&&&&&-&&&&&&&&&&&&&---&&&-&&&-&-&&&---&&&&&&&&&&&&-&&-&&-&&&&&&&&-&&&&&&&-&&&--&-&&&&----------------------------------
-------------------------------------&-&&&-&&-&-&---&-&&&&-&-&&&&&&&&&&&--------&&-&-&&-&&&&-&&&&&-&&&&&&&&&&-&&&-&-&-&&-&&&&&&&&&&&--&&&&&--&&---------------------------------
------------------------------------&&&---&--&&&&&--&&&&&--&&&&&&&&&&-&-&-&&&&&---&&-&&&&&&-&&-&&-&&&&&&&-&&&&&&&&&&------&&-&&&&&&&&&&&&&&&--&---------------------------------
----------------------------------------&-&--&&&&--&&&&&&&-&-&&&&&&-&&&&&&&&-&&&&-&&---&&&&&--&-&&&&--&&&&-&&&&&-&&&&-------&&&&&&&-&&&-&&&&&&----------------------------------
----------------------------------------&&&&&&-&-&--&&&&&&&&&&&&&-&&&&&&&&--&&&&&&&&---&&&&&-&&&&&&&&-&&&&&&-&&&---&&-&&&-&&-&&-&&-&&-&&&&-&&-&---------------------------------
---------------------------------------&&&&&-&&&&&&&---&&&&&&---&&&&&&&&&&---&&&&&&&&--&&&&&&--&&&&&&&&&&&&&-&-&-&&&-&----&&&--&-&&&-&-&----&&----------------------------------
-----------------------------------------&&-&&&&&-&&-&&&-&-&&-&&-&&&&&&&&&&&&-&&&&-&&&-&&&&&-&&-&&&&-&-&&&&-&&&&&&--&-----&-&&&&-&&&&&-&----------------------------------------
------------------------------------------&&&&&&-&&-&&&-&&--&&-----&-&&-&-&&&-&&&&&-&&&&&&&&&&&&&&-&&&-&---&&&&&&-&&&&-&&&&&--&---&&--&&&---------------------------------------
--------------------------------------------&&&---&&--&----&&-------&--------&&&&&-&&&&&&&&-&&&-&-&&-&&&&&&&&-&&&-&&&&---&&&-&--------------------------------------------------
---------------------------------------------&-----------------------------------&&--&&&&&---&&&----&--&&&-&&&---&&-----&&&&&&&&------------------------------------------------
-----------------------------------------------------------------------------------&&-&&&&-&&-------&--&----&&----&-------&&-&-&------------------------------------------------
-------------------------------------------------------------------------------------&&&&&&&--------------------------------&&&-------------------------------------------------
-------------------------------------------------------------------------------------&&&&&&-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------&&&&&--------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------&&&&&--------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------&&&&&--------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------&&&&&--------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------&&&&&--------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------&&&&&--------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------&&&&&--------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------&&&&&--------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------&&&&&--------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------&&&&&--------------------------------------------------------------------------------------
------------------------------------------------------------------------------------&&&&&&&-------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------&&&&&&&&&------------------------------------------------------------------------------------
-------------------------------------------THIS WEBSITE DESIGNED AND BUILT WITH TENDER, LOVING CARE, ENTIRELY BY HAND AND JUST FOR YOU------------------------------------------
---------------------------------------------IN BUCOLIC HOPEWELL, NEW JERSEY, BY BESLER & SONS, LLC HTTPS://WWW.BESLERANDSONS.COM/----------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

h1 {
	font-weight:normal;
	font-family: "Space Mono";
}

h2,h3,h4,h5,h6 {
	font-weight: normal;
}

:focus {
	outline: 0.1em solid #fff;
}

::selection {
	background-color: #fff;
}

details > summary {
	list-style: none;
}

details > summary::-webkit-details-marker {
	display: none;
}

@font-face {
		font-family: "Plain";
		src:	url("../fonts/plain-medium-webfont.woff") format("woff"),
				url("../fonts/plain-regular-webfont.woff") format("woff");
}

.hotpink {
	background-color: #ff69b4;
	border: 0.3vw solid #000;
}

	mark {
		color: #ff69b4;
		background-color: #000;
	}

		mark.highlight-yellow {
			padding: 0.05em 0.2em;
			background-color: #ff0;
			color: #000;
		}

	strong {
		/*border-bottom: 0.1em dashed #dda0dd;*/
		background-color: #000;
		padding: 0 .25em;
		color: #ff69b4;
	}

a:link {
	/*color: #ff69b4;*/
	color: #000;
	/*text-decoration: underline wavy #000;*/
	text-decoration: underline;
	/*background-color: #000;*/
}

	a:visited {
		color: #000;
		text-decoration: underline;
	}

	a:hover {
		color: #000;
		text-decoration: underline wavy #000;
	}

	a:active {
		color: #000;
		text-decoration: underline;
	}

html {
	scroll-behavior: smooth;
}

body,main {
	width: 100%;
}

body {
	background-color: #ff69b4;
	font-family: "IBM Plex Sans";
	background-image: url("../img/diagonal_lines_5_10px.png");
	background-attachment: fixed;
}

/*
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
_-_-_-_-_-_- HEADER _-_-_-_-_-_-
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
*/

header {
	margin: 3% 0 0 3.125%;
	width: 93.375%;
	text-align: center;
}

	.header-icon {
		width: 25%;
		display: inline-block;
	}

		header svg {
			width: 12em;
			padding: 2em 0 2em 0;
		}

	.header-titles {
		width: 50%;
		padding: 5em 0 2em 0;
		display: inline-block;
	}

.off-screen {
	position: absolute;
	top: -1000vh;
	left: -1000vw;
}

h1 {
	display: inline-block;
	font-size: 12em;
	line-height: 0.2;
}

	h1 span.headline-font-size-small {
		font-size: 0.2em;
		font-family: "IBM Plex Sans";
		color: #ff69b4;
		background-color: #000;
		position: relative;
		top: 0.5em;
		padding: 0 .25em;
	}

h2 {
	font-size: 1.4em;
	padding-top: 2em;
}

		header img.header-icons {
			width: 30px;
			vertical-align: top;
			margin: 0 0.5%;
		}

		header img.header-icons:hover {
			fill: #fff;
		}

/*
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
_-_-_-_-_-_- NAV _-_-_-_-_-_-
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
*/

nav {
	position: sticky;
	top: 0;
	z-index: 100;
	margin: -0.3vw 0 0 3.125%;
	background-color: #000;
	width: 93.375%;
}

	nav ul {
		text-align: center;
	}

		nav ul li {
			display: inline-block;
			padding: 2.5em 1.5em 1.1em 1.5em;
		}

		nav ul li a {
			color: #fff;
			font-size: 3em;
			line-height: 0;
			padding: 0 0.2em;
		}

			nav a:link {
				color: #000;
				text-decoration: none;
			}

			nav a:visited {
				color: #000;
				text-decoration: none;
			}

			nav a:hover {
				color: #ff69b4;
				text-decoration: none;
				background-color: #000;
			}

			nav a:active {
				color: #000;
				text-decoration: none;
			}

/*
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
_-_-_-_-_-_- VIDEO GALLERY -_-_-_-_-_-_
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
*/

	#video,#gallery {
		margin: 3.125% 0 0 3.125%;
		width: 45.68%;
		padding: 0;
		display: inline-block;
	}

	video {
		width: 100%;
		height: 26.2vw;
	}

/*
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
_-_-_-_-_-_- PHOTO GALLERY -_-_-_-_-_-_
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
*/

	div#gallery-frame {
		width: 100%;
		height: 26.2vw;
		scroll-behavior: smooth;
		overflow-x: scroll;
		overflow-y: hidden;
	}

		/* width */
		div#gallery-frame::-webkit-scrollbar {
			height: 30px;
		}

		/* Track */
		div#gallery-frame::-webkit-scrollbar-track {
			background: transparent; 
		}

		/* Handle */
		div#gallery-frame::-webkit-scrollbar-thumb {
			background: #000; 
		}

		/* Handle on hover */
		div#gallery-frame::-webkit-scrollbar-thumb:hover {
			background: #fff;
		}

	div#gallery-container {
		width: 1254%;
		height: 100%;
	}

		#gallery figure {
			position: relative;
			margin-right: 0.5%;
			width: 7.875%;
			height: 100%;
			float: left;
			/* border: 0.3vw solid #000; */
		}

			#gallery figure:last-of-type {
				margin-right: 0;
			}

			#gallery figcaption {
				background-color: #ff69b4;
				position: absolute;
				width: 50%;
				left: 0;
				bottom: 0;
				margin: 2%;
			}

/*
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
_-_-_-_-_-_- SECTIONS _-_-_-_-_-_-
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
*/

section, footer {
	margin: 3.125% 0 3.125% 3.125%;
	width: 91.375%;
	padding: 1%; 
}

	.section-wrapper {
		padding-top: .5em;
	}

	section#about article {
		column-count: 3;
	}

		section#about article p {
			margin-top: 1em;
		}

h3 {
	cursor: pointer;
	text-align: center;
	font-size: 5em;
	display: flex;
	align-items: center;
	justify-content: center;
	/* margin-top: 5%; */
}
	/* h3#team-headline {
		font-size: 3em;
		margin-top: 0;
	} */

	.h3-icon {
		width: 1em;
		height: 1em;
		position: relative;
		margin: 0 .5em;
	}

	.h3-svg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	h3#team-advisees {
		font-size: 3em;
		margin-top: 0;
		cursor: default;
		pointer-events: none;
	}

	h3:hover {
		background-color: #000;
		color: hotpink;
	}

		h5 {
			display: inline-block;
			font-size: 1.4em;
		}

article {
	font-size: 14pt;
}

				#team figcaption {
					float: right;
					position: relative;
					top: -3em;
					font-size: 0.6em;
					background-color: hotpink;
					padding: 0.2em;
				}

		h4 {
			border-top: 0.15em dashed #000;
			margin: 1em 0;
			font-size: 1.2em;
			color: hotpink;
		}

			h4 time,h4 strong {
				background-color: #000;
				padding: 0.15em .25em;
				font-weight: 500;
			}

/*
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
_-_-_-_-_-_- NEWS SECTION _-_-_-_-_-_-
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
*/

	section#news ol {
		list-style-type: none;
	}

		section#news li {
			width: 29.9%;
			margin: 0 1.5% 0 1.5%;
			vertical-align: top;
		}

			section#news li p {
				margin: 0 0;
			}

	section#news article ol li {
		display: inline-block;
	}

		section#news article ol li.start-hidden {
			display: none;
		}

		#news figure,#team figure {
			width: 100%;
		}

		#news figure {
			margin-bottom: 0.5em;
		}

		#news figure img,#team figure img {
			width: 100%;
			border: 0.2em solid #000;
		}

		#news figure img:hover {
			border: 0.2em dashed #000;
		}

/*
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
_-_-_-_-_-_- MORE NEWS BUTTON _-_-_-_-_-_-
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
*/

button {
	font-family: "IBM Plex Sans";
}

button#less-news {
	display: none;
}

button#more-news,button#download-full-cv,button#show-bio, button#less-news {
	background-attachment: fixed;
	background-image: url("../img/diagonal_lines_5_10px-pink.svg");
	background-size: 100px;
	border: 0.3vw solid #000;
	font-size: 2em;
	margin: 1.5%;
	width: 97%;
}

	button#more-news:hover,button#download-full-cv:hover, button#show-bio:hover, button#less-news:hover {
		background-attachment: fixed;
		background-image: url("../img/diagonal_lines_5_10px-pink-inverted.svg");
		background-size: 100px;
		border: 0.3vw dashed #000;
		cursor: pointer;
	}

/*
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
_-_-_-_-_-_- TEAM SECTION _-_-_-_-_-_-
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
*/

.column-width-one-third {
		width: 33%;
	}

	div#team ol,div#team ul {
			list-style-type: none;
		}

			div#team li {
			width: 29.9%;
			margin: 0 1.5% 0 1.5%;
			vertical-align: top;
			}

				div#team li p {
					margin: 0.5em 0;
				}

					.former-team-members li {
						margin: 0;
						padding: 0;
					}

	div#team article ol li {
		display: inline-block;
	}

	div#team article.hidden-bio {
		display: none;
	}

	#team figcaption {
		float: right;
		position: relative;
		top: -3em;
		font-size: 0.6em;
		background-color: hotpink;
		padding: 0.2em;
	}

	details#standalone {
		margin: 0 1.5% 0 1.5%;
	}

	section#team details:hover h4 {
		border-top: 0.15em dashed #fff;
		cursor: pointer;
	}

	section#team details:hover h4 strong {
		color: #000;
		background-color: #fff;
		/*border: 0.15em dashed #000;*/
	}

	span.emoji {
		font-size: 1.5em;
	}

/*
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
_-_-_-_-_-_- FOOTER _-_-_-_-_-_-
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_
*/

footer, footer h6 {
	font-size: 1em;
}

	.font-size-small {
		font-size: 0.8em;
		margin-top: 0.8em;
	}

	footer div {
		vertical-align: top;
		width: 50%;
		display: inline-block;
	}

		footer img {
			width: 180px;
		}

	footer div#footer-right {
		text-align: right;
	}

	.text-align-center {
		text-align: center;
	}

/*
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
_-_-_-_-_-_- COLOR CLASSES -_-_-_-_-_-_
-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-
*/

.red {
	background-color: red;
}
.orange {
	background-color: orange;
}
.yellow {
	background-color: yellow;
}
.green {
	background-color: limegreen;
}
.cyan {
	background-color: cyan;
}
.blue {
	background-color: blue;
}
.purple {
	background-color: purple;
}
.magenta {
	background-color: magenta;
}