/*--------------------------------------------------------------
 Stylesheet for ���ϳԹ���
 ---------------------------------------------------------------
 
/*--------------------------------------------------------------
 TABLE OF CONTENTS:
 ---------------------------------------------------------------
 1 - Normalize
 2 - Typography
 3 - Elements
 4 - Links
 5 - Accessibility
 6 - Clearings  
 7 - Helpers
 8 - Grid
 9 - Header
 10 - Page Content, Templates
 11 - Footer

/*--------------------------------------------------------------
 1 - NORMALIZE
 Based on normalize.css (github.com/necolas/normalize.css)
 ---------------------------------------------------------------

/* Document */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15; /* 1 */
		-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc  */
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2 - Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #000000;
	font-family: 'Montserrat', sans-serif;

	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	color: #000000;
}

h1 {
	font-size: 3em;
}

h2 {
	font-size: 2.25em;
	font-weight: 700;
}

h3 {
	font-size: 1.7em;
}

h4 {
	font-size: 1.4em;
}

h5, h6 {
	font-size: 1.25em;
	font-weight: 800;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	background: #efefef;
	color: #2D3E56;
	margin: 0;
	padding: 2em;
	position: relative;
}

blockquote p {
	position: relative;
	z-index: 2;
}

blockquote strong {
	display: block;
	font-size: 0.875em;
	margin: 1.5em 0 0 0;
	text-transform: uppercase;
}

blockquote q {
	  font-style: italic;
	margin-bottom: 0;
	font-size: 1.25rem;
	padding: 1.25rem 3.75rem;
	margin-top: 0;
	text-align: center;
  display: inline-block;
}

blockquote q::before {
   content: "“";
   margin: -.5em 0 0 -3rem;
	position: absolute;
	font-family: helvetica, sans-serif;
	font-size: 3em;
}

blockquote q::after {
   content: "”";
margin: -.1em 0 0 .25em;
	font-family: helvetica, sans-serif;
	position: absolute;
	font-size: 3em;
}

blockquote cite {
   font-size: 1em;
	text-align: center;
	font-weight: 700;
	margin: 0 auto;
  font-style: normal;
  display: block;
}

.content blockquote {
  margin-bottom: 1.875rem;
}


address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
3 - Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #2D3E56;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 1em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
4 - Links
--------------------------------------------------------------*/
a,
a:visited {
	color: #194483;
	overflow: hidden;
	position: relative;
	text-decoration: none;
}

.main-navigation a {
	vertical-align: middle;
}

a:hover, a:focus, a:active {
	color: #194483;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

.button,
.button:visited {
	border: 2px solid #2D3E56;
	background: #2D3E56;
	color: #ffffff;
	display: inline-block;
	font-size: 1.5em;
	padding: 0.3125rem 1.875rem;
	text-align: center;
}
.button.active,
.button:active,
.button:focus,
.button:hover {
	background: #ffffff;
	color: #2D3E56;
    cursor: pointer;
}

.hartman .button,
.hartman .button:visited {
	border-color: #4b0037;
	background: #4b0037;
}
.hartman .button.active,
.hartman .button:active,
.hartman .button:focus,
.hartman .button:hover {
	background: #ffffff;
	color: #4b0037;
}

.more,
.more:visited {
	color: #2D3E56;
	font-size: 1.5em;
	font-weight: 500;
	text-decoration: underline;
}

.fasman-yeshiva-high-school .button,
.fasman-yeshiva-high-school .button:visited {
	border-color: #5B698F;
	background: #5B698F;
}

.fasman-yeshiva-high-school .button:active,
.fasman-yeshiva-high-school .button:focus,
.fasman-yeshiva-high-school .button:hover {
	background: #ffffff;
	color: #5B698F;
}

@media screen and (max-width: 1024px) {
	.button,
	.button:visited,
	.more,
	.more:visited {
		font-size: 1em;
	}
}

/*--------------------------------------------------------------
5 - Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
6 - Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
7 - Helpers
--------------------------------------------------------------*/
/* commented out 6/5/24 b/c two vertical scrollbars
html, body {
	overflow-x: hidden;
}
*/

.inner {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	padding-left: 0.625rem;
	padding-right: 0.625rem;
	width: 1500px;
}

.inner-skinny {
	width: 1000px;
}

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

.pill {
	border-radius: 10px;
	font-size: 1.25em;
	font-weight: 600;
	padding: 0.3125rem 0.625rem;
	  background: #2D3E56;
	color: #ffffff;
}

.pill-blue {
	background: #2D3E56;
	color: #ffffff;
}

.pill-pink {
	background: #6B4C58;
	color: #ffffff;
}

.pill-navy {
	background: #43547A;
	color: #ffffff;
}

.pill-green {
	background: #425C4B;
	color: #ffffff;
}

.pill-medium {
	font-size: 1.75em;
	font-weight: 500;
	margin-bottom: 1em;
}

.pill-large {
	font-size: 2em;
	font-weight: 500;
	margin-bottom: 1em;
	margin-top: 2em;
	padding: 0.625rem 1.25rem;
}

.pill a,
.pill a:active,
.pill a:focus,
.pill a:hover,
.pill a:visited {
	color: #ffffff;
}

.pill a:hover {
	text-decoration: underline;
}

.descriptor {
	font-size: 0.75em;
	font-weight: 600;
	margin: 0;
	text-transform: uppercase;
}

.chevron-left {
	border-top: 2px solid #2D3E56;
	border-left: 2px solid #2D3E56;
	display: inline-block;
	height: 12px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 12px;
	margin-left: 6px;
	margin-top: -3px;
	vertical-align: middle;
}

.alignnone {
	display: block;
	margin-bottom: 1.5em;
}

.alignleft,
.alignright {
	margin-bottom: 1.5em;
}

.alignleft {
	float: left;
	margin-right: 2em;
}

.alignright {
	float: right;
	margin-left: 2em;
}

.alignleft + p,
.alignright + p {
	margin-top: 0;
}

.large {
	font-size: 1.3em;

}

table {
	border-collapse: collapse;
}

th {
	background: #223146;
	color: #ffffff;
	font-size: 1.5em;
	font-weight: 500;
	text-align: left;
}

th, td {
	padding: 0.9375rem;
}

tr:nth-child(odd) {
	background: #ffffff;
}

tr:nth-child(even) {
	background: #f2f2f2;
}

.plain-table th,
.plain-table td {
	padding: 0.3125rem;
}

.plain-table tr {
	background: #ffffff !important;
}

.plain-table .table-line {
  border-top: 1px solid #999;
}

@media screen and (max-width: 1024px) {
	.pill {
		font-size: 1em;
	}
	
	.alignleft {
		display: block;
		float: none;
		margin-right: 0;
	}
	
	.alignright {
		display: block;
		float: none;
		margin-left: 0;
	}
	
	.large {
		font-size: 1em;
	}
}

/*--------------------------------------------------------------
8 - Grid 
--------------------------------------------------------------*/
.flex-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}


@media screen and (min-width: 1024px) {
  .faculty .main-menu{
    display: flex;
  }
  
  .faculty .flex-grid, .faculty .faculty-item{
  	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  }



}
@media (width: 1024px) {
  .faculty .faculty-item.flex-grid{
    display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  
  }
  

}

.flex-grid .col {
	-webkit-box-flex: 1;
		-ms-flex: 1;
			flex: 1;
}

.flex-grid-justify {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
}

.flex-grid-wrap {
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}

.flex-grid-thirds .col {
	width: 32%;
}

.flex-grid-halves .col {
	width: 48%;
}

.flex-grid-halves .col.faculty-item {
	-webkit-box-flex: 1;
		-ms-flex: auto;
			flex: auto;
}

@media screen (min-width: 601px) and (max-width: 1024px) {
	.faculty #primary-menu.main-menu.flex-grid {
		display: block;

	}
}


@media screen and (min-width: 1022px) and (max-width: 1024px){
	.faculty .main-menu {
		background: #ffffff;
		height: calc(100vh - 80px);
		overflow-y: auto;
		position: absolute;
		 right: -100vw;
		z-index: 500;
		text-align: center;
		transition: right 0.5s;
		-webkit-transition: right 0.5s;
		width: 100vw;	
	}

}

@media screen and (min-width: 1023px) and (max-width: 1024px){
	.faculty .main-navigation .menu-toggle{
    top: -80px;
  }
  
  .faculty #primary-menu.main-menu.is-active{
  	top: 0;
  }
  
}


@media screen and (min-width: 1022px) and (max-width: 1023px){
	.faculty .flex-grid, .faculty .flex-grid-justify, .faculty .faculty-container .faculty-item, .faculty-item.flex-grid{
      display: block;
	  position: relative;
    }
  
  
 
  
  

}

@media screen and (min-width: 1024px) and (max-width: 1025px){
	.faculty .main-menu.flex-grid{
  	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  }
  .faculty #site-navigation .utility-nav-mobile-item {
		display: none;
	
	}
  
  .faculty .main-menu#primary-menu {
  
    position: relative;
    right: 0; 
    width: auto; 
}
  
  .faculty .main-menu li.main-menu-item{
    padding: 0;
  }

}

@media screen and (max-width: 1023px) {
	.flex-grid,
	.flex-grid-justify{
		display: block;
	  position: relative;
	}
	
}


@media screen and (max-width: 1024px) {
	.faculty #primary-menu{
      position: absolute;
    }
}
@media screen and (max-width: 1024px) {
	.faculty .flex-grid,
	.faculty .flex-grid-justify, .faculty .faculty-item {
		display: block;
	  position: relative;
	}
	
	.flex-grid-thirds .col,
	.flex-grid-halves .col {
		width: 100%;
	}
}

/*--------------------------------------------------------------
9 - Header
--------------------------------------------------------------*/
/* Main Logo & Utility Nav */

.site-header.site-header-htc-main {
  box-shadow: 0 1px 5px #999;
}





.utility-nav-container {
	text-align: right;
	height: 2.5rem;
	background: #2D3E56;
}

.hartman .utility-nav-container {
	  background: #4b0037;
}

.utility-nav {
	list-style: none;
	font-size: 0.875em;
	margin: 0;
	padding: 0;
	padding-top: 0.625rem;
	color: #fff;
}

