/*
Theme Name: academy
Version: 1.0

Reset:
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
Nicolas Gallagher and Jonathan Neal: http://necolas.github.com/normalize.css/w
Blueprint: http://www.blueprintcss.org/
*/

@import url(https://fonts.googleapis.com/css?family=EB+Garamond);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,600,300);
@import url(../../../fonts/garamond/garamond.css);

@font-face {
	font-family: 'GillSansLight';
	src: url(../../../fonts/gillsanslight-webfont.eot);
	src: local('?'), url(../../../fonts/gillsanslight-webfont.woff) format('woff'), url(../../../fonts/gillsanslight-webfont.ttf) format('truetype'), url(../../../fonts/gillsanslight-webfont.svg#webfontsYqk4TuT) format('svg');
	font-weight: normal;
	font-style: normal;
}

body, html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width:100%;
overflow:hidden;
}

body {
background:url("../../../imgs/pattern.png") !important;
}

.tag {display:none;}

.archive.tag{ display:block; } /* custom added, make tag/explore page visible again */

/* =Reset
-------------------------------------------------------------- */

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

table, tbody, tfoot, thead, tr, th, td {
	border: 0px;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: middle;
}

table, tbody {
	border: solid 1px #ccc !important;
}

td {
	border: solid 1px #ccc !important;
	border-collapse: collapse !important;
	padding: 1px;
    line-height: 14px;
}

table tr td:first-child {
	vertical-align: middle;
}

html {
	font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust:     100%;
}
body {
	background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a:focus {
	outline: thin dotted;
}
a:hover,
a:active {
	outline: 0;
}
a img {
	border: 0;
}


/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
.header-wrap h1.site-title,
.header-wrap h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}

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

/* Text elements */
body p {
	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;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code, kbd, tt, var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}
mark, ins {
	background: #fff9c0;
	text-decoration: none;
}
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
small {
	font-size: 75%;
}
big {
	font-size: 125%;
}
figure {
	margin: 0;
}
table {
	margin: 0 0 1.5em;
	width: 100%;
}
th {
	font-weight: bold;
}
img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
button,
input,
select,
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	/* Commmented out box shadowing, Ed 9/14/2019
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); */
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
	width: 98%;
}

/* Links */
a {
	color: #810027;
}
a:visited {
	color: purple;
}
a:hover,
a:focus,
a:active {
	color: midnightblue;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.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;
	color: #21759b;
	display: block;
	font-size: 14px;
	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 */
}

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

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


/* =Menu
----------------------------------------------- */

.multi {
background-image: url('https://charlemont.org/wp-content/uploads/Group-51.png');
background-repeat: no-repeat;
background-position: left;
padding-left: 5px;
}

.main-navigation {
	clear: both;
	display: flex;
	/* float: left; */
	width: 100%;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}
.main-navigation li {
	/* float: left; */
	display:inline-block;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	top: 30px;
	right: 0;
	position: absolute;
	padding-top: 10px;
	z-index: 99999;
	text-align: center;
	background: white;
}
.main-navigation ul ul ul {
	left: 100%;
	top: 0;
}
.main-navigation ul ul a {
	width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
background:#333 !important;
color: #fff !important;
}
.main-navigation ul li:hover > ul {
	display: block;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

#main-mobile-menu-toggle, #main-mobile-menu-toggle:active, #main-mobile-menu-toggle:hover {
	background: white;
	text-align: center;
	text-transform: uppercase;
	color: #42444C;
	font-family: "Gill Sans";
	text-decoration: none;
	padding: .875em;
}

#main-mobile-menu-toggle:before {
	content: "";
	background-image: url("images/menu-burger.svg");
	background-size: 100% 100%;
	background-size: contain;
	width: 22px;
	height: 16px;
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
  margin-top: -4px;
}
body.menu-expanded #main-mobile-menu-toggle:before {
	content: "";
	background-image: url("images/menu-burger-close.svg");
	width: 20px;
}

.menu-main-menu-container {
	text-align: center;
}



/* =User menu
----------------------------------------------- */

#usernav {
	clear: both;
	display: flex;
	position:relative;
	align-self: flex-end;
	margin-top: 2em;
	margin-right: 2.250em;
}
#usernav ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

#usernav li {
	display:inline-block;
	position: relative;
}
#usernav a {
	display: block;
	text-decoration: none;
font-size:14px;
padding:6px;
text-transform: uppercase;
color: #747474;
letter-spacing: 0.018em;
font-family: "Gill Sans";

}

#usernav a:hover {
background:#333;
color: #fff;
}

#usernav ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	display: none;
	float: left;
	right: 0;
	position: absolute;
	top: 1.9em;
	z-index: 99999;
	background:#fff;
}
#usernav ul ul ul {
	left: 100%;
	top: 0;
}
#usernav ul ul a {

padding:10px;
}
#usernav ul ul li {
}
#usernav li:hover > a {
}
#usernav ul ul :hover > a {
}
#usernav ul ul a:hover {
background:#333;
}
#usernav ul li:hover > ul {
	display: block;
}
#usernav li.current_page_item a,
#usernav li.current-menu-item a {
}



/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
	font-size:12px;
line-height:normal;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-main .gallery {
	margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-main .gallery dd {
	margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

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


/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/* =Comments
----------------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}


/* =Widgets
----------------------------------------------- */

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
	display: none;
}


/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.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;
}

/* html { -webkit-font-smoothing: antialiased; } */

#sod-drawer-plugin {
width:30% !important;
right:0;left:auto;
}

body.home {background:none !important;}
.home #primary {box-shadow:none !important;}

		h1, h2, h3, h4 {
            font-family: "apple_garamondbold_italic";
			/* color:#810027; */
        }

		h1 {font-size:2.5em;}



#masthead {
color:#fff;
width:100%;
position:relative;
z-index:1000;
}
/*
.home #masthead {
position:absolute;
}
*/
@media screen and (min-width: 800px){
	.header-wrap {
	position: relative;
	top: 0;
	margin: 0;
	width: 100%;
	background: #fff;
	display: flex;
	flex-direction: row;
	}
	.site-branding {
	flex: 30%;
	max-height: 4.618em;
	position: relative;
	margin-top: 1.444em;
	margin-right: 0;
	margin-bottom: 1.188em;
	background-color: #fff;
	object-fit: scale-down;
	}

	.site-branding img {
	position:relative;
	margin-left: 1.154em;
	max-width: 25.308em;
	 /* 290px / 1200px */
	z-index:1;
	background-color: #fff;
	}
}

body.menu-expanded .off-menu-expanded, body:not(.menu-expanded) .on-menu-expanded {
	display: none;
}


@media screen and (max-width: 800px){
	.header-wrap {
		top: 0;
		margin: 0;
		width: 100%;
		background: #fff;
		display: flex;
		flex-direction: column;
	}
	.site-branding{
	}
	.site-branding img{
		max-height: 4.688em;
	}
}



.site-branding span, .site-branding h2 {
display:none;
}

.site-branding a {
color:#333;
text-decoration:none;
}

.site-branding h3 {
margin-left: 24.166666666%; /* 290px / 1200px */
font-family:'EB Garamond', Georgia, serif;
font-size:2.4em;
padding:1.2% 0;
}

