/*!
Theme Name: Putney
Theme URI: www.putneyschool.org
Author: Guillaume Sparrow-Pepin
Description: Custom theme developed for Òùµ´ÉÙ¸¾.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: putney
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Putney is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------

Colors:
Dark Green: 467158;
Light Green: 71945A;
Dark Grey: 656565;
Light Grey: 95989A;
Blue: 568798;

---------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */
	 @font-face {
    font-family: 'Minion Pro';
    src: url('/wp-content/themes/putney//wp-content/themes/putney/lib/fonts/MinionPro-Medium.woff2') format('woff2'),
        url('/wp-content/themes/putney/lib/fonts/MinionPro-Medium.woff') format('woff'),
        url('/wp-content/themes/putney/lib/fonts/MinionPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Indie Flower';
    src: url('/wp-content/themes/putney//wp-content/themes/putney/lib/fonts/IndieFlower.woff2') format('woff2'),
        url('/wp-content/themes/putney/lib/fonts/IndieFlower.woff') format('woff'),
        url('/wp-content/themes/putney/lib/fonts/IndieFlower.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Whitney';
    src: url('/wp-content/themes/putney//wp-content/themes/putney/lib/fonts/Whitney-Medium.woff2') format('woff2'),
        url('/wp-content/themes/putney/lib/fonts/Whitney-Medium.woff') format('woff'),
        url('/wp-content/themes/putney/lib/fonts/Whitney-Medium.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'General Sans';
    src: url('/wp-content/themes/putney//wp-content/themes/putney/lib/fonts/GeneralSans-Regular.woff2') format('woff2'),
        url('/wp-content/themes/putney/lib/fonts/GeneralSans-Regular.woff') format('woff'),
        url('/wp-content/themes/putney/lib/fonts/GeneralSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'General Sans';
    src: url('/wp-content/themes/putney//wp-content/themes/putney/lib/fonts/GeneralSans-Semibold.woff2') format('woff2'),
        url('/wp-content/themes/putney/lib/fonts/GeneralSans-Semibold.woff') format('woff'),
        url('/wp-content/themes/putney/lib/fonts/GeneralSans-Semibold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'Zodiak';
    src: url('/wp-content/themes/putney//wp-content/themes/putney/lib/fonts/Zodiak-Regular.woff2') format('woff2'),
        url('/wp-content/themes/putney/lib/fonts/Zodiak-Regular.woff') format('woff'),
        url('/wp-content/themes/putney/lib/fonts/Zodiak-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Zodiak';
    src: url('/wp-content/themes/putney//wp-content/themes/putney/lib/fonts/Zodiak-Bold.woff2') format('woff2'),
        url('/wp-content/themes/putney/lib/fonts/Zodiak-Bold.woff') format('woff'),
        url('/wp-content/themes/putney/lib/fonts/Zodiak-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Seans Other Hand';
    src: url('/wp-content/themes/putney//wp-content/themes/putney/lib/fonts/SeansOtherHand.woff2') format('woff2'),
        url('/wp-content/themes/putney/lib/fonts/SeansOtherHand.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}


/**
 * 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;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 60px;
	line-height: 1em;
	margin: 0.3em 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.
 */

/* table ul {
 	margin-bottom: 0;
 }

  table td {
 	padding: 0;
 }*/

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;
	background: #467158;
    color: #fff;
    padding: 10px 20px;
    border-radius: 6px;
}

button:hover,
[type="button"]:hover,
[type="reset"]:hover,
[type="submit"]:hover {
	cursor: pointer;
}

/**
 * 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;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #000;
	font-size: 16px;
	line-height: 27px;
}

h1, .h1 {
	clear: both;
	font-size: 60px;
	line-height: 1.2;
	color: #1A3A22;
	font-weight: 400;
	font-family: "Zodiak";
}

@media screen and (max-width: 400px) {
  h1, .h1 {
    font-size: 48px;
  }
}

h2, .h2 {
	font-size: 44px;
	line-height: 1.1;
	font-weight: 600;
	margin: 0.3em 0;
	color: #1A3A22;
	font-family: "Zodiak";
}

@media screen and (max-width: 400px) {
  h2, .h2 {
    font-size: 34px;
  }
}

h3, .h3{
	font-size: 30px;
	line-height: 45px;
	margin: 0.3em 0;
	font-weight: 500;
	color: #1A3A22;
	font-family: 'General Sans';
}

h4, .h4 {
	font-size: 24px;
	line-height: 33.6px;
	margin: 0.3em 0;
	font-weight: 600;
	color: #1A3A22;
	font-family: 'Zodiak';
}

h5, .h5 {
	font-size: 20px;
	line-height: 30px;
	margin: 0.3em 0;
	font-weight: 500;
	color: #1A3A22;
	font-family: 'General Sans';
}

h6, .h6 {
	font-size: 18px;
	line-height: 23.4px;
	margin: 0.3em 0;
	font-weight: 600;
	color: #1A3A22;
	font-family: 'Zodiak';
}


h2, h3, h4, h5, h6 {
	clear: both;

}

p {
	font-size: 16px;
	line-height: 27.2px;
	margin-bottom: 1.5em;
	font-weight: 400;
	color: #000;
	font-family: 'General Sans';
}

li {
	font-size: 16px;
	line-height: 27.2px;
	font-weight: 400;
	color: #000;
	font-family: 'General Sans';
}

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

blockquote {
	background: #72483B;
	border-left: 10px solid #AC8F7F;
	color: #fff;
	font-family: "Zodiak";
	margin: 1.5em 10px;
	font-size: 1.3em;
	line-height: 1.6em;
	padding: 1em 10px;
	clear: both;
	quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
	color: #AC8F7F;
	font-family: "Zodiak";
	content: open-quote;
	font-size: 98px;
	line-height: 10px;
	font-weight: 540;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}

blockquote:after {
	content: no-close-quote;
}

blockquote p {
	display: inline;
	font-size: 24px;
	line-height: 33.6px;
	font-weight: 540;
	color: #fff;
	font-family: "Zodiak";
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	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: 15px;
	font-size: 0.9375rem;
}

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

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

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# 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: #f6f5f2;
	background-image: url('/wp-content/themes/putney/lib/img/paperTile.jpg');
	background-size: 100%;
	font-family: "General Sans";
	font-weight: 400;
	/* Fallback for when there is no custom background color defined. */
}

body.page-id-717 {
	background-image: none;
	background-color: white;
}

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

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

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%;
}
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
header.site-header {
	background: rgba(255,255,255,0.95);
	position: fixed;
	width: 100%;
/*	border-bottom: 2px solid #467158;*/
	padding: 0 5% 10px;
	z-index: 10000;
}

html.showMenu header.site-header, html.showMenu body.page-template-homepage-template header.site-header {
	background: rgba(255,255,255,0.95);
	height: 100%;
	overflow: scroll;
}

html.showMenu body{
	overflow: hidden;
}

header.site-header .headerContainer {
	max-width: 1600px;
	margin: 0 auto;
}
header.site-header .headerContainer:after {
	content: "";
	clear: both;
	display: block;
}

header.site-header .site-branding {
	float: left;
}

header.site-header .site-branding img{
	height: 80px;
	padding: 5px 0;
}

/* Search Form*/


.showMenu .searchFormContainer {
	display: block;

}

.searchFormContainer.showSearch .searchIcon {
	color: #fff;
}

.searchFormContainer input.searchField {
	display: none;
	border: none;
	color: #30755C;
	border-bottom: 1px solid white;
	background-color: inherit;
	width: 200px;
}

.searchFormContainer button.searchButton {
	display: none;
}

.searchFormContainer .closeIconContainer {
/*	display: none;*/
}

.searchFormContainer .closeIcon {
	color: white;
	font-size: 28px;
}

.searchIconContainer {
	cursor: pointer;
}

.searchFormContainer .searchIcon {
	background: none;
	border: none;
	color: #30755C;
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

/*404 Search Form*/
.searchForm404Container input.searchField {
	border: none;
	color: #467158;
	border-bottom: 1px solid #467158;
	background-color: inherit;
	width: 80%;
	font-size: 34px;
	padding-left: 10px;
}

.searchForm404Container .searchIconContainer {
	display: none;
}

.searchForm404Container .searchIcon {
	background: none;
	border: none;
	font-size: 34px;
	color: #467158;
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
.searchForm404Container .searchButton404 {
	float: left;
	width: 10%;
}
.searchForm404Container .searchButton404:hover {
	cursor: pointer;
}

/*Not Found Search*/
.searchFormNotFoundContainer input.searchField {
	border: none;
	color: #467158;
	border-bottom: 1px solid #467158;
	background-color: inherit;
	width: 80%;
	font-size: 34px;
	padding-left: 10px;
}

.searchFormNotFoundContainer .searchIconContainer {
	display: none;
}

.searchFormNotFoundContainer .searchIcon {
	background: none;
	border: none;
	font-size: 34px;
	color: #467158;
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}
.searchFormNotFoundContainer .searchButton404 {
	float: left;
	width: 10%;
}
.searchFormNotFoundContainer .searchButton404:hover {
	cursor: pointer;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
nav#site-navigation {
	/*border-top: 2px solid #71945A;*/
	clear: both;
	display: none;
	/*max-width: 1090px;*/
	margin: 20px auto 0;
	/*height: 100%;*/
}
nav#site-navigation:after {
	display: block;
	content: "";
	clear: both;
}

#whiteLogo {
	display: none;
}

#greenLogo {
	display: block;
}

html.showMenu #whiteLogo{
/*	display: block;*/
}

html.showMenu #greenLogo{
/*	display: none;*/
}

/*Main Menu*/
.menu-main-menu-container {
	height: 100%;
	overflow: auto;
}

.menu-main-menu-container>ul {
	list-style: none;
	margin: 5vh 0 0 0;
	padding: 0;
	text-align: center;
}

.menu-main-menu-container>ul>li {
	padding: 15px 0;
	display: block;
	vertical-align: top;
	width: 100%;
	text-align: left;
}

.menu-main-menu-container>ul>li>a {
	padding: 0;
	margin-bottom: 20px;
	color: #30755C;
	font-size: 40px;
	font-family: Zodiak;
	font-weight: 400;
	font-size: 70px;
	line-height: 95px;
}

.menu-main-menu-container>ul>li>a:hover {
	text-decoration: none;
/*	cursor: default;*/
}
/*Main Sub Menu*/
.menu-main-menu-container>ul>li>ul{
	display: none;
	list-style: none;
	padding: 0;
	margin: 20px 0 0 0;
}

.menu-main-menu-container>ul>li:last-child ul {
    margin-bottom: 35px;
}

.menu-main-menu-container>ul>li>ul>li{
	display: block;
	padding: 0 15px 5px 15px;
}
.menu-main-menu-container>ul>li.selected {
	text-decoration: underline;
}

.menu-main-menu-container>ul>li>ul>li>a{
	font-size: 24px;
	color: #30755C;
	font-family: "Zodiak"
}

/*Avis Menu*/
.menu-avis-menu-container {
	display: none;
}

html.showMenu .menu-avis-menu-container {
	display: block;
}

.menu-avis-menu-container ul {
	float: right;
	list-style: none;
	margin: 40px 20px 0 0;
	display: inline-block;
}

.menu-avis-menu-container ul li {
	padding: 5px 15px;
	display: inline-block;
}

.menu-avis-menu-container ul li a {
	color: #30755C;
	font-size: 20px;
	line-height: 26px;
	font-weight: 500;
	padding: 15px 0;
	font-family: "Zodiak";

}

/*Hamburger Menu Style*/
div#menuButtonContainer {
	float: right;
	color: #467158;
	margin-top: 30px;
	transition: 0.4s;
}

html.showMenu div#menuButtonContainer {
	color: white;
}

div#menuButtonContainer:hover {
	cursor: pointer;
}