.utility-nav.left {
	text-align: left;
	float: left;
}

.page-htc-main .utility-nav.left {
	display: none;
}

.utility-nav .svg-inline--fa.fa-chevron-left.fa-w-10 {
	width: 0.5em;
}

.utility-nav li {
	display: inline-block;
	margin-right: 0.625rem;
}

.utility-nav li:after {
	content: "|";
	margin-left: 0.625rem;
}

.utility-nav li:before,
.utility-nav li:last-child:after {
	display: none;
}

.utility-nav a,
.utility-nav a:visited {
	color: #fff;
	font-weight: 400;
}

.utility-nav a:active,
.utility-nav a:focus,
.utility-nav a:hover {
	text-decoration: underline;
}

/* Main Nav */
.main-navigation {
	position: relative;
		right: 0;
		left: 0;
		z-index: 5;
	text-align: center;
  width: 100%;
}

.main-menu {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
  align-items: center;
  height: 2.5rem;
  margin-top: 0.9375rem;
}

.page-main-htc .main-menu {
  height: auto;
  margin-top: 1.875rem;
}

.page-main-htc .site-branding, .landing.no-sidebar .site-branding {
    padding: 0.625rem 0.625rem 0.625rem 0;
    max-width: 400px;
}

.page-main-htc .main-navigation, .landing.no-sidebar .main-navigation {
    font-size: 0.875rem;
}

.main-menu li.main-menu-item a {
	font-weight: 600;
	height: 100%;
	padding: 0 0.9375rem;
}

.main-menu li:before {
	display: none;
}

.main-menu li.main-menu-item:first-child a {
	border-left: 0;
}

.utility-nav-mobile-item {
	display: none;
}

.menu-toggle {
	display: none;
}

.menu-has-children {
	position: relative;
}

.page-template-tertiary .main-navigation {
	position: relative;
		top: 0;
	height: 78px;
}

.page-template-tertiary.header-is-stuck.grow .main-navigation {
	height: 78px;
}

.header-is-stuck .site-header {
		background: #ffffff;
		height: 0;
		opacity: 1;
		position: fixed;
			top: 0;
			right: 0;
			left: 0;
			z-index: 1000;
        
	}

	.header-is-stuck .main-navigation {
		height: 80px;
		opacity: 1;
		position: fixed;
			top: 40px;
			right: 0;
			left: 0;
			z-index: 1000;
	  background: #fff;
	}

@media screen and (min-width: 800px) {
	.multilevel-linkul-0 {
		list-style: none;
		margin: 0;
		padding: 0;
		position: absolute;
		left: -9999px;
	  background: #444;
	}
	.main-menu li.main-menu-item .multilevel-linkul-0 a {
	color: #fff;
	}
	.menu-has-children:hover > .multilevel-linkul-0,
	.menu-has-children.focus > .multilevel-linkul-0 {
		right: -1.5625rem;
		left: -1.5625rem;
	}
	
	.menu-has-children-rightmost:hover > .multilevel-linkul-0,
	.menu-has-children-rightmost.focus > .multilevel-linkul-0  {
		right: 0;
		left: -50px;
	}
	
	.main-menu-item:hover,
	.main-menu-item.focus {
		background: transparent;
	}
 
	.multilevel-linkul-0 li {
		padding: 0 0 0 1.25rem;
		width: 100%;
	}
	
	.multilevel-linkul-0 a,
	.multilevel-linkul-0 a:visited {
		border-left: 0 !important;
		font-weight: 300;
		font-size: 0.875em;
		line-height: 1.2;
	}
}

@media screen and (max-width: 1300px) {
 
  .main-menu li.main-menu-item {
	font-size: .875rem;
	}
}

@media screen and (max-width: 1200px) {
	
	.page-template-tertiary .main-menu {
		width: calc(100% - 300px);
	}

}

@media (width: 1023px){
	.faculty .utility-nav-container {
		display: none;
	}
  .faculty .menu-toggle{
    top: -80px;
  }
}
@media screen and (max-width: 1023px) {
	.site-branding {		
        padding: 0.625em 0;
      	margin: auto;
	}
	
	.utility-nav-container {
		width: 100%;
	}
	
	.utility-nav li:after {
		display: none;
	}
	
	.main-menu li.main-menu-item {
		padding: 1.125rem 0;
	}
	
	.main-menu li.main-menu-item a {
		font-size: 0.875em;
	}
	
	.page-template-tertiary .main-menu {
		width: auto;
	}
  .main-navigation {
	top: 0;
  }
}

@media screen and (max-width: 1024px) {
  .faculty .site-branding{
      padding: 0.9375rem;
      margin: auto;
  }
	
	.faculty .utility-nav-container {
		display: none;
	}
	
	
		
	
	

  
}


@media screen and (max-width: 600px) {
	.faculty .main-menu.is-active{
      top: 90px;
      display: block;
    }
}

@media screen (min-width: 601px) and (max-width: 1024px) {
	.faculty #primary-menu.main-menu.is-active{
      top: 0;
      display: block;
      
    }
}


@media (width: 1023px){
  .faculty .menu-toggle {
		background: transparent;
		display: block;
		border: none;
		height: 50px;
		position: absolute;
			top: calc(50% - 25px);
			right: 20px;
		width: 50px;
	}
}

@media screen and (max-width: 1024px) {
	.faculty .menu-toggle {
		background: transparent;
		display: block;
		border: none;
		height: 50px;
		position: absolute;
			top: calc(50% - 25px);
			right: 20px;
		width: 50px;
	}

}

@media screen and (max-width: 1024px) {


	.faculty .main-menu.is-active {
		right: 0;
        top: 90px;
		transition: right 0.5s;
			-webkit-transition: right 0.5s;
	}
  
  .faculty .main-menu li.main-menu-item {
		padding: 0.625rem 0;
	}
  
  .faculty .main-menu {
		background: #ffffff;
		height: calc(100vh - 80px);
		overflow-y: auto;
		position: absolute;
		 right: -100vw;
		z-index: 500;
		text-align: center;
		transition: right 0.5s;
		-webkit-transition: right 0.5s;
		width: 100vw;	
	}
  
  .faculty .main-menu li {
		margin: 0.625rem 0;
		width: 100% !important;
	}
	

	
	.faculty .utility-nav-mobile-item {
		display: block;
		padding: 0.625rem 0;
	}
  
  .faculty .menu-toggle {
		background: transparent;
		display: block;
		border: none;
		height: 50px;
		position: absolute;
			top: calc(50% - 25px);
			right: 20px;
		width: 50px;
	}
	
	.faculty .no-hero-image .menu-toggle {
		top: -125px;
	}
	
	.faculty .menu-toggle .hamburger-icon {
		margin: 0;
	}
  

	
	 .faculty .main-menu li {
		margin: 0.625rem 0;
		width: 100% !important;
	}
	
	 .faculty .main-menu li.main-menu-item {
		padding: 0.625rem 0;
	}
	
	 .faculty .utility-nav-mobile-item {
		display: block;
		padding: 0.625rem 0;
	}
		
	 .faculty .utility-nav-mobile-item a,
	 .faculty .utility-nav-mobile-item a:active,
	 .faculty .utility-nav-mobile-item a:focus,
	 .faculty .utility-nav-mobile-item a:hover,
	 .faculty .utility-nav-mobile-item a:visited {
		font-size: 0.875em !important;
		font-weight: 300;
	}
	
	 .faculty .multilevel-linkul-0 {
		display: none !important;
	}
	
	 .faculty .page-template-tertiary .main-navigation, 
	 .faculty .page-template-tertiary.header-is-stuck.grow .main-navigation {
		height: auto;
	}

}

@media screen and (max-width: 1023px) {
	.main-menu li.main-menu-item a {
		height: auto;
	  border-left: none;
	}
	
	.utility-nav-container {
		display: none;
	}
	
	.main-navigation {
		background: transparent !important;
		padding: 0;
		top: 0 !important;
	  position: static;
	}
	
	.menu-toggle {
		background: transparent;
		display: block;
		border: none;
		height: 50px;
		position: absolute;
		top: calc(50% - 25px);
		width: 50px;
	}
	
	.no-hero-image .menu-toggle {
		top: -125px;
	}
	
	.menu-toggle .hamburger-icon {
		margin: 0;
	}
  
  .sidebar-menu-toggle .hamburger-icon {
    margin: 0 1.125rem 0.625rem 1.125rem;
}
	
	.main-menu {
		background: #ffffff;
		height: calc(100vh - 80px);
		overflow-y: auto;
		position: absolute;
		 right: -100vw;
		z-index: 500;
		text-align: center;
		transition: right 0.5s;
		-webkit-transition: right 0.5s;
		width: 100vw;	
	}
	
	.main-menu.is-active {
		right: 0;
        top: 91px;
		transition: right 0.5s;
			-webkit-transition: right 0.5s;
	}
	
	.main-menu a,
	.main-menu a:active,
	.main-menu a:focus,
	.main-menu a:hover,
	.main-menu a:visited {
		color: #000000 !important;
		font-size: 1.25em !important
	}
	
	.main-menu li {
		margin: 0.625rem 0;
		width: 100% !important;
	}
	
	.main-menu li.main-menu-item {
		padding: 0.625rem 0;
	}
	
	.utility-nav-mobile-item {
		display: block;
		padding: 0.625rem 0;
	}
		
	.utility-nav-mobile-item a,
	.utility-nav-mobile-item a:active,
	.utility-nav-mobile-item a:focus,
	.utility-nav-mobile-item a:hover,
	.utility-nav-mobile-item a:visited {
		font-size: 0.875em !important;
		font-weight: 300;
	}
	
	.multilevel-linkul-0 {
		display: none !important;
	}
	
	.page-template-tertiary .main-navigation, 
	.page-template-tertiary.header-is-stuck.grow .main-navigation {
		height: auto;
	}
  
    
}



@media screen and (max-width: 550px) {
	.no-hero-image .menu-toggle {
		top: -105px;
	}
}

/* Sticky Navigation */