.site-branding h3 em {
font-family: "apple_garamondbold_italic";
}

.navigation-items{
	position: relative;
	vertical-align: middle;
	flex: 70%;
	display:flex;
	flex-direction:column;
	align-items: flex-end;
}

.navigation-items .menu-item-has-children > a:after {
	content: url("images/arrow-down-gray.svg");
	display: inline-block;
	width: 8px;
	height: 4px;
	line-height: 1em;
	vertical-align: top;
  margin-top: .125em;
  margin-left: .25em;
}

/*
Ed - commented out searchbox css
#searchbox {
position:absolute;
right:0;
bottom:10%;
font-size:0.8em;
}

#searchbox form {
display:inline-block;
margin-left:10px;
}

#searchbox form input {
font-size:1.2em !important
}
*/

#site-navigation {
	flex-direction: column;
	align-items: flex-end;
	background: #fff;
	flex: 2;
}

#menu-main-menu .menu-toggle, #menu-main-menu .skip-link {
display:none !important;
}

.menu-item-769, .menu-item-770, .menu-item-771, .menu-item-772 {
display:none !important;
}

#menu-main-menu a {
	color: #42444C;
	font-size: 1.000em;

	letter-spacing: 0.020em;
	display:inline-block;
	background:#fff;
	padding:0 0px 12px 4px;
	text-transform: uppercase;
  font-family: "Gill Sans", sans-serif;
}

#menu-main-menu ul a {
text-transform:none;
	padding-right:12px;
	padding-left:12px;
}

@media (min-width: 800px) {
	#main-mobile-menu-toggle {
		display: none;
	}

	#menu-main-menu a {
		padding-right: 2.625em;
	}

	.menu-main-menu-container {
		align-content:right;
		text-align: right;
	}
}

/* #menu-item-202 a {
background:#9d0131;
padding:4px;
} */

#page {
width:100%;
padding:0; margin:0;
}

.wrap {
	width:100%;
}

/* width set to 100% from 98% by Ed, also deleted max-width section (1200px) */
.container {
position:relative;
width:100%;
margin:auto;
padding:0;
}

#content {width:100%;
/* padding: 0 .833333333% 0 .833333333%; /* 10px / 1200px */
}


#primary {
width:66%; /* 792px / 1200px */
float:left;
min-height:700px;
}

.home #primary {width:100%;
float:none;}

.home #secondary {display:none;}

#home-footer {
	margin-top:-2%;
	padding-top:1.5%;
	border-top:1px solid #e1e1e1;
}

#home-footer aside h1.widget-title {
color:#9d0131;
font-family:'GillSansLight';
margin-bottom:1%;
display:none;
}

#home-footer div h1 {
color:#9d0131;
font-family:'GillSansLight';
margin-bottom:2%;
}

#events, #calendar, #news {
float:left;
width:30%; /* 360px / 1200px */
/* margin: 0 2.5% 0 2.5%;  30px / 1200px */
}

#events .more, #secondary .special .more, .acbutton {
text-align:center;
}

#events .more, #secondary .special .more {
margin-top: -10px !important;
}

#summer-button img {
padding:1px;
margin-bottom:4%;
border:1px solid #f1f1f1;
}

.more a:hover {
background:#333;
-webkit-box-shadow: 0px 0px 12px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 12px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 12px rgba(50, 50, 50, 0.75);
}

.page-id-717 .more a:hover {
	background:#fff;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
box-shadow:none;
}

#secondary aside {
margin:0;
}

#secondary .block-title {
color:#9d0131;
margin:0 0 20px 0;
}

/* #secondary aside .widget_wp_views .widget-title {
display:none;
color:#9d0131;
margin:0 0 20px 0;
} */

/* #secondary #wp_views-4 .widget-title {
display:block !important;
margin-top:-50px !important;
} */

#events .more a, .widget_wp_views .more a, .acbutton a {
display:inline-block;
color:#fff;
text-decoration:none;
background:#9d0131;
border-radius:3px;
font-family:'EB Garamond';
padding:2.2%;
margin:auto;
clear:both;
font-size:1.4em;
}


#events {
margin-left:0;
}

#calendar .gce-list {
list-style:none;
padding:0;
margin:0;
}

#calendar .gce-list li {
margin-bottom:5%;
}

#calendar .gce-list div {display:inline-block}

#events .thumb, #secondary .special .thumb {
width: 27.777777777%; /* 100px / 360px */
float:right;
margin-left:2%;
}

#events .thumb img, #news .thumb img, #secondary .special .thumb img {
width:100%;
border:1px solid #f1f1f1;
padding:1px;
}

#events p, .widget_wp_views p {
margin:0;
}

.entry-content .thumb {
	padding:4px;
	border:1px solid #cecece;
	width:20%;
	float:left;
}

.entry-content .thumb img {
width:100%;
}

.entry-content .news {
width:77%;
float:right;
}

#secondary {
width:32.166666666%; /* 386px / 1200px */
float:right;
padding:0 !important;
}

#secondary aside {
/* padding:8%; */
}

#secondary aside .textwidget {
padding:8%;
}

#secondary aside .special {
padding:4% 8% 0 8%;
}

#secondary .widget_nav_menu {
background:#f1f1f1;
padding:0;
margin-bottom:0;
}

#secondary .widget_nav_menu ul {
padding:0;
margin:0;
list-style-type:none;
}

#secondary .widget_nav_menu ul li {
display:block;
border-bottom:1px dotted #cecece;
}

#secondary .widget_nav_menu ul li a {
display:block;
padding:10px 10px 10px 20px;
color:#810027;
}

#secondary .widget_nav_menu ul li a:hover {
background:#810027;
color:#fefefe;
text-decoration:none;
}

#primary {
position:relative;
/* z-index:1; */
background:#fff;
margin-top:25px;
box-shadow:0px 0px 10px #cecece;
box-shadow: 0px 0 15px -4px #cecece, 0px 0 15px -4px #cecece;
}


#swboc-3 img {
width:12.170385395% /* 60px / 493px */ ; margin-right: 2%;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
	width:100%;
}

.clearfix {
	display: inline-block;
	clear:both;
	width:100%;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Small menu */
.menu-toggle {
	cursor: pointer;
	display: none;
}

#wpstats {display:none;}

.acbutton a {
font-size:1em;
}

.acbutton a:hover {
background:#333;
-webkit-box-shadow: 0px 0px 22px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 22px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 22px rgba(50, 50, 50, 0.75);
}

.acbutton em {
font-family:'apple_garamondbold_italic';
font-size:2.2em;
}

aside .acbutton {
margin-bottom:10px;
}

.special .name {
font-family:'apple_garamondbold_italic';
font-size:1.6em;
line-height:1em;
margin-bottom:14px !important;
}

.special .datetime {
font-family:'EB Garamond';
font-size:1.4em;
margin-top:-8px !important;
margin-bottom:8px !important;
color:#810027;
line-height:1em;
}

#splash {
position: relative;
z-index:-100;
width:100%;
overflow: hidden;
min-height: calc(100vh - 111px);
}

#splash img {
/* display:none; Commented out by Ed */
filter: brightness(50%);
object-fit: cover;
width: 100%;
height: calc(100vh - 111px);
min-height: 856px;
}