span#menuButtonLabel {
	font-family: "Zodiak";
	float:left;
	font-weight: bold;
	font-size: 16px;
	padding: 6px 10px 0 0;
	transition: 0.4s;
}

html.showMenu span#menuButtonLabel {
	display: none;
}

div#menuBarsContainer {
	float:left;
	height: 30px;
	width: 30px;
	display: inline-block;
    cursor: pointer;
}

.bar1, .bar2, .bar3 {
    width: 30px;
    height: 4px;
    background-color: #467158;
    margin: 6px 0;
    transition: 0.4s;
}

html.showMenu .bar1,html.showMenu  .bar2,html.showMenu  .bar3 {
	background-color: #30755C;
}

.cancel .bar1 {
    -webkit-transform: rotate(-45deg) translate(-7px, 8px);
    transform: rotate(-45deg) translate(-7px, 8px);
}

.cancel .bar2 {opacity: 0;}

.cancel .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -7px);
    transform: rotate(45deg) translate(-6px, -7px);
}

/*--------------------------------------------------------------
# Basic Page Layout
--------------------------------------------------------------*/

#primary {
	max-width: 1280px;
	margin: 0 auto;
	overflow: auto;
}
main#main {
	max-width: 1090px;
	margin: 0 auto;
}

div#primaryWrapper, div#secondaryWrapper {
	padding: 0 5%;
	overflow: auto;
}
div.heroImageInactive #primary, body.search-results #primary{
	margin-top: 120px;
}
body.search-results #primary{
	padding: 0 5%;
}
div#heroContainer {
	width: 100%;
	margin-top: 90px;
}

div#heroContainer img {
	min-width: 100%;
	height: auto;
}

div#heroContainer:has( > video) {
  min-height: 550px;
  position: relative;
}

div#heroContainer video {
  border: none;
  bottom: 0;
  box-shadow: none;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  object-fit: cover;
  outline: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}


/*Secondary Content*/

#secondaryWrapper #secondary.sidebarActive {
	max-width: 768px;
	margin: 0px auto 0;
}

#secondaryWrapper #secondary.sidebarInactive {
	max-width: 1090px;
	margin: 0px auto 0;
}
/*section#secondaryContent{
	max-width: 768px;
	margin: 50px auto 0;
}

section#secondaryContent.sidebarInactive {
	max-width: 1090px;
	margin: 50px auto 0;
}*/

/*Related Pages*/

#relatedPagesContainer {
	/*max-width: 60%;*/
/*	margin: 0 auto;
	overflow: auto;
	padding-bottom: 50px;*/
}

.relatedPageTile {
	width: 45%;
	float: left;
	margin-bottom: 30px;
}
.relatedPageTile .relatedPageVideo {
	padding-top:66.66%;
}

.relatedPageTile:nth-child(even) {
	margin-right: 10%;
}

h3#relatedPagesTitle {
	margin-bottom: 30px;
	font-size: 34px;
}

h3.relatedPageTitle {
	margin-bottom: 0;
	color: #568798;
	font-family: "Minion Pro";
	margin: 15px 0 0;
	font-weight: normal;
}

h3.relatedPageTitle a{
	color: #568798;
	font-family: "Minion Pro";
	margin-bottom: 0;
}

.relatedPagePostType {
	margin: 5px 0 0;
	text-transform: uppercase;
	font-size: 18px;
	color: #95989A;
}