@media screen and (min-width: 800px) {
	.header-is-stuck {
		margin-top: 12.5rem;
	}
	
	.header-is-stuck.grow .site-header {
    height: 7.5rem;
}
  
  .faculty .header-is-stuck.grow .site-header{
  	height: 5.625rem;
  }
  



	
	
  .header-is-stuck .main-navigation .main-menu {
		margin-top: 1.6875rem;
  }
 
  
	
	
	.header-is-stuck.grow .main-navigation {
		opacity: 1;
		/*transition: opacity 0.35s;
		transition-delay: 0.35s;*/
	margin: auto;
	  height: 5rem;
	  max-width: 1500px;
	}
  /*
  .page-main-htc.header-is-stuck.grow .main-navigation {
	  padding-top: 40px;
  }
	*/
	.sticky-logo {
		display: none;
		float: left;
	}
		
	.sticky-home-link {
		display: none;	
	}
	
	.sticky-home-link a,
	.sticky-home-link a:visited {
		color: #2D3E56;
	}
	
	.sticky-home-link a:active,
	.sticky-home-link a:focus,
	.sticky-home-link a:hover {
		color: #000000;
	}
	
	.sticky-home-link a:active .chevron-left,
	.sticky-home-link a:focus .chevron-left,
	.sticky-home-link a:hover .chevron-left {
		border-color: #000000;
		margin-left: 3px;
		transition: margin-left 0.5s;
	}
	
	.header-is-stuck .sticky-home-link {
		display: block;
		align-self: center;
		padding-left: 0.625rem;
	}
	
	.header-is-stuck .sticky-logo  {
		display: inline-block;
	}
	
	.header-is-stuck .site-branding {
		display: none;
	}
}
/*
@media screen and (max-width: 1700px) {
	.sticky-logo img {
	 height: 80px !important;
      padding: 5px 0;
	}
  .header-is-stuck .main-navigation {
	padding: 0 10px;
  }
}
*/



@media screen and (max-width: 1023px) {
	.sticky-logo {
		display: none;
	}
	
	.dedicate.header-is-stuck .site-branding {
		padding: 0.9375rem;
    
	}
  
  	.header-is-stuck .site-branding {
		display: block;
		padding: 5px 0;
        text-align: center;
	}
	
	.header-is-stuck .site-branding img {
		max-height: 80px;
        width: auto;
        padding: 0;
		/*width: auto !important;
		padding: 5px 0 15px 0;*/
	}
	
	.sticky-home-link,
	.sticky-logo {
		display: none !important;
	}
  .header-is-stuck.grow .site-header {
	height: 90px;
  }
}

@media screen and (max-width: 600px) {
	.no-hero-image .menu-toggle {
		top: -115px;
	}
  
    .site-header {
        height: 90px;
    }
  
    .site-header .inner.flex-grid {
        display: flex;
        height: 90px;
    }
  
   
  
    .site-branding img {
        max-height: 80px;
        width: auto;
        padding: 0;
    }
  
    .main-navigation {
        height: 80px;
        position: fixed;
    }
}
/*--------------------------------------------------------------
10 - Page Content, Templates
--------------------------------------------------------------*/
/* Main HTC */
/* Main HTC - Hero */
.hero-container {
	position: relative;
}

.hero-container video,
.hero-image {
	width: 100%;
}

.page-template-interior .main-navigation,
.page-template-tertiary .main-navigation {
	background: rgba(45, 63, 87, 1);
}

.main-navigation a,
.main-navigation a:active,
.main-navigation a:focus,
.main-navigation a:hover,
.main-navigation a:visited {
	color: #444;
	display: inline-block;
}

.main-navigation a:active,
.main-navigation a:focus,
.main-navigation a:hover {
	text-decoration: underline;
}

.hero-caption {
	background: #2d3f57;
  opacity: .9;
	padding: 1.25rem 3.75rem;
	position: absolute;
		bottom: 1.25rem;
		right: 0;
}

.hero-caption p, .hero-caption h1 {
	color: #ffffff;
	font-size: 2.5em;
	font-weight: 700;
	line-height: 1.5;
	margin: 0;
	text-align: center;
	width: 15.625rem;
}

@media screen and (max-width: 800px) {
	.hero-caption {
		padding: 10px;
		position: relative;
			bottom: 0;
	}
	
	.hero-caption p {
		font-size: 1.5em;
		width: 100%;
	}
  .hero-caption h1 {
    width: 100%;
  }
}

/* Main HTC - Intro Paragraph */
.intro-paragraph {
	padding-top: 1.5em;
	padding-bottom: 1em;
}

.intro-paragraph p {
	font-size: 1.5em;

}

@media screen and (max-width: 800px) {
	.intro-paragraph p {
		font-size: 1em;
	}
}

/* Main HTC - CTA Block */
.cta-block-container {
	background: #dce3e7;
	color: #2D3E56;
	padding: 70px 50px;
}

.cta-image {
	margin-bottom: 2.5em;
	width: 100%;
}

.cta-block-copy {
	padding: 0 40px 20px 40px;
}

.cta-block-copy p {
	font-size: 1.5em;
	margin-top: 0.5em;

}

.cta-block .button {
	width: 100%;
}

@media screen and (max-width: 1024px) {
	.cta-block-container {
		padding: 35px 25px;
	}
	
	.cta-block-copy p  {
		font-size: 1em;
	}
	
	.cta-block-copy {
		padding: 0 20px 20px 20px;
	}
	
	.cta-image {
		margin-bottom: 1em;
	}
}

@media screen and (max-width: 640px) {
	.cta-block-container {
		padding: 20px 0;
	}
	
	.cta-block-copy {
		padding: 0 10px 10px 10px;
	}
}

/* Main HTC - Event Preview */
.event-preview-container {
	padding-top: 1.5625rem;
	padding-bottom: 3.125rem;
}

.event-preview-container h2,
.event-preview-container h3,
.event-preview-container p:not(.pill) {
	color: #2D3E56;
}

.event-preview-container h2 {
	font-weight: 600;
}

.event-preview-container h3 {
	font-weight: 700;
	margin: 0;
}

.event-preview-container hr {
	margin-bottom: 0;
	width: 85%;
}

.event-preview-flex-grid {
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	margin-bottom: 1.875rem;
}

.event-preview-flex-grid .col {
	max-width: 25%;
	padding: 0 0.625rem;
}

.event-preview-copy {
	padding: 0 1.875rem;
}

.event-preview-copy a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 800px) {
	.event-preview-flex-grid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
	
	.event-preview-flex-grid .col {
		-ms-flex-preferred-size: 48%;
			flex-basis: 48%;
		max-width: none;
	}
}

/* Main HTC - Stats Block */

/*
.stats-home-container {
	background: #2D3E56 url('/media/schools-and-colleges/htc/images/htc-historic.jpg') no-repeat center center;
	background-size: cover;
	color: #ffffff;
	padding: 150px 0;
}

.stats-home-container .inner {
	width: 1200px;
}
*/

.stat,
.stat-description {
	font-weight: 700;
	margin: 0;	
}

.stat {
	font-size: 8em;
	line-height: 1.5;
}

.stat-description {
	font-size: 1.5em;
}

.stats-container {
  color: #fff;
}

.overlay {
  background: #2D3E56;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: .65;
    z-index: 2;
}


.stats-container {
 position: relative;
}

.stats-container .inner.text-center {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    bottom: auto;
    line-height: 1.5;
    width: 90%;
    position: absolute;
    z-index: 2;
}



.fasman-yeshiva-high-school .overlay {
 background: #194483;  
}


.hartman .overlay {
    background: #4b0037;
}

.yeshivas-hakayitz .overlay {
  background: #5a7c69;
}

.beis-midrash--mens-college .overlay {
  background: #2D3E56;
}

@media screen and (max-width: 1200px) {
	.stat {
		font-size: 6em;
	}
}

@media screen and (max-width: 1024px) {
	.stat {
		font-size: 3em;
	}
	
	.stat-description {
		font-size: 1.25em;
		margin-bottom: 2em;
	}
  
  .stats-blitstein-container .stat-description {
    font-size: 1em;
  }
  
  .stats-container {
    height: 100%;
  }
  
  .stats-container .overlay {
    opacity: 1;
  }
  
  .stats-container img {
    display: none;
}
}

@media (max-width: 1023px) {
  .stats-container .inner.text-center {
    position: relative;
    inset: auto;
    transform: none;
    height: auto;
    padding: 1rem;
  }
  
  .stats-container {
    height: auto;
    min-height: 0;
    overflow: visible;
  }
}
/* Main HTC - Featured News */
.featured-news-container h2,
.featured-news-container h3,
.featured-news-container p:not(.pill) {
	color: #2D3E56;
}

.featured-news-container h2 {
	font-weight: 600;
}

.featured-news-container .flex-grid-justify {
	margin-bottom: 3.125rem;
}

.featured-news-image {
	margin: 0 auto 0.5em auto;
	width: 80%;
}

.featured-news-title {
	max-width: 100%;
	width: 12.5rem;
}

.featured-news-container p {
	font-size: 1.125em;
	margin: 0.5em auto;	
}

.featured-news-title a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 800px) {
	.featured-news-container .col:first-child {
		margin-bottom: 50px;
	}
}

/* template 2 - blistein & fasman */



.hartman .hero-caption {
	background: #4b0037;
  opacity: .9;
}

.fasman-yeshiva-high-school .hero-caption {
	background: #707375;
  opacity: .9;
}

.hartman .hero-caption p {
	width: 18.75rem;
}

.fasman-yeshiva-high-school .hero-caption p {
	width: 21.875rem;	
}

.hartman .cta-block-copy,
.fasman-yeshiva-high-school .cta-block-copy {
	margin-bottom: 3.125rem;
}

.blitstein-faculty-background {
	background: #ffffff url('/uploads/fpo/blitstein-faculty-fpo.png') no-repeat 10px 54px;
	background-size: auto 80%;
	margin-bottom: 100px;
	min-height: 500px;
	padding: 50px 0;
	width: 1440px;
}

.fasman-faculty-background {
	background: #ffffff url('/uploads/fpo/fyhs-faculty-min.png') no-repeat 10px 54px;
	background-size: auto 80%;
	margin-bottom: 100px;
	min-height: 500px;
	padding: 50px 0;
	width: 1440px;
}