#bg {
position:absolute;
z-index:-1;
width:100%;
}


#splash img, #bg img {width:100% !important;}

#alert {
position:absolute;
top:40%;
z-index:10000;
width:100%;
}

body #alert{z-index:999;} /* ensures menu dropdowns go over alert */

#alert .container {
background:url("../../../imgs/red.png");
padding:20px;
}

#alert p {
color:#fff;
font-size:1.8em;
margin:0;
font-family:'EB Garamond';
text-align:center;
}

#shim {position:relative;}
#shim img {visibility:hidden; width:100%}

#hero-block{
	position: absolute;
	top: 35%;
	width: 100%;
	align-items: center;
	display: flex;
	flex-direction: row;
	z-index: 100;
}

.hero-column{
	margin-left: 0;
	margin-right: 0;
}

#hero-text{
	align-self: center;
	position: relative;
}

#hero-text h3 {
	position: relative;
	text-align: center;
	text-shadow: 0px 0px 16px #00000066;
	font-family: 'EB Garamond';
	color: #fff;
	padding-top: 0px;
	padding-bottom: 0px;
}

#tagline {
	position:relative;
	margin: 1em auto;
	max-width: 30em;
	text-align:center;
	color:#fff;
	font-family: 'Gill Sans', sans-serif;
	letter-spacing: 0.028em;
}

.explore-item {
	position: relative;
	box-shadow: 0 0 24px rgba(0,0,0,.35);
}

@media screen and (min-width: 1800px){
	.hero-column{
		flex:10%;
	}
	#hero-text{
		flex: 80%;
		max-width: 37.5em;
	}
	#hero-text h3{
		font-size: 4.75em;
	}
	#tagline{
		font-size: 2.000em;
	}
}

@media screen and (min-width: 1264px) and (max-width: 1800px){
	.hero-column{
		flex: 10%;
	}
	#hero-text{
		flex: 80%;
		max-width: 37.500em;
	}
	#hero-text h3{
		font-size: 4.75em;
	}
	#tagline{
		font-size: 1.375em;
	}
}
@media screen and (max-width: 1263px) {
	.hero-column{
		flex: 20%;
	}
	#hero-text{
		flex: 80%;
		max-width: 37.500em;
	}
	#hero-text h3{
		font-size: 4.750em;
	}
	#tagline{
		font-size: 1.375;
	}
}
@media screen and (max-width: 1000px){
	.hero-column{
		flex: 10%;
	}
	#hero-text{
		flex: 80%;
		width: 100%;
	}
}



@media screen and (max-width: 800px){
	#site-navigation{
		display: none;
	}

	#hero-block {
    top: 28%;
	}


	.site-branding {
		margin-top: 0.313em;
		margin-left: 0;
    margin-right: 0;
    padding: .52em 1.2em 1em;
    border-bottom: 1px solid #B9B9B9;
	}

	#usernav{
		display: none;
	}

	body.menu-expanded #usernav, body.menu-expanded #site-navigation {
		display: block;
	  align-self: stretch;
	  margin: 0 !important;
	  padding: 0 24px;
	  width: 100%;
	  box-sizing: border-box;
	}
	body.menu-expanded #site-navigation .menu-main-menu-container {
		text-align: left;
	}
	body.menu-expanded #usernav .menu, body.menu-expanded #site-navigation .menu  {
		display: block;
	}
	body.menu-expanded #usernav li, body.menu-expanded #site-navigation li  {
		display: block;
	}

	body.menu-expanded #usernav .menu > li > a, body.menu-expanded #site-navigation .menu > li > a {
		color: #42444C;
    font-size: 16px;
    letter-spacing: 0.020em;
    display: inline-block;
    background: #fff;
    padding: 0 0px 12px 4px;
    text-transform: uppercase;
    font-family: "Gill Sans", sans-serif;
	}

	body.menu-expanded #usernav .menu > li > ul, body.menu-expanded #site-navigation .menu > li > ul {
		position: relative;
		left: 0; top: 0; right: 0; bottom: 0;
		box-shadow: none;
    float: none;
	}

	body.menu-expanded #usernav .menu > li > ul > li > a, body.menu-expanded #site-navigation .menu > li > ul > li > a {
		display: block;
    text-decoration: none;
    font-size: 14px;
    padding: 6px;
		padding-left: 24px;
    text-transform: none;
    color: #747474;
    letter-spacing: 0.018em;
    font-family: "Gill Sans";
	}



	#header-wrap{
			height: 5.469em;
	}

	.hero-column{
		flex: 5%;
	}
	#hero-text{
		flex: 90%;
		max-width: 40em;
	}
	#hero-text h3{
		font-size: 2.5em;
	}
	#tagline{
		font-size: 1.125em;
	}
}


/* ------------- Explore Items --------------- */


#explore-items{
	width: 100%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 1394px;
	align-items: center;
	justify-content:space-around;
	z-index: 2;
	transform: translateY(-48px);
	padding: 0 32px;
}
.explore-item:after {
    content: "";
    display: block;
    position: absolute;
		background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}

.explore-item{
	flex:1;
	margin-left: .906em;
	margin-right: .906em;
}
.explore-item:hover * {
	color: white;
	text-decoration: none;
}

.explore-item-img {
	position: relative;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.explore-info {
	position: absolute;
	display: flex;
	flex-direction: column;
	max-width: 18.813em;
	margin-left: 1.75em;
	margin-right: 1.688em;
	bottom: 32px;
	object-fit: contain;
	z-index: 1;
}

.explore-title{
	position: relative;
	max-width: 18.813em ;
	flex: 2;
	text-align: left;
	font-family: "EB Garamond";
	color: #fff;
}

.explore-explore {
		position: relative;
		flex: 1;
		margin-top: 1em;
		margin-bottom: 0;
		bottom: 0;
		text-align: left;
		font-family: "Gill Sans";
		letter-spacing: 0.020em;
		color: #fff;
		z-index: 1000;
		text-transform:uppercase;
	}

	.link-arrow{
		transition: .5s all;
		transform:translateX(0);
	}

	.explore-item:hover .link-arrow{
		position: relative;
		transform:translateX(16px);
	}

	@media screen and (min-width: 1600px){
		#explore-items{
			display: flex;
			flex-direction: row;
			height: 24.813em;
			transform: translateY(-48px);
		}

		.explore-item{
			height: 100%;
			width: 24.813em;
		}

		.explore-title{
				font-size: 2.25em;
		}

		.explore-explore{
				font-size: 1.188em;
		}


	}

	@media screen and (max-width: 1600px){
		#explore-items{
			display: flex;
			flex-direction: row;
			height: 24.813em;
		}

		.explore-item{
		height: 100%;
		width: 22.25em;
		}

		.explore-title{
				font-size: 2em;
		}

		.explore-explore{
				font-size: 1em;
		}


	}
	@media screen and (max-width: 1264px){
		#explore-items{
			display: flex;
			flex-direction: row;
			height: 24.813em;
		}

		.explore-item{
			height: 100%;
			width: 22.25em;
		}

		.explore-title{
				font-size: 2em;
		}

		.explore-explore{
				font-size: 1.000em;
		}


	}

	@media screen and (max-width: 800px){
		#explore-items{
			display: block;
			height: auto;
		}

		.explore-item{
			width: auto;
			height: 80vw;
			margin: 0 auto 32px;
			display: block;
		}

		.explore-title{
			font-size: 1.750em;
		}

		.explore-explore{
			font-size: 1.000em;
		}



	}