.relatedPageTile .relatedPageThumbnail{
	/*width: 100%;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	padding-bottom: 66.66%;

}



/*--------------------------------------------------------------
# Search Page
--------------------------------------------------------------*/
body.search-results h2.entry-title a {
	font-size: 24px;
}

body.search-results #primary article {
	margin: 30px 0;
	border-bottom: 1px solid #71945A;
}

/*--------------------------------------------------------------
# Putney Post, Head of School Letters, Posts
--------------------------------------------------------------*/

.posted-on {
	font-style: italic;
}

.post-thumbnail {
	float: right;
	padding: 1em 0em 0em 1em;
}

h2.postSubtitle {
	font-style: italic;
	font-weight: normal;
	color: #467158;
	font-size: 26px;
	margin: -5px 0 3px;
}

p.postAuthor {
	font-style: italic;
	margin: 2px;
}

.entry-header {
	margin-bottom: 15px;
}

/*Student Blog*/
.post .featuredImage {
	max-width: 450px;
	margin: 0 15px 15px 0;
	float: left;
}
/*--------------------------------------------------------------
# Directory
--------------------------------------------------------------*/
/*Featherlight Content*/
.directory-post-title {
	clear: none;
}

.directoryFeatherlight {
	display: none;
}

.directoryImage {
	float: left;
	margin-right: 30px;
	max-width: 50%;
}

.featherlight-content .entry-content p{
	font-size: 16px;
}
/*Directory Page*/
#directorySearch {
	border: none;
	color: #656565;
	border-bottom: 1px solid #656565;
	background-color: inherit;
	width: 100%;
	margin: 0 auto;

}

.directoryLink:hover {
	cursor: pointer;
}

.directorySearchIconContainer {
	float: right;
	margin-top: -30px;
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

.post-type-archive-directory .page-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 30px;
}

.archive.post-type-archive-directory h1.page-title {
	margin-bottom: 0;
	padding-bottom: 0;
}

.controlContainer {
	display: none;
}
.categoryFilterLabel {
	text-align: center;
	margin: 0;
}

.categoryFilterLabel:hover {
	cursor: pointer;
	text-decoration: underline;
}
.directoryTile .directoryBackground {
	padding-bottom: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 150%;
	background-position: center 10% ;
	background-repeat: no-repeat;
	margin-bottom: 5px;

}

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

.directoryTileSubtitle {
	font-style: italic;
	text-align: center;
	color: #656565;
}

.directoryPrimaryJobTitle {
	font-style: italic;
}
.single-directory .post-thumbnail {
	float: left;
	padding: 0em 1em 1em 0em;
}
/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/

.pageSidebarLeft {
	width: 20%;
	float: left;
	padding-right: 35px;
	margin-top: 75px;
	text-align: right;
}

.pageSidebarRight {
	width: 20%;
	float: right;
	/*margin-top: 60px;*/
	text-align: left;
	overflow: auto;
	content: " ";
}

main.sidebarActive {
	width: 60%;
	float: left;
}

aside .sidebarElement {
	margin-bottom: 50px;
}

/*Quote CSS*/
.pageElement#quoteContainer {
	display: none;
}

.quote, .quoteAuthor {
	font-family: 'Zodiak';
    font-weight: normal;
    font-style: italic;
    font-size: 18px;
    line-height: 23px;
    color: #1A3A22;
    text-align: center;
}

.quoteAuthorTitle {
	font-size: 20px;
	color: #656565;
}
.quote:before {
	content: '\201C';
}

.quote:after {
	content: '\201D';
}

.quoteImage {
	padding-bottom: 10px;
	border-radius: 50%;
}

/*Action Button CSS*/
#actionButtonContainer {
	text-align: right;
}

a.actionButton {
	border: 1px solid #acacac;
	color: white;
	background: #de7e33;
	border-radius: 10px;
	width: 100%;
	text-align: center;
	padding: 10px 30px;
	font-size: 20px;
	display: inline-block;
	font-family: 'Whitney';
	font-style: normal;
}

a.actionButton:visited {
	color:white;
}

a#mobileActionButton {
	display: none;
}

/*Action Image CSS*/
#actionImageContainer {
	text-align: right;
}

a.actionImage {
	width: 100%;
	display: inline-block;
}

.actiomImageHeader {
	padding-bottom: 10px;
	text-align: center;
}

a.actionImage .actionImageLabel{
	/*border: 2px solid #79ac21;*/
	color: #568798;
	width: 100%;
	text-align: center;
	/*padding: 10px 30px;*/
	font-size: 20px;
	display: inline-block;
	font-family: 'Whitney';
	font-style: normal;
}

a#mobileActionImage {
	display: none;
}



/*Related Content CSS*/
h3.relatedContentHeader {
	margin-top: 0;
	padding-top: 0;
}

ul.realtedContentList {
	list-style: none;
	font-family: "Minion Pro";
	margin: 0 0 50px;
	padding: 0;
}

ul.realtedContentList li{
	margin: 0;
	padding: 5px 0;
}

ul.realtedContentList li a {
	color: #467158;
	font-family: "Whitney"
}

div.widget_recent_entries ul {
	/*list-style: none;*/
	margin: 0;
	padding: 0;
}
div.widget_recent_entries ul li{
	/*list-style: none;*/

	padding: 5px 0;
	/*text-align: left;*/
}

/*--------------------------------------------------------------
# HOS Notes
--------------------------------------------------------------*/

body.hosnote-template-default {
	background: white;
	background-image: none;
}
#hosnoteNavigationContainer {
	clear: both;
}
#hosnoteNavigationContainer a[rel="prev"] {
	float: left;
}

#hosnoteNavigationContainer a[rel="next"] {
	float: right;
}


/* Archives */
.post-type-archive-hosnote article.hosnote {
	border-bottom: 1px solid #71945A;
	clear: both;
	margin: 15px 0;
}

.post-type-archive-hosnote article.hosnote .featuredImage {
	width: 350px;
	float: left;
	margin: 0 15px 15px 0;
}

.post-type-archive-hosnote article.hosnote .hosnote-title {
	clear: none;
	margin-bottom: 0px;
}
.post-type-archive-hosnote article.hosnote .hosnote-title a{
	color: #467158;
}

/*--------------------------------------------------------------
# Student Blog Posts
--------------------------------------------------------------*/

.post-type-archive-student-blog .student-blog-wrapper #primary {
	margin-top: 0px;
}

.post-type-archive-student-blog .student-blog-wrapper .pageSidebarLeft {
	margin-top: 0;
}


#student-blog-page-header {
	text-align: center;
	margin-bottom: 25px;
	border-bottom: 2px solid #467158;
}
#student-blog-page-header h1{
	letter-spacing: 15px;
}

.post-type-archive-student-blog article.student-blog {
	margin-top: 25px;
}

.post-type-archive-student-blog article.student-blog .featuredImage {
	float: left;
	padding: 0 10px 10px 0;
}
.post-type-archive-student-blog article.student-blog .featuredImage img{
	max-height: 150px;
}

#studentBlogNavigationContainer {
	clear: both;
}
#studentBlogNavigationContainer a[rel="prev"] {
	float: left;
}

#studentBlogNavigationContainer a[rel="next"] {
	float: right;
}

/*--------------------------------------------------------------
# Videos
--------------------------------------------------------------*/
.featuredVideoContainerOuter {
	background-color: #568798;
	padding: 0 5%;
	margin-bottom: 20px;
	clear: both;
	overflow: auto;

}

.featuredVideoContainerOuter:after{
    clear: both;
    content: "";
    display: block;
}

/*Sidebar Active*/
.htmlSidebarActive .featuredVideoContainerInner {
	max-width: 1280px;
	margin: 0 auto;

}