.callout {
	text-align: center;
	width: 45%;
}

.callout-pull-right {
	margin-left: 55%;
}

.callout h2 {
	font-size: 4em;
	font-weight: 700;
	line-height: 1.2;
	margin: 0;
}

.callout p {
	font-size: 1.75em;
	line-height: 1.2;
	margin: 1em auto;
	width: 73%;
}

.callout p .button {
	font-size: 1em;
	font-weight: 600;
}



.hartman .featured-news-container {
	background: #4b0037;
	color: #ffffff;
	padding: 3.125rem 0;
}

.fasman-yeshiva-high-school .featured-news-container {
	background: #5B698F;
	color: #ffffff;
	padding: 3.125rem 0;
}

.hartman .featured-news-container h2,
.hartman .featured-news-container p,
.hartman .featured-news-container a,
.hartman .featured-news-container a:visited,
.fasman-yeshiva-high-school .featured-news-container h2,
.fasman-yeshiva-high-school .featured-news-container p,
.fasman-yeshiva-high-school .featured-news-container a,
.fasman-yeshiva-high-school .featured-news-container a:visited {
	color: #ffffff;
}

.hartman .featured-news-container .button,
.hartman .featured-news-container .button:visited {
	border-color: #4b0037;
	background: #ffffff;
	color: #4b0037;
}

.hartman .featured-news-container .button:active,
.hartman .featured-news-container .button:focus,
.hartman .featured-news-container .button:hover {
	border-color: #ffffff;
	background: #4b0037;
	color: #ffffff;
}

.fasman-yeshiva-high-school .featured-news-container .button,
.fasman-yeshiva-high-school .featured-news-container .button:visited {
	border-color: #5B698F;
	background: #ffffff;
	color: #5B698F;
}

.fasman-yeshiva-high-school .featured-news-container .button:active,
.fasman-yeshiva-high-school .featured-news-container .button:focus,
.fasman-yeshiva-high-school .featured-news-container .button:hover {
	border-color: #ffffff;
	background: #5B698F;
	color: #ffffff;
}

@media screen and (max-width: 1024px) {	
	.blitstein-faculty-background,
	.fasman-faculty-background {
		background-position: top center;
		background-size: auto 300px;
	}
	
	.callout {
		padding-top: 275px;
		width: 100%;
	}
	
	.callout-pull-right {
		margin-left: 0;
	}
	
	.callout h2 {
		font-size: 2em;
	}

	.callout p {
		font-size: 1em;
	}
}

@media screen and (max-width: 800px) {
	.hartman .hero-caption p,
	.fasman-yeshiva-high-school .hero-caption p {
		width: 100%;
	}
}

/* Interior Pages (third level and down) */
.main-navigation-interior {
	height: 3.75rem;
	position: relative;
		top: 0;
}