/* --------Quote Block Section ---------*/

#quote-area {
	position: relative;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	min-width: 100%;
}
#quote-area .quote-fauximage {
	content: "";
	display: block;
	position: absolute;
	background-image: url("https://www.charlemont.org/wp-content/uploads/library_splash.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 85% 0%;
	width: 80%;
	left: 20%;
	top: 0;
	bottom: 0;
}

#quote-container{
	position: relative;
	background: #9D0131;
	z-index: 1;
	padding: 4.500em 4.188em 0.750em 4.875em;
	width: 50%;
	height: 100%;
	max-width: 700px;
}

#quote-container:after {
    content: "“";
    font-family: "EB Garamond";
    position: absolute;
    opacity: .4;
    top: 16px;
    left: 32px;
    font-size: 110px;
    color: white;
}

#quote-content{
	position: relative;
	overflow: hidden;
}

#quote-content p{
	text-align: left;
	font-family: "Gill Sans";
	color: #fff;
	font-size:1.50em;
	line-height: 1.66666667;
}

#quote-title{
	position: relative;
	overflow: hidden;
	text-align: right;
}


#quote-title h3{
	display: inline-block;
	font: Bold;
	font-family: "EB Garamond";
	font-size: 1.250em;
	letter-spacing: .025em;
	color: #fff;
	background: #9D0131;
	position: relative;
	z-index: 1;
	padding-left: 1em;
}
#quote-title:after {
    content: "";
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    background: white;
    height: 1px;
    opacity: .4;
}

#quote-description h3{
	font: Italic 1.25em "EB Garamond";
	letter-spacing: 0.025em;
	color: #fff;
	text-align: right;
}

	#link-container{
		bottom: 0;
		margin-top: 10em;
		padding-bottom: 2.250em;
		display: block;
	}

	#link-container:hover {
		text-decoration: none;
	}

	#link-container .link-arrow {
		transition: .4s all;
		transform: translateX(0);
		margin-left: .5em;

	}
	#link-container:hover .link-arrow {
		text-decoration: none;
		transform: translateX(16px);
	}

	#link-container h3{
		text-align: left;
		font-size: 3.75em;
		font-family: "EB Garamond";
		letter-spacing: 0.075em;
		color: #fff;
	}

	#link-container h4{
		text-align: left;
		font-size: 1em;
		font-family: "Gill Sans";
		letter-spacing: 0.020em;
		text-transform: uppercase;
		color: #fff;
		margin-top: .7em;
	}



@media screen and (max-width:1200px){
	#quote-area .quote-fauximage {
		position: relative;
		left: 0;
		height: 70vh;
		width: 100%;
	}

	#quote-container{
		width: 100%;
		height: 50%;
		max-width: none;
	}
	#quote-content p {
		font-size:1.25em
	}
}

@media screen and (max-width: 800px) {
	#quote-container {
    padding-right: 1.75em;
    padding-left: 4.0625em;
    padding-left: 1.75em;
	}
	#quote-container:after {
	    left: 16px;
	}
	#link-container h3 {
    font-size: 2.5em;
  }
	#quote-content {
    margin-left: 2.5em;
	}
	#quote-title {
	    margin-left: 1em;
	}
	#link-container {
	    margin-top: 6em;
	}

}


/* ----- Glance Block --------- */
@media screen and (min-width: 1600px){
#glance-container{
	padding-bottom: 4.787em;
}
#glance-container{
	flex-direction: row;
}
#glance-mid{
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
}
}

@media screen and (max-width: 1600px){
#glance-container{
	padding-bottom: 4.787em;
}
#glance-container{
	flex-direction: row;
}
#glance-mid{
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
}
}

@media screen and (max-width: 1200px){
#glance-container{
	padding-bottom: 4.787em;
}
#glance-container{
	flex-direction: row;
}
#glance-mid{
	border-left: 1px solid #D4D4D4;
	border-right: 1px solid #D4D4D4;
}
}



#glance-title{
	margin-top: 3.938em;
	margin-bottom: 4.997em;
}

#glance-title h3{
	text-align: center;
	font-size: 3.750em;
	font-family: "EB Garamond";
	color: #9D0131;
}

#glance-container{
	width: 100%;
	position: relative;
	display: flex;
	align-content: center;
	align-items: center;
	vertical-align: middle;
	margin:0;
}

.glance-obj {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-right: 0;
	flex: 33%;
	padding: 0 32px 32px;
}

.glance-obj img{
	/*height: 10.000em;
	object-fit: scale-down;
	margin-bottom: 2.520em;*/
}
.glance-img-container {
	text-align: center;
	height: 164px;
	margin-bottom: 2.5em;
}

.glance-obj h3{
	text-align: center;
	font-family: "EB Garamond";
	color: #9D0131;
	font-size: 3.000em;
}

.glance-obj h4{
	margin-top: 0;
	vertical-align: top;
	text-align: center;
	font-family: "Gill Sans";
	color: #1C3013;
	font-size: 1.500em;
}

@media screen and (max-width: 800px){
	#glance-container{
		padding-bottom: 2.5em;
	}
	#glance-container{
		flex-direction: column;
	}
	#glance-mid{
		border-left: none;
		border-right: none;
		border-top: 1px solid #D4D4D4;
    border-bottom: 1px solid #D4D4D4;
	}
	.glance-obj {
    padding: 2.75em 0;
	}
	#glance-title {
    margin-bottom: 1.5em;
	}
	#glance-title h3 {
    font-size: 2.5em;
    line-height: 1.15;
	}
}

/* ------- Calendar ------- */
#events{
	/* height: 50.938em; */
	width: 100%;
	background-image: url("https://www.charlemont.org/wp-content/uploads/DJI_0852-Pano-scaled.jpg");
	margin-left: 0;
	margin-right: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
#events:before {
	content: "";
	background: rgba(0,0,0,.5);
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	pointer-events: none;
	z-index: 0;
}



#events-title{
	height: 4em;
	margin-top: 3.656em;
	position: relative;
}

#events-title h3{
	font-size: 3.750em;
	text-align: center;
	font-family: "EB Garamond";
	color: #fff;
	vertical-align: bottom;
}

#calendar-container {
	width: 100%;
	max-width: 1300px;
	margin: 56px auto;
	font-family: "Gill Sans";
}

#calendar-obj {
	display: none;
}

#calendar-obj .simcal-calendar {
	background: white;
}
#calendar-obj .simcal-align-right, #calendar-obj .simcal-current-year {
	display: none;
}
#calendar-obj .simcal-calendar-head tr:first-child {
	height: 100px;
	box-shadow: 0 1px 0 #E2E2E2;
}
#calendar-obj .simcal-calendar-head tr:nth-child(2) {

}