.htmlSidebarActive .videoLeftCol {
	width: 20%;
	float: left;
	padding-right: 30px;
}

.htmlSidebarActive .videoRightCol {
	width: 60%;
	float: left;

}
/*Sidebar Inactive*/
.htmlSidebarInactive .featuredVideoContainerInner {
	max-width: 1090px;
	margin: 0 auto;

}

.htmlSidebarInactive .videoLeftCol {
	width: 30%;
	float: left;
	padding-right: 30px;
}

.htmlSidebarInactive .videoRightCol {
	width: 70%;
	float: left;

}

.videoRightCol:after{
    clear: both;
    content: "";
    display: block;
}

.videoDescription {
	color: white;
}

.videoDescription h2 {
	color: white;
	font-size: 28px;
	margin: 1em 0;
	font-weight: bold;
}

.embed-container {
	position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*--------------------------------------------------------------
# Video Archive Page
--------------------------------------------------------------*/

.archive .embedContainerWrapper{
	width: 400px;
	float: left;
	padding-right: 30px;
}

h2.video-title {
	clear: none;
	margin-bottom: 5px;
}

.archive article.video, .archive article.student-blog {
	padding-bottom: 30px;
	border-bottom: 1px solid #71945A;
}

.archive h1.page-title {
	color: #656565;
	font-family: "Whitney";
	padding: 15px 0;
	font-weight: normal;
}

p.tags {
	margin: 0;
	font-size: 14px;
	font-style: italic;
}

/* Single */
.single-video .post-navigation {
	margin-top: 15px;
}

/*--------------------------------------------------------------
# Student Profiles / Faculty Profiles
--------------------------------------------------------------*/
.profileCarousel {
	margin-top: 90px;
}

.pageElement#studentNavigationContainer,
.pageElement#facultyNavigationContainer {
	display: none;
}

.opacityOverlay {
	height: 100%;
	width: 100%;
	background-color: rgba(255,255,255,0.6);
	position: absolute;
}
.profileCarouselItem a {
	height: 100%;
	width: 100%;
	position: absolute;
}

.profileCarouselInner {
	display: flex; /* or inline-flex */
}

.profileCarousel .profileCarouselItem {
	/*height: 600px;*/
	flex-grow: 1;
	flex-shrink: 1;

}

.profileCarousel .prevProfileImageContainer {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.single-student_profile .profileCarousel .currentProfileImageContainer {
	flex-basis: 768px;
	padding-bottom: 33%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	flex-grow: 0;
	background-color: rgba(255,255,255,0.6);
	margin: 0 15px;

}

.single-faculty_profile .profileCarousel .currentProfileImageContainer {
	flex-basis: 768px;
	padding-bottom: 40%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center top;
	flex-grow: 0;
	background-color: rgba(255,255,255,0.6);
	margin: 0 15px;

}

.profileCarousel .nextProfileImageContainer {
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.student_profile-template-default .post-thumbnail, .faculty_profile-template-default .post-thumbnail {
	float: none;
	padding: 0;
	margin: 90px auto 0 auto;
	max-width: 768px;
	width: 60%;
}

.student_profile-template-default div.site #primary, .faculty_profile-template-default div.site #primary {
	margin-top: 0px;
}

.student_profile-template-default div#primaryWrapper, .student_profile-template-default div#secondaryWrapper,
.faculty_profile-template-default div#primaryWrapper, .faculty_profile-template-default div#secondaryWrapper {
	padding: 0 0;
}



.student_profile-template-default .entry-header,
.faculty_profile-template-default .entry-header {
	border-width: 0 2px 2px 2px;
	border-style: double;
	/*outline-style: solid;
	outline-width: 2px;
	outline-offset: -9px;*/
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 15px 15px 0 15px;
	overflow: auto;
}

.student_profile-template-default h1.studentName {
	display: inline-block;
}

.studentProfileMeta {
	display: inline-block;
	margin-left: 30px;
}

.facultyProfileMeta {
	display: block;
	margin: -15px 0 15px 0;
	font-style: italic;
}

.studentProfileMeta .studentYearTitle, .studentProfileMeta .studentFromTitle {
	margin-left: 50px;
	font-family: "Whitney";
	font-size: 18px;
}

.studentProfileMeta .studentYear, .studentProfileMeta .studentFrom {
	font-family: "Seans Other Hand";
	font-size: 24px;
}
/*--------------------------------------------------------------
# Curriculum Pages
--------------------------------------------------------------*/
.courseWrapper {
	column-count: 2;
}

.courseWrapper section.course {
	-webkit-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	display: inline-block;
}

.courseWrapper .courseDescription {
	font-size: 16px;
}

.courseWrapper .courseName {
	font-size: 22px;
}

.courseWrapper .currentlyOffered {
	color: #95989A;
	font-size: 18px;
}

.page-template-course-page-template .entry-content {
	border-bottom: 1px solid #95989A;
	margin-bottom: 30px;
}

/*Menu*/
.curriculum-menu-title {
	text-decoration: underline;
	font-weight: bold;
	color: #656565;
	font-size: 28px;
}
.curriculumMobileSidebar {
	display: none;
}
.curriculum-menu-link, .curriculum-menu-title-mobile, .curriculum-menu-close-icon {
	display: none;
}

ul#curriculum-menu, ul#curriculum-menu>li>ul {
	list-style: none;
	margin: 0;
}

ul#curriculum-menu li {
	padding: 3px 0;
}

ul#curriculum-menu>li>a {
	color: #467158;
	font-size: 24px;
}

ul#curriculum-menu>li.menu-item-has-children {
	margin-top: 10px;
	padding-bottom: 5px;
}

ul#curriculum-menu>li.menu-item-has-children>a {
	font-weight: bold;
	color: #656565;
	font-size: 26px;
	text-decoration: underline;
}
ul#curriculum-menu>li>ul {
	margin: 0px 0 10px;
}
ul#curriculum-menu>li>ul>li>a{
	color: #467158;
}



/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
/*Sticky Footer*/
html, body {
	height: 100%;
}

div.site {
	height: 100%;
	display: flex;
	flex-direction: column;
}

div.site-content {
	flex: 1 0 auto;


}
footer.siteFooter {
	/*for sticky footer*/
	flex-shrink: 0;

	width: 100%;
	padding: 120px 0 60px;
	color: #fff;
	/*font-size: 24px;*/

	background: url('/wp-content/themes/putney/lib/img/FooterWithTree.png');
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: top center;
}

footer.siteFooter .footerContainer {
	max-width: 1090px;
	margin: 0 auto;
}

.footerContainer:after{
    clear: both;
    content: "";
    display: block;
}

footer.siteFooter .footerLeft {
	width: 75%;
	float: left;
}

footer.siteFooter #footerPutneyTitle {
	font-weight: bold;
	font-size: 24px
}

footer.siteFooter .footerRight {
	width: 25%;
	float: right;
}

.footerRight .siteTagline {
	text-align: right;
	font-style: italic;
	font-size: 24px;
}
.footerRight .siteTagline p {
	margin-top: 0;
	margin-bottom: 15px;
}
.menu-footer-menu-container {
	clear: both;
	padding: 40px 0 10px;
}
#footer-menu {
	margin: 0;
	padding: 0;
	text-align: justify;
	float: right;
}

/*#footer-menu:after {
	content: '';
	display: inline-block;
	width: 100%;
}*/

#footer-menu li {
	display: block;
	text-align: right;
}


#footer-menu li a {
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	font-family: "Zodiak";

	text-transform: capitalize;
}

#mailtoFooter {
	color: white;
}

/*Social Media*/
.socialMedia {
	float: right;
}