.flex-interior-page {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.main-sidebar {
	-ms-flex-preferred-size: 30%;
		flex-basis: 30%;
	min-width: 300px;
	padding: 0 50px;
}

.main-content, .faculty .main-content {
	-ms-flex-preferred-size: 70%;
		flex-basis: 70%;
	padding: 0 100px 0 50px;
}

.main-content h2 {
	margin-bottom: 0.25em
}

.main-content a {
  text-decoration: underline;
}

.sidebar-title {
	color: #2D3E56;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: .5rem;
  font-size: 2.5em;
}

.fasman-yeshiva-high-school .sidebar-title a {
	color: #194483;
}

.hartman .sidebar-title a {
	color: #4b0037;
}

.main-sidebar p {
	font-size: 0.875em;
}

.entry-title {
	font-size: 3.25em;
	font-weight: 800;
	line-height: 1.2;
	margin-top: 3.125rem;
}

.sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar-menu li {
	border-top: 1px solid #999999;
}

.sidebar-menu a,
.sidebar-menu a:visited {
	font-size: 1.25em;
  padding: .5rem 0;
  display: block;
  font-weight: 700;
  color: #444;
}

.sidebar-menu li ul li:last-child {
  margin-bottom: 0.625rem;
}

.fasman-yeshiva-high-school .sidebar-menu .currentbranch0 a, .fasman-yeshiva-high-school .sidebar-menu .currentbranch1 a, .fasman-yeshiva-high-school .sidebar-menu .currentbranch2 a {
	color: #194483;
  font-weight: 700;
}

.hartman .sidebar-menu .currentbranch0 a, .hartman .sidebar-menu .currentbranch1 a, .hartman .sidebar-menu .currentbranch2 a {
	color: #4b0037;
  font-weight: 700;
}

.beis-midrash--mens-college .sidebar-menu .currentbranch0 a, .beis-midrash--mens-college .sidebar-menu .currentbranch1 a, .beis-midrash--mens-college .sidebar-menu .currentbranch2 a {
	color: #194483;
  font-weight: 700;
}

.sidebar-menu li > ul, li > ol {
	margin: 0;
	list-style: none;
	padding-left: 0;
	font-size: .85rem;
}


.sidebar-menu li > ul a, li > ol a {
	font-weight: 400;
}

.sidebar-menu li ul li {
  border: none;
}

.widget {
	margin-bottom: 3.125rem;
}

.widget-hide-on-mobile {
	display: block;
}

.sidebar-menu-toggle {
	background: transparent;
	border: 0;
	margin-top: 1.375rem;
	padding: 0;
	text-align: left;
}

h2.sidebar-menu-toggle{
  font-size: 1rem;
}

.hamburger-icon {
	background: #000000;
	display: none;
	height: 2px;
	margin: 14px 10px 0 10px;
	position: relative;
	vertical-align: middle;
	width: 25px;
}

.hamburger-icon:before,
.hamburger-icon:after {
	background: #000000;
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	width: 25px;
}

.hamburger-icon:before {
	top: -6px;
}

.hamburger-icon:after {
	bottom: -6px;
}

.is-active .hamburger-icon {
	background: transparent;
}

.is-active .hamburger-icon:before {
	transform: rotate(45deg);
	top: 0;
}

.is-active .hamburger-icon:after {
	transform: rotate(-45deg);
	bottom: 0;
}

.sidebar-menu-current-page > a,
.sidebar-menu-current-page > a:visited {
	color: #2D3E56;
	font-weight: 600;
}

.sidebar-submenu {
	height: 0;
	list-style: none;
	margin: 0 0 0 2em;
	padding: 0;
	position: absolute;
	visibility: hidden;
}

.sidebar-submenu li {
	border-top: 0;
	padding: 5px 0;
}

.sidebar-submenu a,
.sidebar-submenu a:visited {
	font-size: 1em;
	font-weight: 300;
}

.sidebar-submenu .sidebar-menu-current-page > a,
.sidebar-submenu .sidebar-menu-current-page > a:visited {
	font-weight: bold;
}

.sidebar-menu-has-children {
	position: relative;
}

.sidebar-expand {
	background: transparent;
	border: 0;
	cursor: pointer;
	height: 30px;
	position: absolute;
		top: 12px;
		right: 0;
}

.expand-icon:before,
.expand-icon:after {
	background: #000000;
	content: "";
	display: inline-block;
	height: 2px;
	width: 20px;
}

.expand-icon:before {
	transform: rotate(45deg);
	margin-right: -7px;
}

.expand-icon:after {
	transform: rotate(-45deg);
}

.sidebar-expand:hover .expand-icon:before,
.sidebar-expand:hover .expand-icon:after {
	background: #2D3E56;
}

.is-active > .expand-icon:before {
	transform: rotate(135deg);
}

.is-active > .expand-icon:after {
	transform: rotate(-135deg);
}

.sidebar-menu-has-children.is-active .sidebar-submenu {
	height: auto;
	position: relative;
	visibility: visible;
}

li.sidebar-menu-has-children > a {
	padding-right: 3.125rem;
}

.accordion {
	margin-bottom: 1em;
}

.accordion-content {
	height: 0;
	padding: 0.625rem;
	position: absolute;
	visibility: hidden;
}

.accordion-toggle {
	background: #2D3E56;
	border: 0;
	color: #ffffff;
	display: block;
	font-size: 1.5em;
	font-weight: 500;
	padding: 0.625rem 4.0625rem 0.625rem 0.9375rem;
	position: relative;
	text-align: left;
	width: 100%;
}

.accordion-toggle:hover,
.accordion-toggle:active,

.accordion-toggle.is-active {
	background: #223146;
}


/* https://touro-web.monday.com/boards/1606780316/pulses/9128347802?notification=6227206671
changed 5/12/25 
*/
.accordion-toggle:focus {
  outline: 2px solid blue; 
  outline-offset: 2px;
  /* box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.5); /* Alternative style */
}

.accordion-toggle.is-active + .accordion-content {
	height: auto;
	position: relative;
	visibility: visible;
}

.accordion .expand-icon {
	position: absolute;
		right: 1.25rem;
		top: 1.75rem;
}

.accordion .expand-icon:before,
.accordion .expand-icon:after {
	background: #ffffff;
}




@media screen and (max-width: 1024px) {
	.main-sidebar {
		-ms-flex-preferred-size: 40%;
			flex-basis: 40%;
		min-width: 300px;
		padding: 0 1.5625rem;
	}
	
	.main-content {
		-ms-flex-preferred-size: 60%;
			flex-basis: 60%;
		padding: 0 1.5625rem;
	}
}

@media screen and (max-width: 1024px) {
	.hamburger-icon {
		display: inline-block;
	}
	
	.main-navigation-interior {
		height: 0 !important;
	}
	
	.flex-interior-page {
		display: block;	
	}
  
  .main-sidebar{
  	margin-top: 6.875rem;
  }
  
  .admissions .main-sidebar, .academics .main-sidebar{
  	margin-top: 0;
  }
	
	.main-sidebar,
	.main-content {
		padding: 0;
	}
	
	.widget-hide-on-mobile {
		display: none;
	}
	
	.sidebar-menu-toggle,
	.sidebar-title {
		display: inline-block;
		vertical-align: middle;
	}
	
	.sidebar-title {
		font-size: 1.5em;
	}
	
	.sidebar-menu {
		background: #ffffff;
		padding: 0.625rem 0.625rem 1.875rem 0.625rem;
		position: absolute;
			left: -9999px;
	}
	
	.sidebar-menu.is-active {
		z-index: 99;
      left: 0;
      right: 0;
	}
	
	.widget {
		margin-bottom: 0.625rem;
	}
	
	.main-content {
		border-top: 1px solid #999999;
	}
	
	.accordion-toggle {
		font-size: 1em;
		padding: 0.3125rem 1.875rem 0.3125rem 0.625rem;
	}
	
	.accordion .expand-icon {
		top: 1.0625rem;
	}
	
	.entry-title {
		font-size: 2em;
	}
}

/* faculty lister */

.fe_item {
	display: flex;
	flex: auto;
	width: 48%;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
	-webkit-box-flex: inherit !important;
	-ms-flex-positive: inherit !important;
	flex-grow: inherit !important;
	margin-top: 25px;
	margin-bottom: 25px;
}  

.fe_item .img-circle img {
	max-height: 150px;
  max-width: 150px !important;
}

.fe_item .content {
	padding: 0 0.9375rem;
}

.fe_item h2 {
	margin: 0;
	font-size: 1.5rem;
}

.fe_item .faculty_title {
	margin-bottom: 0;
	margin-top: 0.625rem;
}

.faculty-container {
      display: -ms-grid;
    display: grid;
  
-ms-grid-columns: 1fr 40px 1fr;
    grid-template-columns: 1fr 1fr;
    
    grid-gap: 40px;
  margin: 2.5rem 0;
}

.faculty-container .faculty-member {
  border-bottom: 1px solid #999;
  padding-bottom: 0.625rem;
}


.faculty-container .faculty-member .faculty-name {
  font-size: 1.25em;
  font-weight: 600;
  margin-bottom: 0;
}

.faculty-container .faculty-member .faculty-title {
  font-weight: 400;
}

.faculty-container .faculty-member .accordion {
  margin-bottom: 0;
}

.accordion.faculty-bio .expand-icon:before, .accordion.faculty-bio .expand-icon:after {
    background: #2D3E56;
    height: 2px;
    width: 0.625rem;
}

.accordion.faculty-bio .expand-icon:before {
    margin-right: -4px;
}

.accordion.faculty-bio .accordion-toggle {
    color: #2D3E56;
    font-size: 1.25em;
  padding: 5px 65px 0 0;
  width: auto;
  background: transparent;
}

.accordion.faculty-bio .expand-icon {
    top: 20px;
}

.accordion.faculty-bio .accordion-content {
  padding: 0;
}

.secondary-faculty-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.secondary-faculty {
    margin-bottom: 10px;
}

@media screen and (max-width: 699px) {
.fe_item {
	width: 100%;
}
  
  .faculty-container {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
}

}

/* Template 8 */
.faculty-bio-container {
	margin-top: 50px;
}

.faculty-bio-sidebar {
	padding-right: 40px;
	width: 300px;
}

.faculty-bio-sidebar img {
	margin: 15px 0;
	vertical-align: middle;
	width: 100%;
}

.faculty-bio-sidebar p,
.faculty-bio-info p {
	margin: 0;
}

.faculty-bio-content {
	width: calc(100% - 300px);
}

.faculty-bio-content h2 {
	margin-top: 0;
}

.faculty-bio-content .pill {
	margin-bottom: 15px;
	margin-top: 50px;
}

.feat-faculty {
	margin-top: 30px;
  line-height: 1.5;
  display: flex;
}

.feat-faculty .name {
    font-size: 1.5em;
}

.feat-faculty .title {
    font-style: italic;
}

.feat-faculty th {
	background: #fff;
	color: #000;
	font-size: 1.125rem;
	font-weight: 700;
}

.feat-faculty .colone {
	width: 22%;
	padding: 0;
}

.judaic.hartman .feat-faculty .colone{
  width: auto;
}

.feat-faculty th {
	background: #fff;
	color: #000;
	font-size: 1.125rem;
	font-weight: 700;
}

.feat-faculty .coltwo {
  flex-basis: 0;
    flex-grow: 1;
}

.feat-faculty .chair-text {
  margin-left: 20px;
}

.feat-faculty .chair-text blockquote {
  background: transparent;
  padding: 1em 0 0 0;
}

.feat-faculty .chair-text blockquote q {
  text-align: left;
  font-size: 1rem;
  padding: 20px 15px 0 15px;
}

.feat-faculty .chair-text blockquote q::before {
    margin: -0.5em 0 0 -1rem;
    font-size: 2em;
}

.feat-faculty .chair-text blockquote q::after {
    margin: 0 0 0 0.1em;
    font-size: 2em;
}

@media screen and (max-width: 1023px) {
	.faculty-bio-container.flex-grid {
		display: block;
	}
	
	.faculty-bio-sidebar,
	.faculty-bio-content {
		width: 100%;
	}
	
	.faculty-bio-sidebar img {
		width: auto;
	}
}

@media (max-width: 550px) {
  
  .feat-faculty {
    flex-direction: column;
	}
  
  .feat-faculty .colone {
    width: 100%;
  }
  
  .feat-faculty .chair-text {
    margin-left: 0;
    margin-top: 20px;
}
}



/*--------------------------------------------------------------
11 - Footer
--------------------------------------------------------------*/
.site-footer {
	margin-top: 1px;
}

.footer-navigation {
	background: #444;
	color: #ffffff;
	padding: 0.625rem 0;
	text-align: center;
   /* changed font from .8px to 1rem 6/5/24 to fix footer navigation */
  font-size: 1rem;
}

.footer-navigation .inner {
	position: relative;
}

.footer-navigation a,
.footer-navigation a:active,
.footer-navigation a:focus,
.footer-navigation a:hover,
.footer-navigation a:visited {
	color: #ffffff;
	font-weight: 300;
}

.footer-navigation a:active,
.footer-navigation a:focus,
.footer-navigation a:hover {
	text-decoration: underline;
}

.footer-menu,
.social-icons,
.footer-address {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-address {
  margin: auto;
  max-width: 1100px;
}

.footer-menu.flex-grid {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	/*justify-content: center;*/
}

.footer-menu li {
	border-right: 1px solid #ffffff;
	padding: 0.3125rem 1.25rem;
}

.footer-menu li:last-child {
	border-right: 0;
}

.social-icons {
    /* removed position absolute 6/5/24 */
	
	top: -3px;
	right: 2.5rem;
	align-items: center;
	display: flex;
}

.social-icons li {
	display: inline-block;
	margin-right: 0.625rem;
}

.footer-row-1 {
	width: 800px;
  grid-gap: 20px;
}

.footer-row-1 .col {
	align-self: center;
  text-align: center;
}

.footer-logo-container {
	position: relative;
}

.footer-logo {
	display: none;
	padding-right: 50px;
	width: 800px;
}

.footer-logo-main {
	display: block;
}

.accreditation-logo {
	width: 150px;
}

.footer-row-2 {
	border-bottom: 1px solid #000000;
	margin-bottom: 1.25rem;
	padding: 0 0 1.25rem 0;
}

.footer-address li {
	display: inline-block;
	font-weight: 300;
	margin-right: 1.875rem;
	vertical-align: middle;
}

.footer-address li:last-child {
	margin-right: 0;
}

.footer-address a,
.footer-address a:visited {
	font-weight: 300;
	text-decoration: underline;
}

.footer-row-3 p {
	font-weight: 300;
}

@media screen and (max-width: 1200px) {
	.footer-menu li {
		padding: 0.3125rem 1.25rem;
	}
}

@media screen and (max-width: 1024px) {
	.social-icons {
		margin: 0.625rem auto;
		position: relative;
			top: auto;
			right: auto;
	}
}

@media screen and (max-width: 800px) {	
	.footer-menu li {
		border-right: 0;
	}
	
	.footer-row-1 .col {
		text-align: center;
	}
	
	.footer-logo {
		padding-right: 0;
	}
	
	.accreditation-logo {
		margin: 10px auto;
	}
	
	.footer-address li {
		display: block;
		margin-right: 0;
	}
}

.content h1{
  font-size: 3.25em;
	font-weight: 800;
	line-height: 1.2;
	margin-top: 3.125rem;
}


.form__select {
    position: relative;
    margin-bottom: 2rem;
    width: 100%;
    border: 3px solid #2D3E56;
    border-radius: 10px;
    margin-top: 1rem;
  
}
.form__select select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    opacity: 0;
  }

.form__select__text {
    height: 2.8rem;
    width: 100%;
    margin: 0;
    line-height: 2.2;
    padding: 0 1rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
    font-weight: 700;
    font-size: 1.25rem;
    background-color: #2D3E56;
  
}

/*
.form__select__text--focus {
  border: 1px solid $black;
  outline: 0;
}
*/

.form__select__arrow {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 3.5rem;
  height: 2.8rem;
  padding: 1rem;
  color: #fff;
  pointer-events: none;
}

.dropdown-options {
    list-style: none;
    margin: 0;
    padding: 0;
}

.dropdown-options li {
    font-weight: bold;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #000;
    cursor: pointer;
}

.dropdown-options li:hover {
    text-decoration: underline;
}


html{
  scroll-behavior: smooth;
}

.main-content .button{
  text-decoration: none;
}

.no-sidebar .main-content, .no-sidebar-inner .main-content, .giving .main-content{
  flex-basis: 100%;
}


  

.page-main-htc .inner.flex-grid, .landing.no-sidebar .inner.flex-grid{
  height: 6.25rem;
  align-items: center;
}

.inner.flex-grid{
  align-items: center;
}

.page-main-htc .main-menu, .main-navigation .main-menu{
  margin-top: 0;
}

.main-navigation .main-menu{
  height: auto;
}

.no-sidebar.header-is-stuck .main-menu{
  float:none;
}

.svgstore {
    display: block;
    position: relative;
}

.svgstore svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.svgstore--arrow_down::before {
    padding-bottom: 71.42857%;
    display: block;
    content: '';
}

.filter-col label {
    font-weight: 700;
}

#primary-menu .multilevel-linkul-0 li
{
  	display: none;
    padding-bottom: 1.875rem;
}

@media screen and (min-width: 800px){
.header-is-stuck .main-navigation{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
  
  .header-is-stuck #primary-menu{
    margin-top: 0;
  }
}

.faculty-content{
  padding-left: 1.25rem;
}

.faculty-content p{
  margin: 0;
}






@media screen and (min-width: 1024px){

/* faculty lister images */
.faculty-image img{
  height: 146px;
  width: 146px;
  max-width: 146px;
  
  
}
  
  .faculty .faculty-item{
  	align-items: start;
  }
}
 

.faculty-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
    -webkit-box-flex: inherit !important;
    -ms-flex-positive: inherit !important;
    flex-grow: inherit !important;
    margin-top: 25px;
    margin-bottom: 25px;
}