#calendar-obj .simcal-current-month {
	font-family: "Gill Sans", sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 20px;
	letter-spacing: 0.07em;
	text-align: center;
	color: #222;
}
#calendar-obj .simcal-icon-left:before, #calendar-obj .simcal-icon-right:before {
	content: "";
	background-image: url("images/arrow-left-maroon.svg");
	background-size: 100% 100%;
	width: 8px;
	height: 16px;
}
#calendar-obj .simcal-icon-right:before {
	background-image: url("images/arrow-right-maroon.svg");
}
#calendar-obj .simcal-week-day {
	padding: 22px 32px;
font-weight: 600;
font-size: 18px;
letter-spacing: 0.07em;
text-align: center;
color: #6e6e6e;

}
#calendar-obj .simcal-events {
	display: none !important;
}
#calendar-obj .simcal-day {
	height: 3em;
}
#calendar-obj td.simcal-day.simcal-day-void {
	visibility: hidden;
}
#calendar-obj .simcal-day > div {
	min-height: 0 !important;
}
#calendar-obj .simcal-no-events {
	display: none !important;
}
#calendar-obj .simcal-week * {
	background-color: transparent !important;
	border: none !important;
}

#calendar-obj .simcal-day-number {
	color: #6E6E6E !important;
	opacity: .5;
}
#calendar-obj .simcal-day-has-events .simcal-day-number {
	opacity: 1;
}




#calendar-items {

}
#calendar-items .simcal-calendar {
	color: white;
}
#calendar-items .simcal-align-right, #calendar-items .simcal-calendar-head {
	display: none;
}

#calendar-items .simcal-events-list-container {
	display: flex;
  flex-wrap: wrap;
}
#calendar-items .simcal-default-calendar-list .simcal-event-details {
    font-size: 20px;
    line-height: 1.4;
}
#calendar-items .simcal-day-label {
	border-bottom: none !important;
	width: 100px;
	margin: 0;
}
#calendar-items .simcal-day {
	width: calc(100% - 100px);
}
#calendar-items .simcal-day-label span {
	background-color: transparent !important;
}
#calendar-items .simcal-day-label .simcal-date-format {
	display: block;
	border: 1px solid white;
	width: 80px;
	height: 80px;
	background: transparent;
	border: 1px solid #fff;
	text-align: center;

}
#calendar-items .simcal-day-label .simcal-date-format .month {
	margin-top: 16px;
	margin-bottom: .25em;
	height: 16px;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 0.07em;
	line-height: 16px;
	color: #fff;
	text-transform: uppercase;
}
#calendar-items span.gce-start {
    font-size: .9em;
}
#calendar-items .simcal-default-calendar-list ul.simcal-events li.simcal-event {
    list-style-type: none;
    margin-bottom: 1.25em;
    word-wrap: break-word;
}

#calendar-items .simcal-day-label .simcal-date-format .day {
	height: 48px;
font-weight: normal;
font-size: 32px;
letter-spacing: 0.07em;
line-height: 24px;
color: #fff;
}

#calendar-items .simcal-day .gce-event {
	display: flex;
	flex-wrap: wrap;
	flex-flow: column-reverse;
}
#calendar-items .simcal-day .gce-date {
	display: none;
}
#calendar-items .simcal-day .gce-title {
	margin-left: 0;
	font-weight: 600;
}
#calendar-items dl.simcal-events-list-container *:nth-child(n+7) {
    display: none;
}

#calendar-container .calendar-button, #calendar-container .calendar-button:visited {
	display: block;
	font-family: "Gill Sans";
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0.02em;
	text-align: center;
	color: #fff;
	width: 255px;
	height: 58px;
	line-height: 58px;
	border-radius: 4px;
	background: #9d0131;
	position: relative;
	text-transform: uppercase;
	margin: 0 auto;
}

@media (min-width:800px) {
	#calendar-container {
		display: flex;
		flex-wrap: wrap;
		margin: 82px auto;
	}
	#calendar-obj {
		display: block;
		width: 58%;
	}
	#calendar-items {
		width: 42%;
		padding-left: 8%;
	}
	#calendar-container .calendar-button {
		margin: 0;
	}
}

@media screen and (max-width: 800px) {
	.calendar-button {
    display: block;
    margin: 0 auto;
	}
	#calendar-container {
	    margin: 2em auto 4.375em auto;
	}
	.simcal-default-calendar-list {
	    padding: .625em 0 2.625em 0;
	}

}





/* ---------- News --------- */

#news{
	width: 100%;
}


#wpv-view-layout-275 {
  /* display: flex;
  flex-direction: row;
  align-items: center; */
  margin-top: 3.656em;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
	width: 100%;
	width: calc(100vw - 3em);
	padding: 0 1.75em;
}

#news-items .widget-title {
	text-align: center;
	font-family: "EB Garamond";
	color: #9D0131;
	font-size: 3.750em;
	margin: 1em auto;
}

#news-items .news-obj{
	flex: 30%;
	width: 100%;
	display:flex;
	flex-direction: column;
	margin-top: 4.813em;
	margin-right: .875em;
	margin-left: .875em;
}

#news-items .news h2{
	text-align: left;
	font-family: "Gill Sans", verdana, sans-serif;
	font-size: 1.500em;
	margin-bottom: .66666667em;
}
#news-items .news h2 a {
    color: #2C2C2C;
}

#news-items .excerpt {
	text-align: left;
	font-size: 1.125em;
	color: #6E6E6E;
	font-family: "Gill Sans", verdana, sans-serif;
  line-height: 1.55555556;

}
#news-items .excerpt a {
	font-weight: 500;
	text-transform: uppercase;
	font-size: 16px;
	display: block;
	margin-top: 1em;
}
#news-items .excerpt a:after {
	content: url("images/arrow-full-right-maroon.png");
	display: inline-block;
	transition: .4s all;
	transform: translateX(0);
	margin-left: 8px;

}
#news-items .excerpt a:hover {
	text-decoration: none;
	color: #810027;
}
#news-items .excerpt a:hover:after {
	transform: translateX(16px);
}
.widget_wp_views #wpv-view-layout-275 > div {
	padding-right: 28px;
	width: 33%;
	display: inline-block;
}
.widget_wp_views #wpv-view-layout-275 > div:last-child {
	padding-right: 0;
}

#news-items .thumb {
	width: 100%;
	flex: 1;
	margin-bottom: 32px;
}
#news-items .thumb img {
	object-fit: cover;
	height: 30vw;
}


#news-button{
	display: flex;
	width: 100%;
	position: relative;
	margin: .563em auto 6.75em;
	justify-content: center;
}

#button-news {
	background-color: #9D0131;
	width: 11.375em;
	height: 3.625em;
	color: #fff;
	text-align: center;
	font-family: "Gill Sans";
	font-size: 1.000em;
	border-radius: 0.25em;
	padding: 0;
}
#button-news:hover {
    background: #333;
    box-shadow: none;
    border: none;
}

