/*
Theme Name: Eco League
Theme URI: http://ecoleague.org
Author: Room 34 Creative Services (development), Abby Haddican (design)
Author URI: http://room34.com, http://abbyhaddican.com
Version: 1.0
*/
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)
*/
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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/*------------------------------------||
|| Base HTML and general class styles ||
||------------------------------------*/
/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
/*----- Base HTML -----*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { color: #41413e; font-family: "proxima-nova-alt", sans-serif; font-size: 1em; }

main { clear: both; font-size: 24px; font-size: 1.5rem; margin-bottom: 1em; min-height: 40em; padding: 2em 0; position: relative; z-index: 0; }
.home main { padding-top: 0; }
@media screen and (max-width: 780px) { main { padding: 1em 0 0 0; } }

.site-main h1, .site-main .h1, .site-main h2, .site-main .h2 { margin-bottom: 0.5em; }

.page-content h1, .page-content .h1 { letter-spacing: 0.06em; text-transform: uppercase; }
.page-content h1.page-content--header--title, .page-content .h1.page-content--header--title { text-transform: capitalize; }

.page-content h2, .page-content .h2 { font-size: 48px; font-size: 3rem; font-family: "ff-tisa-web-pro", serif; line-height: 1.2em; }
@media screen and (max-width: 780px) { .page-content h2, .page-content .h2 { font-size: 2.75em; } }
@media screen and (max-width: 640px) { .page-content h2, .page-content .h2 { font-size: 2.25em; } }
@media screen and (max-width: 640px) { .page-content h2, .page-content .h2 { font-size: 1.5em; } }
.featured-page-content--header h2, .featured-page-content--header .h2 { font-family: "proxima-nova-alt", sans-serif; font-size: inherit; }
@media screen and (max-width: 780px) { .featured-page-content--header h2, .featured-page-content--header .h2 { text-align: left; } }
@media screen and (max-width: 640px) { .featured-page-content--header h2, .featured-page-content--header .h2 { text-align: center; } }
.college-grid--header h2, .college-grid--header .h2 { font-family: "ff-tisa-web-pro", serif; font-size: 48px; font-size: 3rem; }
@media screen and (max-width: 640px) { .college-grid--header h2, .college-grid--header .h2 { font-size: 2.25em; } }

h3, .h3 { text-transform: uppercase; }
.page-content h3, .page-content .h3 { font-family: "ff-tisa-web-pro", serif; font-size: 1.25em; font-style: italic; margin-bottom: 0.5em; text-transform: capitalize; }
@media screen and (max-width: 640px) { .page-content h3, .page-content .h3 { font-size: 1.5em; } }
.sidebar h3, .sidebar .h3 { font-style: normal; text-transform: uppercase; }
.contacts-college--header h3, .contacts-college--header .h3 { font-size: 1.25em; font-weight: 700; margin-bottom: 0.5em; }
.social-media-feed--header h3, .social-media-feed--header .h3 { font-size: 24px; font-size: 1.5rem; letter-spacing: 0.05em; margin-bottom: 0.5em; }

.page-content h4, .page-content .h4 { letter-spacing: 0.03em; text-transform: uppercase; }

p { font-size: 1.125em; line-height: 1.6666em; }
.page-content p { margin-bottom: 2em; }
.page-content .page-content--header p { margin-bottom: 0; }
.sidebar p { margin-bottom: 1em; }
.page-content .college-grid .college--content p { line-height: 1.2em; margin-bottom: 1.25em; }
.home-top p, .home-middle p, .home-bottom p { font-size: 24px; font-size: 1.5rem; line-height: 1.5em; text-align: center; width: 100%; }
@media screen and (max-width: 640px) { .home-top p, .home-middle p, .home-bottom p { font-size: 1.25em; } }
.featured-page-content--text p, .contact-info p { font-size: 18px; font-size: 1.125rem; line-height: 1.33333em; }
@media screen and (max-width: 780px) { .featured-page-content--text p, .contact-info p { text-align: left; } }
@media screen and (max-width: 640px) { .featured-page-content--text p, .contact-info p { text-align: center; } }
.featured-page-content--text p.contact-info--name, .contact-info p.contact-info--name { font-family: "ff-tisa-web-pro", serif; font-size: 24px; font-size: 1.5rem; }
@media screen and (max-width: 640px) { .contact-info p { text-align: left; } }
.contact-info p { text-align: left; }
.testimonial--content p { font-family: "ff-tisa-web-pro", serif; font-size: 48px; font-size: 3rem; font-style: italic; }
.page-template-templateshome-php .testimonial--content p { line-height: 1.25em; }
@media screen and (max-width: 980px) { .testimonial--content p { font-size: 2.5em; } }
@media screen and (max-width: 640px) { .testimonial--content p { font-size: 1.5em; } }

a { color: #f1613b; }
.site-title a { background: url('/wp-content/themes/ecoleague/img/logo.png?1420832306'); -moz-background-size: 270px 56px; -webkit-background-size: 270px 56px; background-size: 270px 56px; display: block; height: 56px; position: relative; text-indent: -9999px; top: -0.25em; width: 270px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .site-title a { background-image: url('/wp-content/themes/ecoleague/img/logo_x2.png?1412893322'); } }
@media screen and (max-width: 1075px) { .site-title a { top: -0.75em; } }
.page-template-templatesmember-college-php .page-content--header a { font-family: inherit; font-size: 18px; font-size: 1.125rem; }
.member-colleges-list a { color: #625951; font-size: inherit; }
.college-grid--college a { color: inherit; display: block; text-decoration: none; }
.footer a { color: white; }

.page-content ul, .page-content ol { font-size: 18px; font-size: 1.125rem; margin: 0 0 2em 2.4em; }
.page-content ul ul, .page-content ul ol, .page-content ol ul, .page-content ol ol { margin: 0 0 0 2em; }

.page-content ul { list-style-type: disc; }
.page-content ul > li > ul { list-style-type: circle; }
.page-content ul > li > ul > li > ul { list-style-type: square; }
.member-colleges ul, .social-media-feed ul, .slideshow-container ul { list-style-type: none; margin: 0; }

.page-content ol { list-style-type: decimal; }
.page-content ol > li > ol { list-style-type: lower-alpha; }
.page-content ol > li > ol > li > ol { list-style-type: lower-roman; }

.page-content li { line-height: 1.6em; }
.member-colleges-list li + li { font-size: inherit; margin-top: 1.5em; }

.page-content blockquote { font-family: "ff-tisa-web-pro", serif; font-size: 48px; font-size: 3rem; line-height: 60px; line-height: 3.75rem; margin-bottom: 0.5em; }
.page-content blockquote > p { font-family: inherit; font-size: inherit; line-height: inherit; margin-bottom: inherit; }

img { height: auto; max-width: 100%; width: auto; }
img.alignnone { margin-bottom: 2em; }
p img.alignnone { margin-bottom: 0; }
.site-main img { -webkit-border-radius: 16x; -moz-border-radius: 16x; border-radius: 16px; background-clip: padding-box; }
.page-template-templateshome-php .slideshow img { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-clip: padding-box; margin: auto; max-width: 2000px; width: 100%; }

.video-embedded iframe[src*="vimeo"] { max-width: 100%; }

hr { background-color: #a99e88; border: 0; border-top: 1px solid #a99e88; display: block; height: 1px; margin: 1em 0; padding: 0; }

/*----- General classes -----*/
/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
.button, .ninja-forms-cont input[type="submit"] { -webkit-appearance: none; outline: none; border: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 5px; border-top-left-radius: 5px; background-clip: padding-box; box-shadow: none; cursor: pointer; display: inline-block; font-size: 16px; font-size: 1rem; letter-spacing: 0.08em; padding: 0.8em 1.6em 0.8em 0.8em; text-transform: uppercase; width: auto; }