#list-cols{
  display: flex;
  justify-content: space-evenly;
}


/* center blockquotes */
blockquote{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.flickrAlbum, .flickrAlbum .image__Slider {
    height: 350px;
    padding: 0;
    margin-bottom: 40px;
    overflow: hidden;
    position: relative;
}
.flickrAlbum .image {
    margin-top: 0;

        
}
.flickrAlbum .image .image__container {
    opacity: 0;
    transition: .5s;
}
.flickrAlbum  .flickity-slider .image__container {
    opacity: 100;
    transition: .10s;
}

.flickrAlbum .image .image__container--fixed {
    max-height: 350px;
}
.flickrAlbum .image .image__container--fixed img {
    width: auto;
    max-height: 350px;
    display: block;
    margin: 0;
}
.image__slider .image__container--promo {
    width: 450px;
    margin-right: 20%;
    background-color: #203D7c;
    height: 100%;
}
.image__slider .image__container--promo a {
    padding: 150px 100px 100px 50px;
    font-size: 1.5625rem;
    display: block;
    color: #fff;
    height: 100%;
    text-decoration: none;
}
  @media (min-width: 64em) {
    .flickrAlbum .image .image__container--fixed .image__container--fixed {
      height: 350px; } 
    .flickrAlbum .flickity-viewport {
   
      position: absolute;
      width: 100%;
    

  }
    
  }

/* nav fix 4/13 
  Also changed lines 1144 and 1156 
  width: 80 -> 70% 
  added margin and changed padding */

@media screen and (min-width: 1024px){
.site-branding img{
  width: 100%;
  height: auto;
  padding: 0.9375rem;
}

  .hartman .site-branding img {
    width: 90%;
  }

.header-is-stuck .sticky-logo{
  width: 30%;
  height: auto;
  padding: 0.625rem;

}
  
  
}


/* footer adjustments */
.footer-logo-container img{
  padding: 1.25rem;
}

.hartman .footer-logo-container img{
  padding: 1.25rem 3.125rem;
}

@media screen and (max-width: 1024px){
  .footer-navigation .social-icons{
    justify-content: center;
  }
}


/* body links underline */
.inner p a{
  text-decoration: underline;
}

/* homepage responsive header */
@media screen and (max-width: 1024px){
.page-main-htc .inner.flex-grid, .landing.no-sidebar .inner.flex-grid{
  height: auto;
}
  .page-main-htc .site-branding, .landing.no-sidebar .site-branding {
    padding: 15px;
    width: 70%;
}
}

/* YH Camp Nav */

/*
@media screen and (min-width: 800px){
  .yeshivas-hakayitz.header-is-stuck #site-navigation{
  	justify-content: center;
  }
  
}

*/
@media screen and (min-width: 1024px){
.yeshivas-hakayitz .site-branding img{
  /*width: 50%;*/
  width: 430px;
}
  
  /*
  .yeshivas.hakayitz .site-header{
    height: 140px;
  }
  
  .yeshivas.hakayitz .inner.flex-grid{
  	height: 100px;
  }*/
}

.yeshivas-hakayitz .inner.flex-grid{
  display: block;
  text-align: center;
}

.yeshivas-hakayitz .site-branding{
  width: 100%;
}

@media screen and (max-width: 1024px){
  .yeshivas-hakayitz .site-branding{
  	width: 70%;
	}
  
 
}

@media screen and (max-width: 600px){
  .site-header .nav-wrapper .inner.flex-grid, .yeshivas-hakayitz .site-header .inner.flex-grid, .site-header.site-header-htc-main .inner.flex-grid{
    display: flex;
  }
  
  
  
  
  
  
}

/* mobile utility nav */
@media screen and (max-width: 1024px){
.utility-top-nav{
  background-color: #2D3E56;
  padding-left: 0;
  margin: 0;
  padding-bottom: 15px;
}
  
.fasman-yeshiva-high-school .utility-top-nav{
  background-color: #194483;

}
  
.yeshivas-hakayitz .utility-top-nav{
  background-color: #445F4F;
}
  
.hartman .utility-top-nav{
  background-color: #4b0037;
}
  

  
  .utility-top-nav .utility-nav-mobile-item a{
    color:#fff !important;
  }
}

@media screen and (min-width: 1024px){
	.utility-top-nav{
      padding: 0;
      margin: 0;
}

/* active link color in main nav */
.beis-midrash--mens-college .main-menu-item .active-link, .beis-midrash--mens-college .currentbranch0 a{
  color: #194483;

}

.hartman .active-link[aria-selected="true"], .hartman a.active-link, .hartman .currentbranch0 a{
  color: #4b0037;

}


.fasman-yeshiva-high-school .main-menu-item .active-link[aria-selected="true"], .fasman-yeshiva-high-school a.active-link, .fasman-yeshiva-high-school .currentbranch0 a{
  color: #194483;

}

.htc .main-menu-item .active-link, .htc a.active-link, .services .main-menu-item .active-link, .services a.active-link, .giving .active-link, 
  .giving a.active-link, .leadership .active-link, .leadership a.active-link, .history .active-link, .history a.active-link{
  color: #194483;

}
}


/* program bar color */
.fasman-yeshiva-high-school .utility-nav-container{
  background-color: #194483;
}

.yeshivas-hakayitz .utility-nav-container{
  background-color: #445F4F;
}


/*homepage promo block*/

.promo-block .button {
  color: #2D3E56;
  background: #fff;
  border: none;
}

.promo-block .button:hover {
  background: #dce3e7;
}


/* center mobile sticky nav logo on school pages/inner */

  
/* nav link spacing on mens */
@media screen and (min-width: 1024px) and (max-width: 1213px){
  .beis-midrash--mens-college .main-menu li.main-menu-item{
  	width: 150px;
  }
}

/*fixed mobile header */
@media screen and (max-width: 1023px){
	.site-header{
    background: #ffffff;

    opacity: 1;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
}

}

@media (width: 1023px){
	.faculty .site-header{
    background: #ffffff;

    opacity: 1;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1000;
}

}


@media screen and (min-width: 600px) and (max-width: 1023px){
   
  
  
  
  .faculty main{
  	margin-top:90px;
  }
}


@media screen and (max-width: 600px){
  
	.site-header .inner.flex-grid{
    height: 90px;
    display: block;
      position: static;
   
}
  
   .site-header .main-navigation{
     position: static;
   }

}

/* main section mobile margin */
@media screen and (max-width: 1023px){
  main.site-main{
    margin-top: 110px;
  }
  
  .site-header{
    height: 90px;
  }
}


/*
@media screen and (min-width: 600px) and (max-width: 705px){
   .hero-container{
    margin-top: 65px;
  }*/
}

/* homepage nav banner overlay */

@media screen and (min-width: 1024px){
.page-main-htc .inner.flex-grid, 
  .htc-school-landing.fasman .inner.flex-grid, 
  .htc-school-landing.blitstein .inner.flex-grid,
  .htc-school-landing.beis:not(.page-school) .inner.flex-grid{
    position: absolute;
    top: 0;
    z-index: 100;
    background-color: white;
    width: 100%;
    
}
  
  .page-main-htc.header-is-stuck .inner.flex-grid, 
  .htc-school-landing.fasman.header-is-stuck .inner.flex-grid, 
  .htc-school-landing.blitstein.header-is-stuck .inner.flex-grid,
  .htc-school-landing.mens.header-is-stuck .inner.flex-grid{
    position: static;
    top: 0;
    background-color: transparent;
  
  }


}

/* nav logo to pixels */

@media (width: 1024px){
	.faculty .inner.flex-grid{
      display: grid;
    }
  
  .faculty .utility-nav-container{
    display: block;
  }
  
  .faculty .site-branding{
    padding: 0;
  }
  
  .faculty .menu-toggle{
    display: none;
  }
  
  /*.faculty .site-branding{
    width: 45%;
  }*/

}
@media screen and (min-width: 1024px){
  .nav-wrapper{
  	position: absolute;
    top: 3.75rem;
    z-index: 1000;
    background-color: #fff;
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: .85;
  }
  
  /* fix for about & community services pages */
  /*
  .about .nav-wrapper, .services .nav-wrapper{
  	top: 0;
    opacity: 1;
    
  }*/
  
  /* ultility nav on about & community services */
  .about .nav-wrapper, .services .nav-wrapper, .no-sidebar-inner .nav-wrapper{
  	top: 0;
    opacity: 1;
    position: relative;
    
  }
  
  .header-is-stuck .nav-wrapper{
  	top: 0;
    height: 0;
  }
  
  
  	#navigation{
      width: 100%;
    }
  
	.inner.flex-grid{
      max-width: 100%;
      height: 100px;
      display: grid;
      grid-template-rows: 1fr;
    }
  
  .header-is-stuck .inner.flex-grid{
  	height: auto;
  }
  
  .site-branding{
    width: 100%;
  }
  
  .site-branding img{
    padding: 0;
    padding-left: 15px;
  }
  
  .inner.flex-grid .site-branding{
    max-width: none;
  }
  

}

@media screen and (min-width: 1024px){
	.inner.flex-grid {
      grid-template-columns: 450px 1fr;
    }
  
  .header-is-stuck #site-navigation .sticky-logo {
  	width: 370px;
  }
  
  .hartman.header-is-stuck #site-navigation .sticky-logo {
      width: 320px;
  }

}


/* Giving section */
@media screen and (min-width: 1024px){
	.giving .main-content, .pledge .main-content, .donation .main-content{
      margin-top: 6.25rem;
    }
  
   .giving.services .nav-wrapper{
     top: 3.75rem;
   }

}