.socialMedia img {
	width: 40px;
	height: 40px;
	margin-left: 20px;
}

/*Disable the infinite scroll footer from Jetpack*/
body div#infinite-footer {
    display: none;
}
/*Disable the loader from affecting the calendar page*/
.post-type-archive-tribe_events .infinite-loader,.tribe-theme-putney .infinite-wrap {
	display: none;
}

#tribe-events-pg-template, .tribe-events-pg-template {
	margin: 120px auto;
}


.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {
	padding-top: 120px;
}

/*Disable the loader from affecting the calendar page*/
.post-type-archive-directory .infinite-loader, .post-type-archive-directory .infinite-wrap {
	display: none;
}

/*--------------------------------------------------------------
# Responsive CSS
--------------------------------------------------------------*/
@media only screen and (max-width:1280px) {
	#secondaryWrapper #secondary.sidebarActive, #secondaryWrapper #secondary.sidebarInactive {
		max-width: 60%;
	}

	footer.siteFooter .footerContainer  {
		margin: 0 5%;
	}

	.profileCarouselInner {
		display: block; /* or inline-flex */
		overflow: auto;
	}

	.profileCarousel .profileCarouselItem {
		float: left;
	}

	.single-faculty_profile .profileCarousel .prevProfileImageContainer {
		width: 20%;
		padding-bottom: 40%;
	}

	.single-student_profile .profileCarousel .prevProfileImageContainer {
		width: 20%;
		padding-bottom: 33%;
	}

	.single-faculty_profile .profileCarousel .currentProfileImageContainer, .single-student_profile .profileCarousel .currentProfileImageContainer {
		width: 60%;
		margin: 0 auto;
	}

	.single-faculty_profile .profileCarousel .nextProfileImageContainer {
		width: 20%;
		padding-bottom: 40%;
	}

	.single-student_profile .profileCarousel .nextProfileImageContainer {
		width: 20%;
		padding-bottom: 33%;
	}

	/*Video CSS*/
	.htmlSidebarInactive .videoLeftCol {
		width: 100%;
		float: none;
		padding-right: 0px;
	}

	.htmlSidebarInactive .videoRightCol {
		width: 100%;
		float: none;
		margin-bottom: 1em;

	}
	.htmlSidebarActive .videoLeftCol {
		width: 100%;
		float: none;
		padding-right: 0px;
	}

	.htmlSidebarActive .videoRightCol {
		width: 100%;
		float: none;
		margin-bottom: 1em;

	}
	.htmlSidebarActive .featuredVideoContainerInner {
		max-width: 60%;
	}

}
@media only screen and (max-width:1024px) {
	/*.menu-main-menu-container>ul>li {
		width: 48%;
	}*/
}
@media only screen and (max-width:1062px) {
	/*Avis Menu*/
	.menu-avis-menu-container > ul {
		float: none;
		text-align: center;
		margin: 10px 0;
		padding: 10px 0 10px;
		display: inline-block;
		width: 100%;
		border-top: 2px solid #30755C;
		border-bottom: 2px solid #30755C;
	}

	.menu-avis-menu-container > ul > li {
		display: inline;
	}

	.menu-avis-menu-container > ul > li > a{
		display: inline;
	}
}
@media only screen and (max-width:960px) {
	/* Curriculum Menu */
	.curriculum-menu-link {
		display: block;
		width: 100%;
		border-top: 2px solid #467158;
		border-bottom: 2px solid #467158;
		color: #467158;
		font-size: 24px;
		text-align: center;
		padding: 5px 0;
		margin-bottom: 15px;
	}

	.curriculum-menu-link:hover {
		cursor: pointer;
	}

	.curriculum-menu-title-mobile {
		text-decoration: underline;
		display: block;
		position: relative;
		float: left;
	}
	.menu-curriculum-menu-container {
		height: 100%;
	}

	.curriculum-menu-inner-container {
		padding: 0px;
		overflow: hidden;
		background: white;
		height: 100%;
		margin: 0;
		width: 0;
		border-right: 2px solid #467158;
		overflow: scroll;
	}

	ul#curriculum-menu {
		margin-top: 45px;
	}

	.curriculum-menu-close-icon {
		font-size: 24px;
		float: right;
		display: block;
	}

	.curriculum-menu-close-icon:hover {
		cursor: pointer;
	}

	.curriculumMobileSidebar {
		display: none;
		position: fixed;
		background: rgba(0,0,0,0.7);
		z-index: 99999;
		width: 100vw;
		height: 100%;
		top: 0;
		left: 0;
		margin-top: 0;
		padding: 0;
		text-align: left;
	}

	/*Page CSS*/

	.pageSidebarLeft {
		display: none;
	}

	.pageSidebarRight {
		display: none;
	}

	a#mobileActionButton {
		display: block;
		margin-bottom: 30px;
	}

	main.sidebarActive {
		width: 100%;
		padding-left: 0px;
		float: none;
	}

	#secondaryWrapper #secondary.sidebarActive, #secondaryWrapper #secondary.sidebarInactive {
		max-width: 100%;
	}

	/*Directory */
	.featherlight .featherlight-content {
		width: 90%;
	}


	.directoryAboutBlurb {
		clear: both;
	}

	/*Quote*/
	.pageElement#quoteContainer {
		margin: 30px 15px;
		display: block;
	}
	.pageElement .quote, .pageElement .quoteAuthor {
		text-align: center;
	}
	.pageElement .quote:before {
	    margin-top: 10px;
	}
	.pageElement .quote:after {
	    margin-top: 35px;
	}

	/*Student Profiles*/

	.single-faculty_profile .profileCarousel .currentProfileImageContainer, .single-student_profile .profileCarousel .currentProfileImageContainer {
		width: 100%;
		padding-bottom: 66%;
	}

	.profileCarousel .prevProfileImageContainer {
		display: none;
	}

	.profileCarousel .nextProfileImageContainer {
		display: none;
	}

	.student_profile-template-default h1.studentName,
	.faculty_profile-template-default h1.facultyName {
		display: block;
		text-align: center
	}

	.studentProfileMeta,
	.facultyProfileMeta {
		display: block;
		margin: 0;
		padding-bottom: 15px;
		text-align: center
	}
	.studentProfileMeta .studentYearTitle, .studentProfileMeta .studentFromTitle {
		margin-left: 0px;
	}

	.studentProfileMeta .studentYear {
		margin-right: 50px;
	}

	.pageElement#studentNavigationContainer,
	.pageElement#facultyNavigationContainer {
		display: block;
		font-weight: bold;
	}

	.pageElement#studentNavigationContainer .nextProfileLink,
	.pageElement#facultyNavigationContainer .nextProfileLink {
		float: right;
	}

	.student_profile-template-default #content,
	.faculty_profile-template-default #content {
		padding: 0 5%;
	}

	/*Main Sub Menu*/
	.menu-main-menu-container>ul {
		margin-top: 0px;
	}


	.menu-main-menu-container>ul>li>ul{
		margin: 10px 0 0;
		padding: 0;
	}

	.menu-main-menu-container>ul>li>ul>li{
		display: block;
		/*padding: 10px;*/
		margin-bottom: 10px;
	}

	.menu-main-menu-container>ul>li>ul>li>a{
		/*font-size: 22px;
		color: white;*/
	}

	/*Video CSS*/
	.htmlSidebarActive .featuredVideoContainerInner {
		max-width: 100%;
	}

	/*Video Archive CSS*/
	.archive .embedContainerWrapper{
		width: 100%;
		float: none;
		padding-right: 0;
	}

	/*Footer CSS*/
	footer.siteFooter {
		padding: 50px 0 40px;
		background-image: url('/wp-content/themes/putney/lib/img/FooterWithoutTree.png');
	}

	footer.siteFooter .footerLeft {
		width: 100%;
		float: none;
		text-align: center;
	}

	footer.siteFooter .footerRight {
		float: none;
		text-align: center;
		width: auto;
		margin-top: 15px;
	}

	.footerRight .siteTagline {
		display: none;
	}

	.socialMedia {
		float:none;
		display: inline-block;

	}

	.socialMedia img {
		margin: 0 10px;
	}

	#footer-menu {
		padding-top: 15px;
	}
	#footer-menu li {
		margin-bottom: 10px;
	}
	.menu-footer-menu-container {
		margin: 0 auto;
		width: 350px;
	}

}
@media only screen and (max-width:768px) {
	/*Directory */
	.directoryImage {
		float: none;
		max-width: none;
		width: 80%;
		margin: 0 10%;
	}
	.featherlight-content .directoryEntryContent {
		margin: 0 10%;
	}

	.featherlight-content .directory-post-title {
		margin: 30px 10% 0;

	}

	/*Curriculum*/
	.courseWrapper {
		column-count: 1;
	}
	div.curriculumTileOuterContainer {
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;

		position: relative;
		width: 100%;
		margin: 15px 0;
		float: left;
		padding-bottom: 40%;
	}
}