@media screen and (min-width: 800px){
	#wpv-view-layout-275 {
		display: flex;
		flex-direction: row;

	}
}
@media screen and (max-width: 800px) {
	#news-items {
		margin-top: 2.5em;
		padding: 0 .5em;
	}

	#news-items .widget-title {
			font-size: 2.5em;
	}
	/* Removes cropping on thumbnail images in "News" section */
	#news-items .thumb img {
			height: auto;
	}

	/* Removes extra padding to right of stories in "News" section */
	.widget_wp_views #wpv-view-layout-275 > div {
			padding-right: 0;
			width: 100%;
	}

	/* Adds some space between stories in "News" section */
	#news-items .excerpt a {
			margin-bottom: 1em;
	}

	/* Adjusts spacing below "More News" button */
	#news-button {
			margin-bottom: 1.75em;
	}

	/* Removes extra space between last news story and "More News" button */
	.widget_wp_views #wpv-view-layout-275 > div:last-child .clearfix {
			display: none;
	}
}




/* ------- CTA Block ------- */


#cta-container{
	position: relative;
	max-width: 40.625em;
	height: 100%;
	background-color: #9D0131;
	float:right;
	width: 50%;
	max-width: 43.750em;
	height: 100%;

}

#cta-content{
	margin: 5.688em 40px 0;
}

#cta-content h3{
	padding: 0;
	text-align: left;
	font-family: "Adobe Garamond Pro";
	font-size: 3.750em;
	color: #fff;
	max-width: 30.750em;
	margin-bottom: .26666667em;

}

#cta-content p{
	text-align: left;
	font-family: "Gill Sans", verdana, sans-serif;
	color: #fff;
	font-size:1.50em;
}

#cta-button {
	margin-top: 1.000em;
	margin-bottom: 5.625em;
	background-color: #fff;
	width: 11.813em;
	height: 3.625em;
	text-align: center;
	color: #9D0131;
	font-family: "Gill Sans";
	font-size: 1.000em;
	border-radius: 0.250em;
}
#cta-button:hover {
    background-color: #efe9e9;
}

.cta-fauximage {
	content: "";
	display: block;
	position: absolute;
	background-image: url("https://www.charlemont.org/wp-content/uploads/library_splash.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 85% 0%;
	left: 0;
	right: 45%;
	top: 0;
	bottom: 0;
}
#cta-block{
	margin-top: 2.000em;
	float: left;
	background-repeat:no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	min-height: fit-content;
	width: 100%;
}


@media screen and (max-width: 1000px){
	#cta-block{
		background-repeat: no-repeat;
	  background-position: top left 50%;
	}

	#cta-container{
		width: 100%;
		height: 50%;
		max-width: 100%;
	}
	#cta-content p{
		font-size:1.25em
	}
	.cta-fauximage {
		position: relative;
		right: 0;
		width: 100%;
		background-position: 39% 0;
    height: 56vh;
	}
}

@media screen and (max-width: 800px){
	#cta-block{
		background-repeat: no-repeat;
	    background-position: top left 50%;
	    background-size: auto auto;
	}

	#cta-container{
		width: 100%;
		height: 50%;
	}
	#cta-content p{
		font-size:1.25em
	}
	/* Reduces font-size of donate box heading */
	#cta-content h3 {
	    font-size: 2.5em;
	    margin-bottom: .6em;
	}

	/* Adjusts padding above donate box heading */
	#cta-content {
	    margin-top: 3.25em;
	}

	/* Adjusts font-size for body text in donate box */
	#cta-content p {
	    font-size: 1.125em;
	}

	/* Adjusts spacing around button in donate box */
	#cta-button {
	    margin-bottom: 3.75em;
	    margin-top: .75em;
	}

}



/* -------------- Footer Menu ---------- */

@media screen and (min-width: 1800px){
	#footer-empty{
		width: 49.875em;
		height: 100%;
	}
	#footer-info{
		width: 33.000em;
	}
	#social-container{
		width: 17.354em;
	}

	.alignone wp-image-6235, .alignnone wp-image-6234, .alignnone wp-image-6236, .alignnone wp-image-6237, .alignnone wp-image-6238 {
		height: 2.335em;
	}
}
@media screen and (max-width: 1800px){
	#footer-empty{
		width: 23.852em;
	}
	#footer-info{
		width: 33em;
	}
	#social-container{
		width: 17.335em;
	}
}

#footer-wrap {
	height: 8.375em;
	padding: 0 2.438em 1.625em;
	background:#fff;
	width:100%;
	display: flex;
	flex-direction: row;
	vertical-align: middle;
	justify-content: space-between;
}



#footer-empty {
	position: relative;
	flex: 2;
	margin-left: auto;
	margin-right: auto;
}

#footer-info {
	position: relative;
	flex: 1;
	max-width: 33.000em;
	margin-top: 2.625em;
	text-align: left;
	font-family: "Gill Sans";
	color: #2C2C2C;
	font-size: 1.125em;
}

#foot-1 {
	margin-top: 2.625em;
}

.socialicon {
	display: inline-block;
	border: 1px solid #9D0131;
	border-radius: 40px;
	width: 36px;
	height: 38px;
	text-align: center;
	line-height: 35px;
	background-size: 20px 20px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -99px;
	color: transparent;
	font-size: 0;
}
.socialicon.facebookicon {
	background-image: url("images/fb.svg");
}
.socialicon.twittericon {
	background-image: url("images/twitter.svg");
}
.socialicon.instagramicon {
	background-image: url("images/instagram.svg");
}
.socialicon.youtubeicon {
	background-image: url("images/youtube.svg");
}
/*
#foot-1 a {
	display: inline-block;
	border: 1px solid #9D0131;
	border-radius: 40px;
	width: 36px;
	height: 38px;
	text-align: center;
  line-height: 35px;
}
#foot-1 img {
	min-height: 20px;
	min-width: 20px;
	height: 20px;
	width: 20px;
	object-fit: contain;
}
*/
#wysiwyg_widgets_widget-7{
	position:relative;
	display: inline-block;
	height: 2.335em;
	margin-right: 2.438em;
	margin-bottom: 3.040em;
	width: 100%;
	align-self: flex-end;
}

#wysiwyg_widgets_widget-7 p{
	display: flex;
	flex-direction: row;
}


#swboc-5 {
font-family:'apple_garamondbold_italic';
font-size:2.0em;
color:#999;
}

#swboc-5 a {
color:#810027;
}

@media screen and (max-width: 600px) {
	#footer-wrap {
    display: block;
    height: auto;
    padding: 0 1.75em 0;
	}
	#footer-info {
    width: auto;
  }
	#foot-1 {
    padding: 0;
    margin-top: 1.8em;
	}
	.widget_wysiwyg_widgets_widget p {
    padding-left: 0;
	}
	/* Adds some spacing between social media icons */
	#foot-1 a {
	    margin-right: .75em;
	}
	/* Adds some spacing after social media icons */
	#wysiwyg_widgets_widget-7 {
	    margin-bottom: 3.1em;
	}
}

.testimonials {
color:#810027;
text-align:center;
font-size:11px;
}

.home #primary {
	/* margin-top:-7%; */
}

.home .quote {
font-size:1.3em;
color:#666;
}

.home .quote p, .home .quote footer {
margin:0;
padding:0;
font-style:normal;
text-align:left;
}

.home .quote p {
line-height:1.3em !important;
margin-bottom:10px !important;
}


.home .quote {
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; ;
}

.home .quote footer {
font-size: 0.8em !important;
}

#cta a {
display:block;
padding:10px 20px;
font-size:100%;
text-transform:uppercase;
}