@media screen and (max-width: 1024px){
	.giving .content, .pledge .content, .donation .content{
      margin-top: 90px;
    }
  

}

/* academics sidebar buttons */
#sidebar-buttons{
	display: flex;
  	flex-direction: column;
  	gap: 10px;
}

@media screen and (max-width: 1024px){
  #sidebar-buttons .button{
	width: 50%;  
  }
  
  #sidebar-buttons {
    flex-direction: row;
}

}



/* 404 */


.error.page .site-main {
  position: relative;
}

.error.page .site-main .overlay {
  opacity: .75;
}

.error.page .site-main .text {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 90%;
    position: absolute;
    z-index: 2;
    color: #fff;
}

.error.page .site-main .text h1 {
      font-size: 4rem;
    color: #fff;
}

.error.page .site-main .text p {
font-size: 1.25rem;
}

/* table styles */
.table {
  margin-bottom: 2rem; }
  .table table {
    border-collapse: collapse;
    margin-right: -0.125rem;
    margin-left: -0.125rem;
    width: calc(100% + 0.25rem);
    table-layout: fixed; }
  .table tr:nth-of-type(even) {
    background: #f2f2f2; }
  .table th,
  .table td {
    padding: 1rem;
    text-align: left;
    vertical-align: top; }
  .table th {
    background: #203D7c;
    color: white;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: bold;
    font-size: 0.8125rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.table__shadow {
  position: relative; }
  @media (max-width: 48em) {
    .table__shadow::before {
      position: absolute;
      top: 0;
      right: 0;
      width: 0.375rem;
      height: 100%;
      background-image: -webkit-linear-gradient(left, transparent, rgba(110, 110, 110, 0.5));
      background-image: linear-gradient(to right, transparent, rgba(110, 110, 110, 0.5));
      content: '';
      pointer-events: none; } }

@media (max-width: 48em) {
  .table__scroll {
    overflow: auto; }
    .table__scroll table {
      min-width: 64rem; } }



/* faculty titles */
.faculty_titles {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.faculty_title {
    font-style: italic;
    margin-bottom: 5px;
    font-size: 1rem;
    line-height: 1.5;
}


/* faculty detail icons */
.fa-ul {
    list-style-type: none;
    margin-left: 2.5em;
    padding-left: 0;
    font-size: 1rem;
  margin-top: 20px;
  
}

.faculty-bio-sidebar li{
	margin-bottom: 1.7rem;
  	position: relative;
}

.faculty-bio-sidebar .fa-li {
    color: #2D4FBF;
    font-size: 1.375rem;
}

.fa-li {
    left: -2em;
    position: absolute;
    text-align: center;
    width: 2em;
    line-height: inherit;
}

/* faculty titles */
.faculty .faculty_titles .htc{
	-webkit-box-ordinal-group: 2;
  order: 1;
}

.hartman .faculty_titles .blitstein_institute_for_women{
	order: -1;
}

.hartman .faculty_titles .administrative:nth-of-type(1){
	order: -2;
}

/* footer line */
footer{
  border-top: 10px solid #2D3E56;
}

.beis-midrash--mens-college footer{
	border-top: 10px solid #2D3E56;
}

.hartman footer{
	border-top: 10px solid #4b0037;
}

.fasman-yeshiva-high-school footer{
	border-top: 10px solid #194483;
}




/* fyhs administration sidebar fix */
.administration.fasman-yeshiva-high-school .main-sidebar{
  display: none;
}

.administration.fasman-yeshiva-high-school .main-content{
  flex-basis: 100%;
}

/* News */
.module_container{
	padding: 50px 10%;
    margin: auto;

}

.four-col {
  display: -ms-grid;
  display: grid;
  grid-gap: 20px;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.story_block.shadow {
    box-shadow: 2px 2px 5px 2px #e1e1e1;
}


.story_block {
    display: flex;
    flex-direction: column;
    background: #fff;
	}
.story_block .img{

    	width: 100%;
    	padding-bottom: 67.02%;
    	position: relative;
    	height: 208px;
}


.story_block .story_info {
		display: flex;
		flex-direction: column;
		height: 100%;
		padding: 20px;
	}

.story_block .small-title {
    font-size: 1.25rem;
}

.story_block a {
    color: #203D7c;
}

.story_block .body {
    -webkit-box-flex: 100;
    -ms-flex-positive: 100;
    flex-grow: 100;
    margin-bottom: 20px;
    font-size: 1rem;
}

@media screen and (min-width: 320px)
.basic-article h1 {
    font-size: calc(2.6rem + 0.8 * (100vw - 320px) / 1120);
}


.stories .subtitle {
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    color: #203D7c;
    text-transform: none;
}

.stories .date{
  font-size: 1.125rem;
    font-weight: 700;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
    text-transform: uppercase;
    padding-top: 40px;
}

.stories .main_body{
   font-size: 1.25rem;
}

.news-main-image {
    float: right;
    width: 452px;
    margin: 0 0 20px 30px;
}

.news-main-image .image {
    margin: 0;
  	max-width: 100%;
}

.stories .image-description {
    margin-top: .8rem;
    font-family: "brandon-grotesque", sans-serif;
    font-size: 1.25rem;
    font-weight: 400;
    color: #2D4FBF;
}

.story_block .x-small-text {
    padding-top: 10px;
    border-top: 5px solid #7E2528;
    margin-bottom: 0;
    font-weight: 700;
    font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-size: 0.8125rem;
}

  @media (max-width: 1023px) {
    .four-col{
    -ms-grid-columns: 1fr 20px 1fr;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

  @media (max-width:599px) {
    .four-col{
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    }
  }

  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ */
    .four-col{
    display: inline-block;
    float: left;
    }
  }






/* camp redesign */
.hakayitz .button,
.yeshivas-hakayitz .button {
	border-color: #445F4F;
	background: #445F4F;
}


.hakayitz .button:visited, 
.yeshivas-hakayitz .button:visited{
	border-color: #445F4F;
	background: #fff;
    color: #445F4F;
}

.hakayitz .button:hover, .yeshivas-hakayitz .button:hover, .hakayitz .button:active, .yeshivas-hakayitz .button:active, .hakayitz .button:focus, .yeshivas-hakayitz .button:focus {
    border-color: #25392d;
    background: #fff;
    color: #25392d;
}

.yeshivas-hakayitz .cta-block-container{
  text-align: center;
}


.hakayitz .utility-nav-container, .yeshivas-hakayitz  .utility-nav-container{
    background:  #445F4F;
}


@media (min-width: 1024px){
.yeshivas-hakayitz .inner.flex-grid{
  display: grid;
}
}

.htc-school-landing.hakayitz .hero-caption {
    background: #445F4F;
}

.hakayitz footer {
    border-top: 10px solid #445F4F;
}


@media (min-width: 800px) {
.htc-school-landing.hakayitz .hero-caption p, .htc-school-landing.hakayitz .hero-caption h1 {
    font-size: 1.5em;
    width: 320px;
}
}

/* Begin Search Styles */
.search .site-main {
    margin-top: 5rem;
} 

.search article.main-content {
    padding: 0 100px;  
} 



.search__form {
    background-color: #fff;
    padding: 2rem 5%;
}
.search__input__container {
    position: relative;
}
.search_label {
    font-weight: bold;
    color: #444;
}
.global_search_form input {
    width: 100%;
    height: 55px;
    border: 2px solid #444;
    border-radius: 3px;
    padding-left: 20px;
    font-size: 1.25rem;
    margin-top: 10px;
}
.global_search_form input:focus {
    border: 2px solid #194483;
    outline: none;
}
.search__drawer .search__button {
    margin-top: 28px;
    position: absolute;
    right: 1rem;
    top: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    color: #2D3E56;
    width: 1.5rem;
    border: none;
    padding: 0;
}

.search__drawer .search__button:hover, button.header__menu__search:hover {
    cursor: pointer;
}

.search__bottom {
    padding: 2rem 5%;
}



.container--blue {
    background-color: #fff;
}
.search__heading {
    font-size: 1.125rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.search__list {
    padding-left: 0;
    margin: 2rem 0 0;
    list-style: none;
}

.search__item {
    margin-bottom: 0;
    border-bottom: 1px solid #2D4FBF;
}

.search__link {
    display: inline-block;
    padding: 0.75rem 0;
    border: none;
    color: #fff;
    text-align: left;
    background-color: transparent;
    font-size: 0.8125rem;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 0.33px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.header__small__icon--search {
    display: none; 
}
@media (max-width: 1023px) {

button[class^="header__small__icon--"] {
  display: block;
  width: 1.5rem;
  padding: 0;

  appearance: none;
  border: 0;
  background-color: transparent;
}

button.header__small__icon--search {
    height: 50px;
    width: 50px; 
    text-align: center;
}
  
.header__small__icon--search .fa-search {
    display: inline-block;
    visibility: visible;  
    width: 25px;
    height: 25px;
}
  
.search-active .header__small__icon--search .fa-search {
    display: none;
    visibility: hidden;
}

.header__small__icon--search .fa-times {
    display: none;
    visibility: hidden;
    width: 25px;
    height: 25px;
}
  
.search-active .header__small__icon--search .fa-times {
    display: inline-block;
    visibility: visible;
}


}
/* End Search Styles */

/* Start Moved styles here */
.drawer {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1002;
  visibility: hidden;
  -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: visibility 300ms ease, -webkit-transform 300ms ease;
  transition: visibility 300ms ease, -webkit-transform 300ms ease;
  transition: visibility 300ms ease, transform 300ms ease;
  transition: visibility 300ms ease, transform 300ms ease, -webkit-transform 300ms ease;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden; }
  .drawer--active .drawer {
    visibility: visible;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0); }
  @media (min-width: 32em) {
    .drawer {
      width: 75vw;
      box-shadow: 0 2px 34px 0 rgba(0, 0, 0, 0.5); } }
  @media (min-width: 48em) {
    .drawer {
      width: 50vw; } }
  @media (min-width: 64em) {
    .drawer {
      width: 33vw; } }
  @media (min-width: 80em) {
    .drawer {
      width: 25vw; } }

.drawer--overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1001; }

.drawer__overflow {
  overflow-y: auto;
  height: 100vh; }

.drawer__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #2D3E56;  
  font-weight: bold;
  text-transform: none;
  color: #fff;
  font-size: 0.875rem;
  letter-spacing: 0.9px;
  padding: 0.25rem 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.drawer__close {
  width: 2rem;
  color: #fff;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  padding: 0.5rem;
  margin-left: auto;
  margin-right: 0; }

.drawer--active {
  overflow: hidden; }

.search__drawer {
  position: absolute;
  left: -999rem;
  visibility: hidden; }

  .search__drawer .search__input__container .search__button {
    margin-top: 37px; }

  .drawer-search-active .search__drawer {
    position: static;
    left: auto;
    visibility: visible; }

    .search__drawer .search__button {
  margin-top: 28px; }

.header__menu__search {
    position: relative;
    display: block;
    visibility: visible;
    width: 2.25rem;
    color: #444;
    background-color: transparent;
    padding: 0.5rem;
    border: 0;
    margin-right: 10px;
}
/* End move styles here */



/* start Mobile Navigation Changes */
@media (max-width: 1023px) {
    #navigation.flex-grid {
        display: flex;  
    }
  
    #site-navigation {
        width: 50px;  
    } 
  
    .site-branding {
        width: calc(100vw - 120px);  
        text-align: center;
    }
  
    .site-branding img {
        max-height: 70px;  
    }
  
    .main-menu-search {
        display: none;  
    }
  
    .menu-overlay {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 90px;
        left: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 499;
    }
} 
/* End Mobile Navigation Changes */


/* Women's academics responsive issue */
@media screen and (max-width: 768px){
.accordion-content table{
  display: block;
  overflow-x: auto;
  max-width: 97vw;
}
  
  .accordion-content tbody{
	display: block;
}
  
  .accordion{
    position: relative;
  }
}



/* beis medrash kollel */

#members-container{
  display: flex;
  flex-wrap: wrap;
}

.member{
  display: flex;
  margin: 50px 0;
  align-items: center;
  width: 50%;
}

.member p{
  order: 2;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 700;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;

}

.member span{
  width: 150px;
  border-radius: 50%;
  margin: 0 30px 10px 0;
  overflow: hidden; 
}

@media screen and (max-width: 768px){
  .member{
    flex-direction: column;
  }
  
  #members-container{
  flex-direction: column;
  align-items: center;
}
}

.feature_video .accordion-group {
	margin: 0;  
}
.accordion__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
    background-color: #f2f2f2;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;

}
.accordion__text:hover {
    box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1); }