@media only screen and (max-width:560px) {
	div#heroContainer {
		width: auto;
		height: 50vw;
		margin-top: 90px;
	}

	div#heroContainer img {
		max-width: none;
		min-width: 0;
		height: 100%;
		width: 100%;
		object-fit: cover;
	}
	.menu-main-menu-container>ul {
		text-align: left;
		margin-bottom: 50px;
	}

	.menu-main-menu-container>ul>li {
		width: 100%;
		border-bottom: 2px solid white;
		padding: 20px 0;
		margin: 0;
	}

	.menu-main-menu-container>ul>li:hover {
		cursor: pointer;
	}

	.menu-main-menu-container>ul>li>a {
		border-bottom: 0px;
		font-size: 26px;
	}

	.menu-main-menu-container>ul>li>a:hover {
		cursor: pointer;
	}

	.menu-main-menu-container>ul>li>a:after {
		content: '+';
		float:right;
	}

	.menu-main-menu-container>ul>li.expanded>a:after {
		content: '-';
	}

	.menu-main-menu-container>ul>li>ul {
		display: none;
	}

	.menu-main-menu-container>ul>li>ul>li:before {
		content: '- ';
		color: white;
	}
	/* Directory CSS*/

	.post-type-archive-directory .page-header {
		display: block;
		margin-bottom: 30px;
	}

	.archive.post-type-archive-directory h1.page-title {
		margin-bottom: 15px;
		padding-bottom: 0;
		text-align: center;
	}

	.categoryFilterLabel {
		text-align: center;
	}
	/* Related Pages */

	.relatedPageTile {
		width: 100%;
		float: none;
	}
	/* Search Form*/

	.showMenu .showSearch {
		clear: both;
		display: block;
		padding-top: 20px;
		margin: 0px 0 20px;
		float: none;
		width: 100%;
	}

	.showSearch input.searchField {
		/*display: block;*/
		width: 80%;
		font-size: 28px;
	}

	.showSearch button.searchButton {
		/*display: block;*/
		float: left;
		margin-right: 15px;
		font-size: 28px;
	}

	.showSearch .searchIconContainer {
		/*display: none;*/
	}

	.showSearch .closeIconContainer {
		display: block;
	}
}

@media only screen and (max-width:420px) {
	.site-branding {
		width: 60%;
	}
	header.site-header .site-branding img{
		width: 100%;
		height: auto;
	}
	div#menuButtonContainer {
		margin-top: 25px;
	}
	.searchFormContainer {
		margin-top: 30px;
	}
	.menu-footer-menu-container {
		width: 250px;
	}
}
/*--------------------------------------------------------------
# Breadcumbs
--------------------------------------------------------------*/
.single-post #breadcrumbs, .single-hosletter #breadcrumbs {
	display: none;
}

#breadcrumbs{
	display: none;
    list-style:none;
    margin:10px 0;
    padding: 0;
    overflow:hidden;
    font-size: 14px;
    color: #95989A;
}

#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
}

#breadcrumbs a {
	color: #95989A;
	cursor: pointer;
}

#breadcrumbs .separator{
    font-size:18px;
    font-weight:100;
    color:#ccc;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/


textarea:focus, input:focus{
    outline: none;
}


/*--------------------------------------------------------------
## Homepage CSS
--------------------------------------------------------------*/
section#homepageImageSection {
	/* Full Viewport */
    width: 100vw;
    height: 100vh;
    /* Flexbox */
    display: flex;
    justify-content: center;
    align-items: center;

    /*Background Image Stuff*/
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
}

.homeVideoContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1000;
	overflow: hidden;
}
video#homeVideo {
	min-width: 100%;
	min-height: 100%;
	position: absolute;
	top: 20%;
	left: 50%;
	-webkit-transform: translate(-50%, -20%);
	-moz-transform: translate(-50%, -20%);
	-ms-transform: translate(-50%, -20%);
	-o-transform: translate(-50%, -20%);
	transform: translate(-50%, -20%);
}


body.page-template-homepage-template div#content {
	padding: 0;
}

img.homepageLogo {
	padding: 0 5%;
	/*max-width: 600px;*/
}

#homepageDownImage {
	bottom: 5px;
	position: absolute;
}

#homepageDownImage:hover {
	cursor: pointer;
}

.downIconOne {
	margin-bottom: -25px;
}

.downIcon {
	font-size: 40px;
	color: white;
}

/*header.homepageHeader {
	background: transparent;
	border-bottom: none;
	position: fixed;
}*/

/* header.homepageHeader .headerContainer {
	max-width: none;
} */

/*header.homepageHeader nav#site-navigation {
	max-width: none;
	margin: 20px 0 0;

}

header.homepageHeader .site-branding {
	float: left;
	display: none;
}

html.showMenu header.homepageHeader .site-branding {
	display: block;
}

header.homepageHeader span#menuButtonLabel {
	font-family: "Whitney";
	color: white;
	float:left;
	font-weight: bold;
	font-size: 24px;
	padding: 6px 10px 0 0;
	transition: 0.4s;
}

header.homepageHeader div#menuBarsContainer {
	float:left;
	height: 30px;
	width: 30px;
	display: inline-block;
    cursor: pointer;
}

header.homepageHeader .bar1,header.homepageHeader  .bar2,header.homepageHeader .bar3 {
    width: 30px;
    height: 4px;
    background-color: white;
    margin: 6px 0;
    transition: 0.4s;
}*/

body.page-template-homepage-template .entry-title {
	display: none;
}

/*Homepage Quote*/
section#homepageQuote {
	padding: 50px 15%;
	text-align: center;
	color: #467158;
	background-image: url('/wp-content/themes/putney/lib/img/paperTile.jpg');
	background-size: 100%;
}

p.homepageQuoteText {
	font-size: 34px;
	line-height: 1.5em;
	margin-bottom: 0;
}

p.quoteSeparator {
	font-size: 30px;
	/*letter-spacing: 3.5em;*/
}

p.homepageQuoteAuthor {
	font-size: 28px;
	font-family: "Whitney";
	/*text-transform: uppercase;*/
	font-weight: bold;
	font-style: italic;
}

/*Homepage Tiles*/
/* #homePageTiles {
  padding-bottom:40px;
} */
div.tileOuterContainer {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;

	position: relative;
	width: 50%;
	float: left;
	padding-bottom: 28.125%;
}