.bg-primary, .ninja-forms-cont input[type="submit"] { background-color: #708b44; color: white; position: relative; }
.bg-primary::after, .ninja-forms-cont input[type="submit"]::after { background-color: inherit; bottom: 0; content: '>'; display: inline-block; left: 101%; line-height: 2.6em; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-bottomleft: 0; -moz-border-radius-topleft: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box; padding: 0 0.3em; position: absolute; text-align: center; top: 0; width: 30px; }

.input-field, .search-field, .ninja-forms-cont input[type="text"], .ninja-forms-cont input[type="email"], .ninja-forms-cont input[type="password"], .ninja-forms-cont textarea, .ninja-forms-cont select { border: 1px solid #a99e88; box-shadow: 0; padding: 0 0.75em; }

.semibold, .page-content h4, .page-content .h4, .nav-menu, .footer { font-weight: 600; }

/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
/*----- WordPress-required classes -----*/
.alignleft { float: left; }

.alignright { float: right; }

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

.wp-caption { /* */ }

.wp-caption-text { /* */ }

.gallery-caption { /* */ }

.sticky { /* */ }

.bypostauthor { /* */ }

.screen-reader-text { display: none; }

/*---------------||
|| Layout styles ||
||---------------*/
/*----- Page header styles -----*/
/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
#masthead { border-top: 16px solid #708b44; border-top: 1rem solid #708b44; border-bottom: 0.5em solid #dddbd3; padding-top: 2em; position: relative; z-index: 1; }

.wrapper--header { *zoom: 1; }
.wrapper--header:before, .wrapper--header:after { display: table; content: ""; }
.wrapper--header:after { clear: both; }

.site-title { display: inline-block; float: left; margin: 0; vertical-align: middle; width: auto; }
@media screen and (max-width: 500px) { .site-title { display: block; float: none; margin-bottom: 3em; } }

/*----- Site navigation styles -----*/
/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
.nav-menu { font-family: "proxima-nova-alt-condensed", sans-serif; list-style-type: none; position: relative; }
.nav-menu a { letter-spacing: 0.09em; text-decoration: none; text-transform: uppercase; }

.menu-toggle { display: none; }

.primary-navigation { display: inline-block; float: right; font-size: 14px; font-size: 0.875rem; vertical-align: middle; width: auto; }
@media screen and (max-width: 780px) { .primary-navigation { clear: left; display: block; float: none; font-size: 1em; left: -2.5%; margin-bottom: 0.5em; padding-top: 0.75em; position: relative; width: 110%; } }
.primary-navigation .nav-menu a { color: #625951; }
.primary-navigation .nav-menu li { display: inline-block; margin-left: 4em; }
@media screen and (max-width: 1450px) { .primary-navigation .nav-menu li { margin-left: 1.5em; } }
@media screen and (max-width: 780px) { .primary-navigation .nav-menu li { display: block; margin-left: 0; } }
.primary-navigation .nav-menu li:first-child { border-top: none; margin: 0; }
.primary-navigation .nav-menu > li { padding: 2em 0 1.25em 0; position: relative; }
.primary-navigation .nav-menu > li > a:hover { color: #a0aa00; }
@media screen and (max-width: 780px) { .primary-navigation .nav-menu > li { border-top: solid 1px #a99e88; padding: 0.7em 0.5em 0.7em 2.5%; } }
@media screen and (max-width: 780px) { .primary-navigation .nav-menu > li.menu-item-has-children:after, .primary-navigation .nav-menu > li.menu-item-has-children.down-arrow:after { background-image: url('/wp-content/themes/ecoleague/img/caret_down.png?1419267649'); -moz-background-size: 18px 18px; -webkit-background-size: 18px 18px; background-size: 18px 18px; content: ""; display: inline-block; height: 18px; position: absolute; right: 10%; top: 11px; width: 18px; }
  .ie8 .primary-navigation .nav-menu > li.menu-item-has-children:after, .ie8 .primary-navigation .nav-menu > li.menu-item-has-children.down-arrow:after { background-image: url('/wp-content/themes/ecoleague/img/caret_down_ie.png?1420837598'); } }
.primary-navigation .nav-menu > li.menu-item-has-children.down-arrow:after { background-image: url('/wp-content/themes/ecoleague/img/caret_up.png?1419889872'); }
.ie8 .primary-navigation .nav-menu > li.menu-item-has-children.down-arrow:after { background-image: url('/wp-content/themes/ecoleague/img/caret_up_ie.png?1420837561'); }
.primary-navigation .nav-menu > li.current-menu-item, .primary-navigation .nav-menu > li.current_page_ancestor, .primary-navigation .nav-menu > li.menu-item-has-children:hover { background: url('/wp-content/themes/ecoleague/img/nav-pointer.png?1410892669') bottom center no-repeat; -moz-background-size: 1.875rem 1.25rem; -webkit-background-size: 1.875rem 1.25rem; background-size: 1.875rem 1.25rem; background-size: 30px 20px; background-size: 1.875rem 1.25rem; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .primary-navigation .nav-menu > li.current-menu-item, .primary-navigation .nav-menu > li.current_page_ancestor, .primary-navigation .nav-menu > li.menu-item-has-children:hover { background-image: url('/wp-content/themes/ecoleague/img/nav-pointer_x2.png?1410892669'); background-size: 30px, 20px; } }
@media screen and (max-width: 780px) { .primary-navigation .nav-menu > li.current-menu-item, .primary-navigation .nav-menu > li.current_page_ancestor, .primary-navigation .nav-menu > li.menu-item-has-children:hover { background: none; cursor: pointer; } }
.primary-navigation .nav-menu > li.menu-item-has-children:hover ~ li { background: none; }
.primary-navigation .nav-menu > li.current-menu-ancestor > a, .primary-navigation .nav-menu > li.current-menu-item > a { color: #a0aa00; }
.primary-navigation .nav-menu > li.down-arrow .children, .primary-navigation .nav-menu > li.down-arrow .sub-menu { display: block; }
.primary-navigation .nav-menu > li.down-arrow .children a:hover, .primary-navigation .nav-menu > li.down-arrow .sub-menu a:hover { color: #a0aa00; }
.primary-navigation .nav-menu > li.down-arrow > .children, .primary-navigation .nav-menu > li.down-arrow > .sub-menu { background: #dddbd3; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15); left: -100em; min-width: 20em; padding: 0.5em 100em; position: absolute; top: 100%; z-index: 1000; }
.primary-navigation .nav-menu > li.down-arrow > .children > li:first-child, .primary-navigation .nav-menu > li.down-arrow > .sub-menu > li:first-child { border: 0 none; margin: 0; }
.primary-navigation .nav-menu > li.down-arrow > .children > li:first-child > .children, .primary-navigation .nav-menu > li.down-arrow > .children > li:first-child > .sub-menu, .primary-navigation .nav-menu > li.down-arrow > .sub-menu > li:first-child > .children, .primary-navigation .nav-menu > li.down-arrow > .sub-menu > li:first-child > .sub-menu { border-top: 2px solid #41413e; }
.primary-navigation .nav-menu > li.down-arrow > .sub-menu { background: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; left: 0; padding: 0.25em 0 0 1em; position: relative; }
.primary-navigation .nav-menu > li.down-arrow > .sub-menu > li:first-child > .children, .primary-navigation .nav-menu > li.down-arrow > .sub-menu > li:first-child > .sub-menu { border-top: none; font-size: 0.85em; }
@media screen and (min-width: 781px) { .primary-navigation .nav-menu > li:hover .children, .primary-navigation .nav-menu > li:hover .sub-menu { display: block; }
  .primary-navigation .nav-menu > li:hover .children a:hover, .primary-navigation .nav-menu > li:hover .sub-menu a:hover { color: #a0aa00; }
  .primary-navigation .nav-menu > li:hover > .children, .primary-navigation .nav-menu > li:hover > .sub-menu { background: #dddbd3; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.15); left: -100em; min-width: 20em; padding: 0.5em 100em; position: absolute; top: 100%; z-index: 1000; }
  .primary-navigation .nav-menu > li:hover > .children > li:first-child, .primary-navigation .nav-menu > li:hover > .sub-menu > li:first-child { border: 0 none; margin: 0; }
  .primary-navigation .nav-menu > li:hover > .children > li:first-child > .children, .primary-navigation .nav-menu > li:hover > .children > li:first-child > .sub-menu, .primary-navigation .nav-menu > li:hover > .sub-menu > li:first-child > .children, .primary-navigation .nav-menu > li:hover > .sub-menu > li:first-child > .sub-menu { border-top: 2px solid #41413e; } }
.primary-navigation .nav-menu .children, .primary-navigation .nav-menu .sub-menu { display: none; }
.primary-navigation .nav-menu .children li, .primary-navigation .nav-menu .sub-menu li { border-top: 1px solid #41413e; box-sizing: border-box; display: block; line-height: 1.2em; margin: 0 0 0 0; position: relative; }
@media screen and (max-width: 780px) { .primary-navigation .nav-menu .children li, .primary-navigation .nav-menu .sub-menu li { border-top: none; } }
.primary-navigation .nav-menu .children li a, .primary-navigation .nav-menu .sub-menu li a { display: block; padding: 0.5em 0; }

.footer-navigation { border-left: 1px solid white; display: inline-block; float: left; font-family: "proxima-nova-alt", sans-serif; padding-left: 3em; }
@media screen and (max-width: 640px) { .footer-navigation { border: none; display: block; float: none; margin-bottom: 1em; padding-left: 0; } }
.footer-navigation li { display: block; font-family: "proxima-nova-alt", sans-serif; font-size: 16px; font-size: 1rem; line-height: 1.5em; }

/*----- Page body styles -----*/
/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
.wrapper { margin: 0 auto; max-width: 2000px; overflow: hidden; }

.wrapper--inner { margin: 0 auto; max-width: 90rem; width: 90%; }
@media screen and (max-width: 1200px) { .wrapper--inner { width: 95%; } }
.footer .wrapper--inner { overflow: hidden; padding: 2em 0 9em 0; position: relative; }
@media screen and (max-width: 640px) { .footer .wrapper--inner { padding: 2em 0 6em 0; } }

.page-content { font-size: 16px; font-size: 1rem; margin-bottom: 2em; }
.blog .page-content, .page-template-templatesmember-college-php .page-content, .page-template-default .page-content { float: left; width: 66%; }
.blog .page-content article, .blog .page-content nav, .page-template-templatesmember-college-php .page-content article, .page-template-templatesmember-college-php .page-content nav, .page-template-default .page-content article, .page-template-default .page-content nav { width: 100%; }
@media screen and (max-width: 780px) { .blog .page-content, .page-template-templatesmember-college-php .page-content, .page-template-default .page-content { width: 100%; } }

.page-content--header { font-family: "ff-tisa-web-pro", serif; font-size: 1em; margin-bottom: 1em; }

.page-content--header--title { font-size: 32px; font-size: 2rem; margin: 0; text-transform: none; }
.page-template-templatesmember-college-php .page-content--header--title { letter-spacing: 0; }

.video-embedded { margin-bottom: 2em; }

.youtube-container { margin-bottom: 32px; margin-bottom: 2rem; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.youtube-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.two-column[data-type="default"] { border-top: 2px solid #dddbd3; padding-top: 4em; }
@media screen and (max-width: 780px) { .two-column { padding-top: 2em; } }

.column { padding-left: 5%; }
.column:first-child { padding-left: 0; padding-right: 5%; }
@media screen and (max-width: 780px) { .column:first-child { padding-right: 0; } }
.two-column .column { display: inline-block; margin: 0 -4px 2em 0; vertical-align: top; width: 50%; }
@media screen and (max-width: 780px) { .two-column .column { margin-bottom: 0; width: 100%; } }
@media screen and (max-width: 780px) { .column { padding-left: 0; } }

/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
/*----- Home page -----*/
.home-top { padding-top: 2em; margin-bottom: 2em; }

.home-bottom { border-top: 1px solid #a99e88; padding-top: 2em; }

/*------ Site sidebar styles -----*/
/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
.sidebar { font-size: 16px; font-size: 1rem; margin-bottom: 4em; }
.blog .sidebar, .page-template-templatesmember-college-php .sidebar, .page-template-default .sidebar { float: right; width: 30%; }
@media screen and (max-width: 780px) { .blog .sidebar, .page-template-templatesmember-college-php .sidebar, .page-template-default .sidebar { width: 100%; } }
.sidebar li { list-style: none; }
.sidebar li li { line-height: 1.25; margin:15px 0px; list-style:disc; }
.sidebar .spacer-logo { background-image: url('/wp-content/themes/ecoleague/img/spacer-logo.png?1418668745'), url('/wp-content/themes/ecoleague/img/spacer-line.png?1418669377'); background-repeat: no-repeat, repeat-x; background-position: 100% 0%, 0% 50%; height: 58px; }
.ie8 .sidebar .spacer-logo { background-image: url('/wp-content/themes/ecoleague/img/spacer-line.png?1418669377'); background-repeat: repeat-x; height: 24px; margin-top: 1em; }
.sidebar p.tribe-events-widget-link { margin-top: -20px; }

.wysiwyg-content { font-size: 16px; font-size: 1rem; }
.wysiwyg-content h1, .wysiwyg-content h2, .wysiwyg-content h3 { font-size: 1.5em; text-transform: uppercase; margin-bottom: 0.5em; }

/*----- Page footer styles -----*/
/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
.footer { background: #a0aa00; color: white; clear: both; letter-spacing: 0.05em; *zoom: 1; }
.footer:before, .footer:after { display: table; content: ""; }
.footer:after { clear: both; }

.footer--copyright { font-size: 12px; font-size: 0.75rem; letter-spacing: 0.03em; position: absolute; top: auto; right: auto; bottom: 3em; left: 0; }
@media screen and (max-width: 640px) { .footer--copyright { float: none; } }

.footer--logo-mark { background: url('/wp-content/themes/ecoleague/img/logo-image-mark.png?1410892668') center center no-repeat; position: absolute; top: auto; right: 0; bottom: 4em; left: auto; -moz-background-size: 60px 60px; -webkit-background-size: 60px 60px; background-size: 60px 60px; height: 60px; width: 60px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .footer--logo-mark { background-image: url('/wp-content/themes/ecoleague/img/logo-image-mark_x2.png?1410892668'); background-size: 100%, auto; } }
@media screen and (max-width: 640px) { .footer--logo-mark { bottom: 0; float: right; position: relative; } }

/*---------------------------------||
|| Plugin and custom module styles ||
||---------------------------------*/
/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
/* Search */
.search-container { display: block; }
@media screen and (max-width: 1075px) { .search-container { float: right; } }
@media screen and (max-width: 500px) { .search-container { margin-top: 4.25em; position: absolute; } }
#masthead .search-container { *zoom: 1; margin-bottom: 1em; }
#masthead .search-container:before, #masthead .search-container:after { display: table; content: ""; }
#masthead .search-container:after { clear: both; }

.search-box { display: inline-block; float: right; font-size: 16px; font-size: 1rem; position: relative; width: auto; }

.search-field { -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; background-clip: padding-box; -webkit-border-bottom-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem; -webkit-border-top-left-radius: 0.375rem; border-top-left-radius: 0.375rem; background-clip: padding-box; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; background-clip: padding-box; height: 32px; height: 2rem; margin-right: -6px; margin-right: -0.375rem; min-width: 144px; min-width: 9rem; padding: 0 0.75em; }
.search-field:focus, .search-field:active { outline: none; }

.search-submit { background: url('/wp-content/themes/ecoleague/img/search-icon.png?1412287213') center center no-repeat; -moz-background-size: 22px 21px; -webkit-background-size: 22px 21px; background-size: 22px 21px; border: 1px solid #a99e88; border-left: 0; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; background-clip: padding-box; -webkit-border-bottom-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem; -webkit-border-top-right-radius: 0.375rem; border-top-right-radius: 0.375rem; background-clip: padding-box; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; background-clip: padding-box; height: 32px; height: 2rem; width: 40px; width: 2.5rem; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .search-submit { background-image: url('/wp-content/themes/ecoleague/img/search-icon_x2.png?1412287213'); } }

.search-field, .search-submit { display: inline-block; vertical-align: middle; }

/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
.featured-pages { background-image: url('/wp-content/themes/ecoleague/img/divider-pointer.png?1418232511'), url('/wp-content/themes/ecoleague/img/divider-line-segment.png?1418233842'); background-repeat: no-repeat, repeat-x; background-position: 50% 0%, 0% 0%; padding: 6em 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .featured-pages { background: none; border-top: 1px solid #a99e88; } }
.ie8 .featured-pages { background: url('/wp-content/themes/ecoleague/img/divider-line-segment.png?1418233842') repeat-x; }
@media screen and (max-width: 780px) { .featured-pages { padding: 5em 0 2em 0; } }

.featured-page { display: inline-block; text-align: center; margin-right: -0.25em; vertical-align: top; width: 33.33333333%; }
@media screen and (max-width: 780px) { .featured-page { width: 100%; } }
.featured-page + .featured-page { border-left: 1px solid #dddbd3; border-right: 1px solid #dddbd3; }
@media screen and (max-width: 780px) { .featured-page + .featured-page { border: none; } }
.featured-page + .featured-page + .featured-page { border: none; }

.featured-page--link { color: inherit; display: block; margin: 0 auto; text-decoration: none; width: 90%; }

.featured-page--image { margin-bottom: 2em; }
@media screen and (max-width: 780px) { .featured-page--image { display: inline-block; margin-right: 1em; vertical-align: top; width: 45%; }
  .ie8 .featured-page--image { width: 100%; } }
@media screen and (max-width: 780px) and (max-width: 640px) { .featured-page--image { width: 100%; } }

@media screen and (max-width: 780px) { .featured-page-content.rte { display: inline-block; width: 50%; }
  .ie8 .featured-page-content.rte { width: 100%; } }
@media screen and (max-width: 640px) { .featured-page-content.rte { width: 100%; } }

.featured-page-content--header { font-weight: 500; font-size: 24px; font-size: 1.5rem; letter-spacing: 0.1em; text-transform: uppercase; }
.ie8 .featured-page-content--header { font-size: 16px; }

.featured-page-content--text { line-height: 1.6em; }

/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
.member-colleges { font-family: "proxima-nova-alt", sans-serif; font-size: 16px; font-size: 1rem; }

.member-colleges--header, .sidebar li h2 { font-size: 24px; font-size: 1.5rem; letter-spacing: 0.05em; margin-bottom: 0.5em; text-transform: uppercase; }
@media screen and (max-width: 780px) { .member-colleges--header, .sidebar li h2 { font-size: 1.25em; } }

ul.member-colleges-list { font-size: 16px; font-size: 1rem; }
ul.member-colleges-list .city-state { font-size: 14.4px; font-size: 0.9rem; }

/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
.social-media { display: inline-block; vertical-align: top; width: auto; }
.footer .social-media { float: right; }
@media screen and (max-width: 640px) { .footer .social-media { float: left; } }
.social-media li { display: inline-block; }

.social-media--icon { background: url('/wp-content/themes/ecoleague/img/social-media-icons.png?1412287214') no-repeat; border: 1px solid transparent; display: block; height: 41px; opacity: 1; -webkit-transition: opacity 170ms ease-in; -moz-transition: opacity 170ms ease-in; -ms-transition: opacity 170ms ease-in; -o-transition: opacity 170ms ease-in; transition: opacity 170ms ease-in; text-indent: -9999px; width: 39px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .social-media--icon { background-image: url('/wp-content/themes/ecoleague/img/social-media-icons_x2.png?1412287214'); background-size: 273px 40px; } }
.sidebar .social-media--icon { background-image: url('/wp-content/themes/ecoleague/img/college-social-media-icons.png?1412790945'); height: 31px; width: 31px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .sidebar .social-media--icon { background-image: url('/wp-content/themes/ecoleague/img/college-social-media-icons_x2.png?1412790945'); background-size: 240px 33px; } }
.social-media--icon:hover { opacity: 0.85; }
.social-media--icon.facebook { background-position: -95px 0; }
.sidebar .social-media--icon.facebook { background-position: -84px -1px; }
.social-media--icon.twitter { background-position: -3px 0; }
.sidebar .social-media--icon.twitter { background-position: -2px -1px; }
.social-media--icon.pinterest { background-position: -188px 0; }
.sidebar .social-media--icon.pinterest { background-position: -167px -1px; }
.social-media--icon.instagram { background-position: -141px 0; }
.sidebar .social-media--icon.instagram { background-position: -209px -1px; }
.social-media--icon.google-plus { background-position: -234px 0; }
.sidebar .social-media--icon.google-plus { background-position: -126px -1px; }
.social-media--icon.vimeo { background-position: -48px 0; }
.sidebar .social-media--icon.vimeo { background-position: -43px -1px; }

.sidebar .social-media-feed { margin-bottom: 3em; }

.widget_reallysimpletwitterwidget, .wysiwyg-content .really_simple_twitter_widget li, .cff-item { font-size: 0.8em; line-height: 1.25em; list-style: none; margin-bottom: 1em; padding-top: 1em; }
.widget_reallysimpletwitterwidget + .widget_reallysimpletwitterwidget, .wysiwyg-content .really_simple_twitter_widget li + .widget_reallysimpletwitterwidget, .wysiwyg-content .really_simple_twitter_widget .widget_reallysimpletwitterwidget + li, .wysiwyg-content .really_simple_twitter_widget li + li, .cff-item + .widget_reallysimpletwitterwidget, .wysiwyg-content .really_simple_twitter_widget .cff-item + li, .widget_reallysimpletwitterwidget + .cff-item, .wysiwyg-content .really_simple_twitter_widget li + .cff-item, .cff-item + .cff-item { border-top: 2px dotted #dddbd3; }
.widget_reallysimpletwitterwidget .rstw_link_user, .wysiwyg-content .really_simple_twitter_widget li .rstw_link_user, .cff-item .rstw_link_user { margin-top: 0.5em; }
.widget_reallysimpletwitterwidget .rstw_link_user a, .wysiwyg-content .really_simple_twitter_widget li .rstw_link_user a, .cff-item .rstw_link_user a { color: #a99e88; }

li.widget_reallysimpletwitterwidget h2, .wysiwyg-content .really_simple_twitter_widget li h2 { font-size: 1em; text-transform: none; }

.cff-item, .cff-wrapper { border-bottom: 2px dotted #dddbd3; }

.wysiwyg-content .really_simple_twitter_widget li { font-size: 1em; }

/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
.college-grid { font-size: 16px; font-size: 1rem; margin-bottom: 2em; }
@media screen and (max-width: 640px) { .college-grid { margin-bottom: 0; } }

.college-grid--college { border-right: 1px solid #dddbd3; display: inline-block; margin: 0 -4px 64px 0; margin: 0 -0.25rem 4rem 0; padding: 0 1.5%; text-align: center; vertical-align: top; width: 33.333333333%; }
.college-grid--college:nth-child(3n) { border: 0 none; }
@media screen and (max-width: 980px) { .college-grid--college { width: 50%; }
  .college-grid--college:nth-child(3n) { border-right: 1px solid #dddbd3; }
  .college-grid--college:nth-child(2n) { border: 0 none; } }
@media screen and (max-width: 640px) { .college-grid--college { border: none; width: 100%; } }

.college--featured-image { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; background-clip: padding-box; display: inline-block; line-height: 0.01em; margin: 0 0 1em 0; padding: 0; overflow: hidden; width: 100%; }

.college-grid--header { margin-bottom: 2em; text-align: center; }

h4.college--name { font-size: 24px; font-size: 1.5rem; line-height: 1.25em; }

.college--state-map img { max-width: 35%; }

/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
.slideshow-container { display: block; margin-bottom: 2em; width: 100%; }
.page-template-templateshome-php .slideshow-container { margin: auto; }

.slideshow { list-style-type: none; margin: 0; overflow: hidden; padding: 0; position: relative; }
.page-template-templatesmember-college-php .slideshow { height: 630px; }
.page-template-templateshome-php .slideshow { height: 400px; }
.slideshow li { bottom: 0; left: 0; margin: auto; opacity: 0; position: absolute; right: 0; top: 0; -webkit-transition: opacity 300ms ease-in; -moz-transition: opacity 300ms ease-in; -ms-transition: opacity 300ms ease-in; -o-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in; }
.ie8 .slideshow li { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.slideshow li.current { opacity: 1; -webkit-transition: opacity 300ms ease-in; -moz-transition: opacity 300ms ease-in; -ms-transition: opacity 300ms ease-in; -o-transition: opacity 300ms ease-in; transition: opacity 300ms ease-in; }
.ie8 .slideshow li.current { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.slideshow-nav { display: block; margin: 0 auto; padding: 1.5em 0; text-align: center; width: auto; }

.slideshow-nav--button { background: white; border: 3px solid #dddbd3; cursor: pointer; -webkit-border-radius: 1.25rem; -moz-border-radius: 1.25rem; border-radius: 1.25rem; background-clip: padding-box; display: inline-block; height: 40px; height: 2.5rem; width: 40px; width: 2.5rem; }
.ie8 .slideshow-nav--button { border: none; }
.slideshow-nav--button.step:before { color: #dddbd3; }
.slideshow-nav--button.step:hover { border-color: #625951; -webkit-transition: border-color 120ms ease-in; -moz-transition: border-color 120ms ease-in; -ms-transition: border-color 120ms ease-in; -o-transition: border-color 120ms ease-in; transition: border-color 120ms ease-in; }
.slideshow-nav--button.step:hover:before { color: #625951; -webkit-transition: color 120ms ease-in; -moz-transition: color 120ms ease-in; -ms-transition: color 120ms ease-in; -o-transition: color 120ms ease-in; transition: color 120ms ease-in; }
.slideshow-nav--button.next, .slideshow-nav--button.prev { font-family: "ff-tisa-web-pro", serif; font-size: 27.2px; font-size: 1.7rem; text-align: center; }
.slideshow-nav--button.prev:before { content: '<'; }
.slideshow-nav--button.next:before { content: '>'; }

ul.slideshow-nav--controls { display: inline-block; list-style-type: none; margin: 0 1em; padding: 0; width: auto; }
@media screen and (max-width: 500px) { ul.slideshow-nav--controls { margin: 0 0.5em; } }
@media screen and (max-width: 320px) { ul.slideshow-nav--controls { margin: 0 0.25em; } }
ul.slideshow-nav--controls li { background: #dddbd3; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; background-clip: padding-box; display: inline-block; font-size: 16px; font-size: 1rem; height: 1em; margin: 0 0.5em; width: 1em; }
@media screen and (max-width: 500px) { ul.slideshow-nav--controls li { margin: 0 0.25em; } }
@media screen and (max-width: 320px) { ul.slideshow-nav--controls li { margin: 0 0.125em; } }
ul.slideshow-nav--controls li.current { background: #41413e; border-color: #41413e; -webkit-transition: all 300ms ease-in; -moz-transition: all 300ms ease-in; -ms-transition: all 300ms ease-in; -o-transition: all 300ms ease-in; transition: all 300ms ease-in; }

/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
.contacts { display: block; font-size: 16px; font-size: 1rem; }

.contacts--single { display: inline-block; margin: 0 -4px 1em 0; padding: 0 0.5em 0 0; vertical-align: top; width: 33%; }
@media screen and (max-width: 1200px) { .contacts--single { width: 50%; } }
@media screen and (max-width: 500px) { .contacts--single { width: 100%; } }
.contacts--single > img + p { display: none; }
.bios .contacts--single { width: 30%; margin: 0 0.5em 1em 0; }
@media screen and (max-width: 980px) { .bios .contacts--single { display: inline-block; width: 47%; } }
@media screen and (max-width: 640px) { .bios .contacts--single { width: 100%; } }

.page-template-templatescontact-php .contact-info { float: left; width: 25%; }
@media screen and (max-width: 780px) { .page-template-templatescontact-php .contact-info { float: none; margin-bottom: 1em; width: 100%; } }
.footer .contact-info { display: inline-block; float: left; font-size: 16px; font-size: 1rem; font-family: "proxima-nova-alt", sans-serif; line-height: 20px; line-height: 1.25rem; margin-right: 3em; vertical-align: top; width: auto; }
@media screen and (max-width: 640px) { .footer .contact-info { display: block; float: none; margin-bottom: 1em; } }

.contact-info--name { background: url('/wp-content/themes/ecoleague/img/wordmark.png?1420647536') no-repeat; -moz-background-size: 200px 34px; -webkit-background-size: 200px 34px; background-size: 200px 34px; height: 34px; margin-bottom: 0.3em; width: 200px; }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .contact-info--name { background-image: url('/wp-content/themes/ecoleague/img/wordmark_x2.png?1420823591'); background-size: 100%, auto; } }
.footer .contact-info--name { background-image: url('/wp-content/themes/ecoleague/img/wordmark_white.png?1420647632'); }
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { .footer .contact-info--name { background-image: url('/wp-content/themes/ecoleague/img/wordmark_white_x2.png?1420647462'); background-size: 100%, auto; } }

@media screen and (max-width: 500px) { .contacts--single-info p { margin-bottom: 0; } }

.contact-top { overflow: hidden; margin-bottom: 2em; padding-bottom: 2em; }

/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
.testimonials { border-top: 1px solid #dddbd3; display: table; padding: 6em 0; table-layout: fixed; width: 100%; }
@media screen and (max-width: 780px) { .testimonials { padding: 4em 0 0 0; } }

.testimonial { display: block; }
.testimonial + .testimonial { margin-top: 4em; }
@media screen and (max-width: 640px) { .testimonial { float: left; } }

.testimonial--content, .testimonial--author { display: table-cell; vertical-align: top; }

.testimonial--content { border-right: 2px dotted #dddbd3; padding: 0 2em; width: 80%; }
@media screen and (max-width: 780px) { .testimonial--content { width: 50%; } }
@media screen and (max-width: 640px) { .testimonial--content { border: none; float: left; width: 100%; } }
.testimonial--content p { margin: 0; text-align: left; }

.testimonial--author { font-size: 24px; font-size: 1.5rem; line-height: 1.25em; padding: 0.5em 2% 0 2%; width: 20%; }
@media screen and (max-width: 780px) { .testimonial--author { width: 25%; } }
@media screen and (max-width: 640px) { .testimonial--author { float: right; width: 75%; } }
@media screen and (max-width: 640px) { .testimonial--author { font-size: 1.25em; } }

/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
.module-map { float: left; margin-bottom: 2em; width: 100%; }

.member-college-map { float: left; width: 66%; }
.member-college-map + .member-colleges { float: right; padding-left: 1em; width: 33%; }
.member-college-map + .member-colleges .member-colleges--header, .member-college-map + .member-colleges .sidebar li h2, .sidebar li .member-college-map + .member-colleges h2 { display: none; }
@media screen and (max-width: 640px) { .member-college-map + .member-colleges { float: left; padding-left: 0; padding-top: 1em; width: 100%; } }
@media screen and (max-width: 640px) { .member-college-map { width: 100%; } }

/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
.file-download-section { margin-bottom: 1em; }
.file-download-section div { margin-bottom: 0.5em; }
.file-download-section div a { display: block; margin: 1.5em 0 2.5em 0; position: relative; padding-left: 45px; }
.file-download-section div a:before { border: solid 2px #708b44; content: ''; height: 34px; left: 0; position: absolute; top: -7px; width: 29px; }
.file-download-section div a:after { background-color: #000; color: #fff; content: 'file'; content: attr(filetype); font-size: 11px; left: -4px; letter-spacing: 1px; line-height: 1.3; padding: 0px 2px; position: absolute; text-align: right; text-transform: uppercase; top: 9px; }
.file-download-section div .file-corner { border-color: white transparent transparent #708b44; border-style: solid; border-width: 11px 0 0 11px; height: 0; left: 22px; position: absolute; top: -7px; width: 0; }

/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
.no-js .ninja-forms-cont { opacity: 1; }

.ninja-forms-cont { opacity: 0; }
.ninja-forms-cont input[type="text"], .ninja-forms-cont input[type="email"], .ninja-forms-cont input[type="password"], .ninja-forms-cont textarea, .ninja-forms-cont select { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-clip: padding-box; padding: 0.5em; }
.ninja-forms-cont input[type="text"]:focus, .ninja-forms-cont input[type="text"]:active, .ninja-forms-cont input[type="email"]:focus, .ninja-forms-cont input[type="email"]:active, .ninja-forms-cont input[type="password"]:focus, .ninja-forms-cont input[type="password"]:active, .ninja-forms-cont textarea:focus, .ninja-forms-cont textarea:active, .ninja-forms-cont select:focus, .ninja-forms-cont select:active { outline: 2px solid #a99e88; }
.ninja-forms-cont select { background: #fff; -webkit-appearance: none; }
.ninja-forms-cont .ninja-forms-field { color: #a99e88; font-family: "proxima-nova-alt", sans-serif; font-style: italic; font-size: 18px; font-size: 1.125rem; }
.ninja-forms-cont .list-checkbox-wrap li { display: inline-block; margin-bottom: 0.5em; vertical-align: top; width: 50%; }
.ninja-forms-cont input[type="submit"] { -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-left-radius: 5px; background-clip: padding-box; padding: 0.8em 1.2em; }
.page-template-templatescontact-php .ninja-forms-cont { float: right; width: 70%; }
@media screen and (max-width: 780px) { .page-template-templatescontact-php .ninja-forms-cont { float: none; width: 100%; } }

.ninja-forms-form-title { font-family: "ff-tisa-web-pro", serif; font-size: 48px; font-size: 3rem; }
@media screen and (max-width: 780px) { .ninja-forms-form-title { font-size: 1.25em; } }

.ninja-forms-required-items { margin-bottom: 0.5em; }

/*--------------------------------||
|| Custom page template overrides ||
||--------------------------------*/
/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
/*----- Home page -----*/
.home-top { padding-top: 2em; margin-bottom: 2em; }

.home-bottom { border-top: 1px solid #a99e88; padding-top: 2em; }

/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
/*----- Default page -----*/
.page-template-index-php main, .page-template-category-php main { min-height: initial; }
.page-template-index-php article, .page-template-category-php article { margin-bottom: 0.5em; }
.page-template-index-php article p, .page-template-category-php article p { margin-bottom: 0.5em; }
.page-template-index-php article section, .page-template-category-php article section { margin-top: 1em; }
.page-template-index-php .entry-header, .page-template-category-php .entry-header { margin: 0 0 1em 0; }
.page-template-index-php section nav, .page-template-category-php section nav { float: left; font-size: 0.8em; width: 66%; }
@media screen and (max-width: 780px) { .page-template-index-php section nav, .page-template-category-php section nav { width: 100%; } }
.page-template-index-php section nav .nav-previous, .page-template-category-php section nav .nav-previous { float: right; }
.page-template-index-php section nav .nav-next, .page-template-category-php section nav .nav-next { float: left; }

/*
	Outputs classes (.columns-#) for each column <= $nbrOfColumns in _variables.scss
	<div class="columns-6"></div> is 50% width in a 12-column layout
*/
.columns-1, .columns-2, .columns-3, .columns-4, .columns-5, .columns-6, .columns-7, .columns-8, .columns-9, .columns-10, .columns-11, .columns-12 { width: 100%; }

@media only screen and (min-width: 64em) { .columns-1 { float: left; width: 8.33333%; padding: 0 0.625em; }
  .columns-2 { float: left; width: 16.66667%; padding: 0 0.625em; }
  .columns-3 { float: left; width: 25%; padding: 0 0.625em; }
  .columns-4 { float: left; width: 33.33333%; padding: 0 0.625em; }
  .columns-5 { float: left; width: 41.66667%; padding: 0 0.625em; }
  .columns-6 { float: left; width: 50%; padding: 0 0.625em; }
  .columns-7 { float: left; width: 58.33333%; padding: 0 0.625em; }
  .columns-8 { float: left; width: 66.66667%; padding: 0 0.625em; }
  .columns-9 { float: left; width: 75%; padding: 0 0.625em; }
  .columns-10 { float: left; width: 83.33333%; padding: 0 0.625em; }
  .columns-11 { float: left; width: 91.66667%; padding: 0 0.625em; }
  .columns-12 { float: left; width: 100%; padding: 0 0.625em; } }
/*----- Default page -----*/
.page-template-member-college-php .college-logo { height: auto; margin-bottom: 0em; max-width: 150px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background-clip: padding-box; }