.home #cta {
margin-bottom:5%;
}

.home #cta .acbutton {
float:left;
margin-right:10px;
}

.home #cta a {
font-size:0.6em;
}

.home #cta .explore {
width:32.575757575%; /* 215 / 660 */
}

.home #cta .visit {
width:19.696969697%; /* 130 / 660 */
}

.home #cta .apply {
width:22.727272727%; /* 150 / 660 */
}

.home #cta .give {
width:18.939393939%; /* 125 / 660 */
}

#main .entry-header {
margin:2%;
margin-left: 38%; /* 290px / 1200px */
text-align:right;
}

#main .entry-content {
margin-top:0;
padding-top:0;
}

#content {
	position:relative;
	/* background:#fff; */
}

#main {
	padding:10px;
}

.entry-content {
background:transparent;
padding:30px;
position:relative;
z-index:2;
}

.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 {
margin:10px 0 10px 0;
color:#810027;
}

.entry-content h2 {
font-size:1.8em;
}

.entry-content h3 {
font-size:1.6em;
}

.entry-title {color:#810027;
/* padding:2%; */
margin:0;
}

#secondary {
background:#fefefe;
margin-top:2%;
padding:2%;
}

#swboc-11 img {
}

.smartlunches {
  color: #ffffff;
  background-color: #611BBD;
  border-color: #130269;
  margin-top:20px;
}

.smartlunches:visited {
color:#fff !important;
}

.smartlunches:hover,
.smartlunches:focus,
.smartlunches:active,
.smartlunches.active,
.open .dropdown-toggle.smartlunches {
  color: #ffffff;
  background-color: #49247A;
  border-color: #130269;
}

.smartlunches:active,
.smartlunches.active,
.open .dropdown-toggle.smartlunches {
  background-image: none;
}

.smartlunches.disabled,
.smartlunches[disabled],
fieldset[disabled] .smartlunches,
.smartlunches.disabled:hover,
.smartlunches[disabled]:hover,
fieldset[disabled] .smartlunches:hover,
.smartlunches.disabled:focus,
.smartlunches[disabled]:focus,
fieldset[disabled] .smartlunches:focus,
.smartlunches.disabled:active,
.smartlunches[disabled]:active,
fieldset[disabled] .smartlunches:active,
.smartlunches.disabled.active,
.smartlunches[disabled].active,
fieldset[disabled] .smartlunches.active {
  background-color: #611BBD;
  border-color: #130269;
}

.smartlunches .badge {
  color: #611BBD;
  background-color: #ffffff;
}

.page-id-451 .entry-meta {display:none;}

#siteorigin-masonry-2 h2 {
font-size:2em;
}

.subtitle h2 {
color:#666 !important;
font-family:'GillSansLight';
font-size:1.5em !important;
line-height:normal;
}

.gform_title, .gsection_title {
font-weight:normal !important;
font-family:'GillSansLight';
}

.gform_title {
font-size:2em !important;
}

.gsection_title {
font-size:1.6em !important;
}

.gsection {
margin-top:40px !important;
}

.gform_confirmation_message {
border:8px double #9e0039;
border-radius:10px;
padding:5%;
margin-top:5%;
background:#f6f6f6;
}

.paypal {
font-size:0.8em;
position:relative;
height:50px;
}

.paypal p {
position:absolute;
width:75%;
top:0;right:0;
}

.paypal img {
position:absolute;
top:14px;
width:24%;
}

#sidebar .widget_nav_menu h1.widget-title, #sidebar .widget_text h1.widget-title {
font-family:'EB Garamond';
font-size:1.4em;
margin:0; padding:20px;
background:#333;
color:#fff;
}

#openhouse {text-align:center;}
#openhouse .acbutton {font-size:1.6em;}

#nav_menu-5 h1.widget-title, #secondary .widget h1.widget-title {
color:#fff;
background:#333;
font-family:'EB Garamond';
font-size:1.6em;
padding:4%;
}

#secondary .SWBOC_Widget h1.widget-title {
margin:0 0 5% 0;
}

#secondary .SWBOC_Widget {
padding:0;
}

.su-tabs .su-tabs-pane h2 {
font-size:2.5em !important;}

.su-tabs .su-tabs-pane ul li {
font-size:1.2em !important;
}

.page-header {
position:relative;
margin-top:3%;
}

.page-header img {
width:100%;
}

.page-header .entry-title {
position:absolute;
bottom:10%;
right:0;
padding:10px 20px;
color:#fff;
background:#810027;
}

#calendar .gce-event p span {
color:#666;
}

#calendar a {
color:#810027;
}

.upcoming {
width:90%;
margin:-20px auto 10px auto;;
font-size:1em;
font-family:'apple_garamondbold_italic';
}

.twitter {
padding:4%;
border:none !important;
}

.twitter img {
width:4%;
position:absolute;
}

.rotatingtweets {
border:none !important;
}

.gce-event span.gce-title {
margin-left:10px;
}

.quote p {
margin:0;
}

.quote footer {
text-align:right;
margin-bottom:1.5em;
font-style:italic;
padding-left:30%;
}

.entry-content p {
margin:12px 0 12px 0;
}

.date-time {
text-align:right;
font-family:'GillSansLight';
font-size:2em;
border-top:1px dotted #cecece;
border-bottom:1px dotted #cecece;
padding:1% 0 1% 0;
}

.entry-meta {
font-family:'EB Garamond';
font-size:1.4em;
}

.entry-meta span {
font-family:Helvetica, Arial, sans-serif !important;
font-size:0.6em;
font-style:italic;
}

.authors {
font-family:'EB Garamond';
font-size:1.4em;
}

.single-events #nav-below {display:none;}
.event-excerpt {
font-family:'apple_garamondbold_italic', 'EB Garamond';
padding:20px 10px;
font-size:1.4em;
}

.search-results #primary {
	padding-top:40px;
}

.search-results .page-title span {
	font-family:'GillSansLight';
	font-size:0.8 !important; color:#666;
}

.found {
border-bottom:1px dotted #cecece;
padding:20px;
}

.found p {
margin:0;
font-size:0.9em;
}

.found .page-title {
font-family:'apple_garamondbold_italic';
font-size:1.6em;
line-height:1em;
margin-bottom:0.5em;
}

.found span.date, .found span.type {
font-size:18px !important;
}

.found span.type {
color:#810027;
font-size:16px !important;
}

.widget_wysiwyg_widgets_widget h2 {
padding:4% 4% 0 4%;
color:#810027;
font-size:1.6em;
}

.widget_wysiwyg_widgets_widget p {
padding:2% 4% 0 4%;
font-size:0.9em;
}

#wysiwyg_widgets_widget-2 img {
width:150px !important;
margin-left:auto !important;
margin-right:auto !important;
}

.entry-content .special .thumb {
width:100px;
float:left;
margin-right:2%;
}

#wysiwyg_widgets_widget-5 .arve-vimeo-wrapper {
width:75%;
margin:auto;
border:3px double #cecece;
}

.widget_wysiwyg_widgets_widget ul {
margin-top:1em;
}

#treebg {
position:absolute;
width:41.083333333%; /* 493px / 1200px */
top:0;
left:0;
z-index:;
}