div.tileGradientContainer {
	height: 100%;
	width: 100%;
	position: absolute;

	background: rgba(255,255,255,0);
	background: -moz-linear-gradient(rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%);
	background: linear-gradient(rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%);
}

div.tileInnerContainer {
	color: white;
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 0 10% 5% 10%;
}

h1.tileTitle, h2.tileTitle {
	font-family: "General Sans";
	color: white;
	font-weight: 500;
	margin-bottom: 0.1em;
	text-shadow: 1px 0px 15px #000;
  	clear: both;
  	line-height: 53px;
  	font-size: 48px;
}

.tileTitle:after {
	content: "›";
	padding-left: 15px;
}

div.separatorBar {
	width: 10%;
	height: 3px;
	background-color: white;
}

p.tileText {
	font-family: "General Sans";
	font-size: 20px;
	line-height: 30px;
	font-weight: 500;
	color: #fff;
	margin-top: 15px;
	text-shadow: 1px 0px 15px #000;
}


a.tileLink {
	height: 100%;
	width: 100%;
	position: absolute;
}
a.tileLink:hover {
	cursor: pointer;
}

/*News and Events*/

section#homepageNewsEvents {

	padding: 30px 0 0; /* was 60 when lower down the page */
	clear: both;
	overflow: auto;
}

section#homepageNewsEvents h1.sectionTitle, section#homepageNewsEvents h2.sectionTitle {
	color: #1A3A22;
/*	font-weight: lighter;*/
	padding-left: 10%;
  padding-right:10%;
  font-size:48px;
  clear: both;
  line-height: 53px;
  font-family:"General Sans";
  font-weight: 500;
}
.newsNav {
	width: 10%;
	min-width: 80px;
	float: left;
	padding: 10px;
	display:flex;
	align-items:center;
 	justify-content:center;
}
.newsNav img{
	margin: -20px 0 0 0;
}

.newsNav img:hover {
	cursor: pointer;
}

.newsOuterContainer {
	width: 80%;
	float: left;
	overflow: hidden;
}

.newsCarouselContainer {
	overflow: hidden;
	display:flex;
	align-items:center;
 	justify-content:center;
}

.newsInnerContainer {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
}

.recentPostTile {
	flex: 0 0 auto;
	padding: 15px;
	float: left;
	width: 33.34%;
}


h3.recentPostTitle {
	color: #30755C;
	margin-bottom: 0;
	margin-top: 15px;
}

h3.recentPostTitle a {
	color: #30755C;
	margin-bottom: 0;
}

h3.recentPostTitle a:after {
	content: "›";
	padding-left: 10px;
}

h4.recentPostType {
	margin: 3px 0 15px;
	text-transform: uppercase;
	font-size: 18px;
	color: #95989A;
}

.recentPostTile .recentPostThumbnail{
	/*width: 100%;*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	padding-bottom: 56.25%;

}

/* Student Profiles*/

#homepageProfiles {
	padding: 30px 0;
	overflow: auto;
	clear: both;
  background:#fff;
/*	background-image: url('/wp-content/themes/putney/lib/img/paperTile.jpg');
	background-size: 100%;*/
}

#homepageProfiles .sectionTitle {
	padding: 30px 10%;
	color: #1A3A22;
  line-height: 53px;
  clear:both;
  font-family:"General Sans";
  font-weight: 500;
  font-size: 48px;
}


.homepageProfileQuoteContainer {
	margin-top: 15px;
}

.homepageProfileQuoteContainer .quote {
	font-style: normal;
	text-align: left;
/*	color: #1A3A22;*/
	margin-bottom: 10px;
	font-size: 16px;
}
.homepageProfileQuoteContainer .quoteAuthor {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	font-style: normal;
	text-align: left;
	color: #656565;
}

.homepageProfileQuoteContainer .quoteAuthorTitle {
	text-transform: none;
	font-weight: bold;
	font-size: 16px;
}

.homepageProfilesContainer {
	display: flex;
}

.homepageProfilesContainerOuter {
	width: 90%;
	float: left;
	overflow: hidden;
}

.homepageProfilesContainerInner {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;


}
.homepageProfileContainer {
	overflow: auto;
	width: 250px;
	margin-right: 25px;
	flex: 0 0 auto;
}

.studentProfileYearContainer {
	float: left;
	padding-right: 50px;
	margin-right: 10px;
	border-right: 1px solid #656565;
}

.studentProfileFromContainer {

}

.homepageProfileMeta .studentYearTitle, .homepageProfileMeta .studentFromTitle {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}

.homepageProfileMeta .studentYear, .homepageProfileMeta .studentFrom {
	font-family: "Seans Other Hand";
	font-size: 14px;
}

.homepageProfileMeta {
	margin: 10px 0;
	padding: 5px;
	border-top: 1px solid #656565;
	border-bottom: 1px solid #656565;
}
.homepageProfileTitle {
	margin: -15px 0 20px 30px;
  	font-size: 24px;
    line-height: 34px;
    font-family: "Zodiak";
}
.homepageProfileTitle a {
	font-size: 24px;
	font-weight: bold;
	text-transform: capitalize;
	color: white;
	padding: 7px;
	outline-width: 5px;
	outline-style: solid;
	border: 2px solid white;
	min-width: 150px;
}

.homepageProfileReadMore a, a.text-cta {
	text-transform: capitalize;
	font-weight: bold;
	color: #30755C;
	font-family: Zodiak;
}

.profilesNav {
	width: 10%;
	min-width: 80px;
	float: left;
	display:flex;
	flex-direction: column;
	/*flex-wrap: wrap;*/
	align-items:center;
 	justify-content:center;
}

#profilesNavRight {
/*	display: none;*/
}

.profilesArrowContainer {
	width: 60px;
	height: 60px;
	margin: 5px 0;
}

.profilesNav img{
	/*margin: 10px 0;*/

}

.profilesNav img:hover {
	cursor: pointer;
}

/*--------------------------------------------------------------
# Responsive Homepage CSS
--------------------------------------------------------------*/
@media only screen and (max-width:1400px) {


}

@media only screen and (max-width:1280px) {
	h1.tileTitle, h2.tileTitle {
		font-size: 34px;
	}

	p.tileText {
		font-size: 18px;
	}

}

@media only screen and (max-width:960px) {
	/*Homepage Tiles*/
	div.tileOuterContainer {
		width: 100%;
		float: none;
		padding-bottom: 56.25%;
	}
	.recentPostTile {
		width: 50%;
	}

}

@media only screen and (max-width:768px) {
	#homeVideo {
		display: none;
	}

	section#homepageImageSection {
		background-image: url('/wp-content/themes/putney/lib/img/homepageFall.jpg');
	}

	div.tileGradientContainer {
		height: 100%;
		width: 100%;
		position: absolute;

		background: rgba(0,0,0,0.1);
		background: -moz-linear-gradient(rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.8) 100%);
		background: -webkit-linear-gradient(rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.8) 100%);
		background: linear-gradient(rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.8) 100%);
	}


	.recentPostTile {
		width: 100%;
	}
	/*Quote*/
	p.homepageQuoteText {
		font-size: 24px;
		line-height: 1.5em;
		margin-bottom: 0;
	}

	p.quoteSeparator {
		font-size: 26px;
		/*letter-spacing: 3.5em;*/
	}

	p.homepageQuoteAuthor {
		font-size: 20px;
		font-family: "Whitney";
		/*text-transform: uppercase;*/
		font-weight: bold;
		font-style: italic;
	}


}