.featured_video .accordion-group .accordion__text {
    background: transparent;
}

.accordion__toggle {
  display: block;
  width: 2.5rem;
  padding: 0.5rem;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #194483;
  background: transparent;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
  margin-left: auto;
  margin-right: 0;
  font-size: 1.25rem; }
  .accordion__toggle:hover, .accordion__toggle:focus {
    text-decoration: underline; }
  .accordion__toggle .fa-angle-up {
    display: none; }
    .accordion--active .accordion__toggle .fa-angle-up {
      display: inline-block; }
  .accordion__toggle .fa-angle-down {
    display: inline-block; }
    .accordion--active .accordion__toggle .fa-angle-down {
      display: none; }
  .accordion--faculty .accordion__toggle {
    margin-right: auto; }
    @media (min-width: 48em) {
      .accordion--faculty .accordion__toggle {
        margin-right: 0;
        -ms-flex-item-align: end;
            align-self: flex-end; } }
  .accordion--table .accordion__toggle {
    color: #fff; }
    @media (min-width: 48em) {
      .accordion--table .accordion__toggle {
        position: absolute;
        left: -999rem;
        visibility: hidden; } }

.featured_video .accordion-group {
    margin: 0; }
    .featured_video .accordion-group .accordion__text {
      background-color: transparent; }
      .featured_video .accordion-group .accordion__text:hover {
        box-shadow: none; }
    .featured_video .accordion-group .accordion__toggle {
      width: auto; }
      .featured_video .accordion-group .accordion__toggle .label {        
        font-weight: 400;
        font-size: 0.9375rem;
        padding-right: 10px; }
        .featured_video .accordion-group .accordion__toggle .label:hover, .featured_video .accordion-group .accordion__toggle .label:focus {
          text-decoration: underline; }
      .featured_video .accordion-group .accordion__toggle .hide-transcript {
        display: none; }
    .featured_video .accordion-group .accordion__content {
      background-color: #f2f2f2;
      padding: 20px;
      text-align: left;
      margin: 1rem 0; }
  .featured_video .accordion--active .accordion__toggle .hide-transcript {
    display: inline-block; }
  .featured_video .accordion--active .accordion__toggle .show-transcript {
    display: none; }

.accordion__content {
  position: absolute;
  left: -999rem;
  visibility: hidden;
  margin: 1rem; }
  .accordion--active .accordion__content {
    position: static;
    left: auto;
    visibility: visible; }



/*t4 custom format button styling to match button class */

.main-content span.button a,
.main-content span.button:visited {
  
	border: 2px solid #2D3E56;
	background: #2D3E56;
	color: #ffffff;
	display: inline-block;
	
	padding: 5px 30px;
	text-align: center;
}

.main-content span.button a{
  text-decoration: none;
}

.main-content span.button:active,
.main-content span.button:focus,
.main-content span.button:hover {
	background: #ffffff;
	color: #2D3E56;
    cursor: pointer;
}


.main-content span.button:active a,
.main-content span.button:focus a,
.main-content span.button:hover a{
	background: #ffffff;
	color: #2D3E56;
    cursor: pointer;
  	border:2px solid white;
}


@media screen and (max-width: 1024px){
.main-content span.button, .main-content span.button:visited, {
    font-size: 1em;
}
  
  
}


@media screen and (max-width: 768px){
.utility-top-nav{
  height: 100vh;
}
  
  .main-navigation #primary-menu{
    height: 90vh;
  }
  
  .utility-top-nav .utility-nav-mobile-item:first-child a{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  
  .utility-top-nav .utility-nav-mobile-item:first-child a svg{
    width: 8px;
    height: 12.8px;
  }
  
  
  
  
}

/* added 6/5/24 to fix footer navigation */
.footer-navigation .inner{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}



.accreditation{
  display: flex;
}

.accreditation img{
  width: 150px;
}


.screen-reader-only {
    position: absolute;
    width: 1px;
    height: 1px;
    clip: rect(0 0 0 0);
    overflow: hidden;
    white-space: nowrap;
    left: -10000px;
    top: auto;
}



.desktop-title{
  margin-top: 22px;
}

.mobile-menu-toggle{
  display: none;
}


@media (max-width: 1023px){
  .mobile-menu-toggle{
    display: flex;
    align-items: center;
    font-size: 1.5em;
  }
  
  .desktop-title{
    display: none;
  }
  
  .mobile-title {
    color: #194483;
        font-weight: 800;
    line-height: 1.2;
    margin-bottom: 8px;
    
}
  
  .hartman .mobile-title {
    color: #4b0037;
  }
}




/* https://touro-web.monday.com/boards/1606780316/pulses/9128046103?notification=6227206671
added 5/12/25
*/
.accreditation-iframe:focus {
  outline: 3px solid blue; 
  outline-offset: 2px; 


}


.accreditation-iframe {
    transition: outline 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
    /* Define base outline/box-shadow if needed for transition */
    outline: 3px solid transparent; /* Start transparent for smooth transition */
    box-shadow: 0 0 0 3px transparent; /* Start transparent for smooth transition */
}




/* https://touro-web.monday.com/boards/1606780316/pulses/9130041033?notification=6227206671
   added 5/12/25
*/

.skip a {
    position: absolute;
    left: -10000rem;
    top: -2rem;
    width: 0.1rem;
    height: 0.1rem;
    overflow: hidden;
    z-index: 100;
    color: #fff;
    outline: 0;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    border-bottom-right-radius: 0.3rem;
    -webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
}




.skip a:focus {
    left: 0px;
    top: 0px;
    width: auto;
    height: auto;
    color: rgb(255, 255, 255);
    background: #2D3E56;
    transition: top 0.1s ease-in;
}



/* changed 5/13/25 */
/*
.accordion-text{
      background: #2D3E56;
    border: 0;
    color: #ffffff;
 
    font-weight: 500;
    padding: 10px 65px 10px 15px;
    position: relative;
    text-align: left;
    width: 100%;
      display: flex;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s ease-in-out 0s;
}
}


.accordion h3{
 
    
  color: #ffffff;
  margin: 0;
}


.accordion-toggle{
      display: block;
    width: auto;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    color: #103CCC;
    background: transparent;
    transition: transform 300ms ease;
    margin-left: auto;
    margin-right: 0;
    font-size: 1.25rem;
}
  
.accordion .expand-icon {
    top: 0;
}
*/



/* added 5/16/25 */
.error-message{
  color: #8a0202;

}

/* https://touro-web.monday.com/boards/1606780316/pulses/9205682394?notification=6279527691
added 5/22/25 */
 .yeshivas-hakayitz .currentbranch0 a{
  color: #445F4F;
   text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}


@media (max-width: 1024px){
.hero-container{
  margin-top: 90px;
}
  
  main.site-main{
    margin-top: 0;
  }
  
  
  .faculty.fasman-yeshiva-high-school .site-main{
    margin-top:90px;
  }
  
  h1{
    font-size: 2.5em;
  }
}

@media (min-width: 64em){
 .hartman .hero-caption{
   width: 400px;
 }

}


.footer-address h3, .footer-row-2 h3{
  font-size: 1em;
  margin: 0;
}

.footer-address p{
  margin-top: 0;
}


/* https://touro-web.monday.com/boards/10012201300/pulses/18150352783?notification=7046709490 
https://touro-web.monday.com/boards/10012201300/pulses/18200828757
*/
@media (max-width: 768px) {
.main-menu:not(.is-active),.sidebar-menu:not(.is-active) {
  display: none;
}
}

/* https://touro-web.monday.com/boards/10012201300/pulses/18201675663 */
.multiline-heading span {
  display: block;
}