#treetop {
width:62.247474747%;
position:absolute;
bottom:0;
left:0;
z-index:0;
}

.home #home-footer .row {
padding:0 1% 0 1%;
}

.home #treetop, .page-id-451 #treetop {
position:absolute;
bottom:0;
left:0;
width:41.083333333%;
}

.su-button.mtli_attachment {
background-image:none !important;
padding-right:0 !important;
}

#issuupress h3, #issuupress ol {
	display:none;
}

#main .entry-content .issuuembed.issuu-isrendered { width:auto !important; max-width: 525px !important;}

.site-branding h3 {
font-size:1.9em !important;
padding-bottom:18px !important;
padding-top:16px;
}


#swboc-5 {
line-height:1.2em;
}


.home #cta div {
width:24.3% !important;
margin-right:4px !important;
font-size:36px !important;
}

.home .quote p {
font-size:0.9em;
}

}

/* iphones to ipads - portrait */

@media screen and (min-width: 320px) and (max-width: 768px) {

.menu-toggle, .main-navigation.toggled .nav-menu, #menu-main-menu .skip-link {
		display: block;
	}

.main-navigation ul {
		display: none;
	}

#site-navigation {
background:#333;
display: none;
}

.menu-main-menu-container {
margin:0;
}



#site-navigation h1 {
font-size:1.4em;
padding:10px;
}

#primary, #secondary {
	width:98%;
	margin:auto;
	float:none;
	clear:both;
}

.home #main {
margin-top:40px;
}

.home .col-md-3 {
	float:left;
	clear:none;
	width:30%;
}

.home .col-md-9 {
	width:70%;
	float:right; clear:none;
}

/* .home #cta {
	padding:0 1% 0 1%;
}


.home #cta .acbutton {
float:left;
margin: 0 5px 0 5px;
}

.home #cta a {
font-size:1.2em;
} */

#events, #calendar {
	width:50%;
	padding:0 3% 0 3%;
	margin:0;
}

#news {width:100%;
clear:both;
}

.home #treetop, #treebg {
	width:100%;
}

.tag {display:block;
text-align:center;
width:100%;
}

.tag h3 {
color:#810027;
font-family:'GillSansLight';
font-size:1.45em;
margin:0 0 10px 0;
padding:0;
}


.site-branding h3 {
background:#810027;
width:70%;
margin:auto;
font-size:1.6em;
padding:1.2% 0;

}

.header-wrap {
background:none;
}

.site-branding {
position:relative;
text-align:center;
}

.site-branding img {
position:relative;
width: 50%;
z-index:1;
}


#usernav, #tagline {
display:none;
}

#searchbox {
z-index:100;
padding:2%;
display:block;
bottom:0;
position:relative;
}

/* #menu-main-menu li { display:block;
text-align:center;
width:100%;
}

 */

.main-navigation li {
display:block;
text-align:center;
}


.main-navigation ul ul a {
	width: 100%;
border-bottom:1px solid #444;
font-size:15px;
}

.menu-item-769, .menu-item-770, .menu-item-771, .menu-item-772 {
display:block !important;
}

}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px)
and (max-width : 640px) {

#events, #calendar, #news, #foot-1, #foot-2, #foot-3 {
float:none;
width:100%;
clear:both;
padding:1% 6%;
}

#home-footer .widget-title {
text-align:center;
font-size:3em;
}

#foot-1, #foot-2, #foot-3 {
text-align:center;
}

#foot-2 img {
float:none;
}

.home .col-md-5 {
	font-size:0.8em;
	line-height:2em;
}

.home .col-md-5 p {
	text-align:center;
}

.home #cta .acbutton {
width:94% !important;
clear:both;
float:none;
margin:0 auto 5px auto;
font-size:2.4em;
}

}

/* Smartphones (portrait) */

@media only screen
and (min-width : 320px)
and (max-width : 640px)
and (orientation : portrait) {

	#splash img {
		max-width:200% !important;
		width:150% !important;
	}

	.home .col-md-3, .home .col-md-9 {
	padding:5%;
	width:100%;
	float:none;
	clear:both;
}

.home .col-md-9 p, .home .col-md-9 footer {
	text-align:center;
}


}

.trustee {
	font-size:1.2em;
	clear: both;
}

#faculty {
font-size:1.05em;
}

#faculty .single {
padding:2% 0 2% 0;
border-bottom:1px dotted #cecece;
}

#faculty .clearfix {
display:none;
}

#faculty .thumb {
margin:0 0 1% 2%;
float:right;
}

.page-id-449 #field_12_16, .page-id-449 #field_14_16 {
font-size:2em;
padding:1%;
text-align:center;
background:#f2f2f2;
margin-bottom:2%;
}

#post-1831 .entry-header {display:none;}
#post-1831 #head {position:relative;}
#post-1831 #head h2 {position:absolute; bottom:40%; z-index:100; right:0; padding:10px; color:#fff; background:#810027;}
#post-1831 .entry-content h1, #post-1831 .entry-content p.date {display:none;}
#post-1831 .entry-content h1.title {display:block !important; margin-top:10px;}

.hide {display:none !important;}

.page-id-375 .mtli_pdf {
	background-image: none !important;
}

.page-id-375 .mtli_attachment {
	padding-right: 0px !important;
}




/* Removes letter spacing on "Student Stories" heading */
#link-container h3 {
    letter-spacing: 0;
}

/* Reduces size of "Explore" links in jump off areas overlaying banner */
@media screen and (min-width: 1600px)
.explore-explore {
    font-size: 1em;
}

/* Darkens gradient overlaying jump off images */
.explore-item:after {
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );
}

/* Moves arrow next to "Explore" in jump offs to right a little bit */
.link-arrow {
    margin-left: .5em;
}

/* Adjusts typesetting for text below data points */
.glance-obj h4 {
   font-size: 1.125em;
    line-height: 1.33;
}

/* Adds space between data point and text below it */
.glance-obj h3 {
    margin-bottom: .166666666666667em;
}

/* Adjusts width of calendar */
@media (min-width: 800px)
#calendar-obj {
    width: 50%;
}

/* Adjusts width of events to right of calendar */
@media (min-width: 800px)
#calendar-items {
    width: 50%;
    padding-left: 5%;
}

/* Adds some padding around calendar area */
@media (min-width: 800px)
#calendar-container {
    padding: 0 1.75em;
}

/* Adds spacing between list of items in calendar area */
#calendar-items .simcal-day-label {
    margin-top: 1em;
}

/* Shifts calendar items up a little bit and adds some space between list items and button */
.simcal-default-calendar-list {
    padding: 10px 0;
}

/* Hover state for button in calendar section */
/*
.calendar-button, .calendar-button:hover {
    color: #fff;
    text-decoration: none;
    background-color: #333;
}
*/


#news-items .widget {
	margin: 0 !important;
}

/* Left aligns text in drop down menu */
#menu-main-menu ul a {
    text-align: left;
}

/* Removes text shadow from News button */
#button-news {
    text-shadow: none;
    font-weight: 600;
}

.single-calendar .entry-header .entry-meta {
	display: none;
}


.widget_latest_tweets_widget li {
	list-style-type: none;
}

.widget_latest_tweets_widget .latest-tweets {
	margin-top: 20px;
}