@media only screen and (max-width:480px) {
	div.separatorBar {
		height: 2px;
	}

	h1.tileTitle, h2.tileTitle {
		font-size: 30px;
	}

	p.tileText {
		font-size: 16px;
		margin-bottom: 0;
	}

	div.tileOuterContainer {
		padding-bottom: 80%
	}

	.recentPostTile {
		width: 100%;
	}
	/*News*/

	.newsNav {
		width: 15%;
		min-width: 0;

	}

	.newsOuterContainer {
		width: 70%;
	}

	/*Profiles*/
	.homepageProfileContainer {
		overflow: auto;
		width: 70vw;
		margin-right: 30px;
		display: inline-block;
		vertical-align: top;
	}

	.homepageProfilesContainerOuter {
		width: 70vw;
	}

	.profilesNav {
		min-width: 0;
		width: 15vw;
		padding: 10px;
	}

	#profilesNavRight {
		display: flex;
	}

	.profilesArrowContainer {
		width: auto;
		height: auto;
		margin: 0px 0;
	}

	.profilesNav img{
		/*margin: 10px 0;*/

	}

	#profilesLeftColArrowContainerRight {
		display: none;
	}

	.profilesNav img:hover {
		cursor: pointer;
	}
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/*Prev Next Navigation*/

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 560px) {
	.alignleft {
		clear: both;
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.alignright {
		clear: both;
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

/*--------------------------------------------------------------
# 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;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

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

iframe {
	margin: auto !important;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/*--------------------------------------------------------------
## Homepage Introduction Section - February 2020 - neil@jbwebanalytics.com
--------------------------------------------------------------*/

#homePageIntroduction {
  background:#648774;
  color:#fff;
}
#homePageIntroduction h1 {
  color:#fff;
  margin:0 0 60px;
  font-size:1.65em;
  line-height: 1.3;
}
.read-more-trigger {
  border:0;
  background:transparent;
  display:inline-block;
  color:#fff;
  cursor:pointer;
  outline:none;
  text-transform: uppercase;
}
.introductionOuterContainer {
  display: flex;
  align-items: center;
  justify-content: center;
}
.introductionInnerContainer {
  padding:80px 30px;
}
.introductionInnerContainer p {
  line-height:1.7;
}
.read-more-trigger:hover, .read-more-trigger:focus, .read-more-trigger:active  {
  text-decoration: underline;
}
.readMoreContainer {
  display:none;
}
@media only screen and (min-width:768px) {
  #homePageIntroduction h1 {
    font-size:2em;
  }
  .introductionInnerContainer {
    width:80%;
    padding:80px 15px;
  }
  .introductionInnerContainer p {
    font-size:1.3em;
  }
  .read-more-trigger {
    font-size:1.3em;
  }
}
@media only screen and (min-width:992px) {
  #homePageIntroduction h1 {
    font-size:2.7em;
  }
}
@media only screen and (min-width:1200px) {
  #homePageIntroduction h1 {
    font-size:2.4em;
  }
}
@media only screen and (min-width:1400px) {
  #homePageIntroduction h1 {
    font-size:2.2em;
  }
}
@media only screen and (min-width:1550px) {
  #homePageIntroduction h1 {
    font-size:2.4em;
  }
}


/*--------------------------------------------------------------
## Desktop Header Changes - April 2020 - neil@jbwebanalytics.com
--------------------------------------------------------------*/
#menuButtonLabel {
  display:none;
}
.menu-avis-menu-container ul {
  margin: 30px 22px 0 0;
}
@media only screen and (min-width:1063px) {
  .menu-avis-menu-container {
    display:block;
  }
  /*.menu-avis-menu-container .menu-item {
    display:none;
  }*/
  .menu-avis-menu-container ul li.menu-item a {
    color: #30755C;
  }
  .menu-avis-menu-container ul li:first-child a {
    background:#30755C;
    color:#fff;
    padding:10px 20px;
    border-radius:30px;
  }
  .menu-avis-menu-container ul li:first-child a:hover, .menu-avis-menu-container ul li:first-child a:focus, .menu-avis-menu-container ul li:first-child a:active {
    background:#619175;
    text-decoration: none;
  }
  .menu-avis-menu-container .menu-item-6851 {
  	display: none;
  }
  /*.menu-avis-menu-container .menu-item-1645, .menu-avis-menu-container .menu-item-1646, .menu-avis-menu-container .menu-item-1647 {
    display:inline-block;
  }*/
  /*.homepageHeader .menu-avis-menu-container ul li.menu-item a {
    color:#fff;
  }*/
  html.showMenu .menu-avis-menu-container .menu-item {
    display:inline-block;
  }
  html.showMenu .menu-avis-menu-container ul li.menu-item a {
    color: #30755C;
  }
  html.showMenu .menu-avis-menu-container ul li:first-child a {
    color: #fff;
    background:#30755C;
  }
  html.showMenu .menu-avis-menu-container ul li:first-child a:hover, .menu-avis-menu-container ul li:first-child a:focus, .menu-avis-menu-container ul li:first-child a:active {
    background:#8bb29b;
  }

}

/*--------------------------------------------------------------
## Fixed enquiry button - August 2020 - neil@jbwebanalytics.com
--------------------------------------------------------------*/
.fixed-enquire {
  background: #E8C31B;
  color: #1B3923;
  padding: 12px 21px;
  display:inline-block;
  position:fixed;
  left:50%;
  bottom:13px;
  transform:translateX(-50%);
  border-radius: 30px;
/*  border:1px solid #000;*/
  outline: none;
  font-family: Zodiak;
  font-weight: 500;
  line-height: 23px;
  font-size: 18px;
  z-index: 99;
}
.fixed-enquire:visited {
	color:#1B3923;
}
.fixed-enquire:hover, .fixed-enquire:focus, .fixed-enquire:active {
  /*background:#ed8a49;
  color:#fff;*/
  text-decoration: underline;
  outline: none;
}
@media only screen and (min-width:768px) {
  .fixed-enquire {
    left:auto;
    right:5%;
    bottom:15px;
    transform: translateX(0);
  }
}
@media only screen and (max-height:400px) {
  .fixed-enquire {
    display: none;
  }
}


/*--------------------------------------------------------------
## Background Colors - 11 2023 - Ologie
--------------------------------------------------------------*/


/*h1,h2,h3,h4,h5,h6,p,a*/

.bg-texture-grey {
	background-image: url('/wp-content/themes/putney/lib/img/paperTile.jpg');
	background-size: 100%;
}

.bg-texture-green-grid {
	background-image: url('/wp-content/themes/putney/lib/img/dark-green-grid.jpg');
	background-size: 100%;
}

.bg-white {
	background-color: #FAF2E7 !important;
}

.bg-light-green {
	background-color: #4FAF64;
}

.bg-medium-green {
	background-color: #30755C;
}

.bg-dark-green {
	background-color: #1A3A22;
}

.bg-yellow {
	background-color: #E8C31B;
}

.bg-brown {
	background-color: #824F3D;
}

/*.bg-light-green h1, .bg-light-green h2, .bg-light-green h3, .bg-light-green h4, .bg-light-green h5, .bg-light-green h6, .bg-light-green p, .bg-light-green a, .bg-dark-green h1, .bg-dark-green h2, .bg-dark-green h3, .bg-dark-green h4, .bg-dark-green h5, .bg-dark-green h6, .bg-dark-green p, .bg-dark-green a {
	color: #fff !important;
}*/


.sp-easy-accordion a {
	font-family: Zodiak !important;
	font-weight: 500 !important;
	font-size: 18px !important;
	line-height: 23px !important;
}

.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a .ea-expand-icon {
	color: #fff !important;
	font-size: 18px !important;
}

/* Hide filter items */
.directoryControls [data-filter=".daycare"],
.directoryControls [data-filter=".adjunctFaculty"],
.directoryControls [data-filter=".otherPrograms"] {
  display: none;
}