/*
Theme Name: Berea WordPress 2015
Theme URI: https://github.com/digisavvy/some-like-it-neat
Author: Alex Vasquez
Author URI: http://alexhasnicehair.com
Description: A simple yet advanced Starter Theme built using _S, Bourbon and Neat (http://underscores.me, http://bourbon.io, http://neat.bourbon.io). Please refer to the README.md file for basic usage instructions and prerequisites. You can always grab the latest version over at http://github.com/digisavvy.some-like-it-neat
Version: 1.1.10
License: GNU General Public License
License URI: license.txt
Text Domain: berea
Domain Path: /library/languages/
Tags: white, light, one-column, two-columns, right-sidebar, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, translation-ready, accessibility-ready

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

Some Like it Neat is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Bourbon, Bitters, Neat
2.0 - Normalize
3.0 - Elements
4.0 - Forms
5.0 - Components/ Add-ons
6.0 - Layout and Structure
	6.1 - Header
	6.2 - Navigation
	6.3 - Content
	6.4 - Page Templates
	6.5 - Sidebar
	6.6 - Footer
	6.7 - Accessbility
7.0 - BC additions

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Bourbon, Bitters, Neat
--------------------------------------------------------------*/
/* Bitters 0.10.0
 * http://bitters.bourbon.io
 * Copyright 2013-2014 thoughtbot, inc.
 * MIT License */
button,
input[type="submit"] {
  -webkit-font-smoothing: antialiased;
  background-color: #00666B;
  border-radius: 3px;
  color: white;
  display: inline-block;
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  padding: 0.75em 1em;
  text-decoration: none; }
  button:hover,
  input:hover[type="submit"] {
    background-color: #001d1f;
    color: white; }
  button:disabled,
  input:disabled[type="submit"] {
    cursor: not-allowed;
    opacity: 0.5; }

body {
  -webkit-font-smoothing: antialiased;
  background-color: #DBE4E8;
  color: #333;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  line-height: 1.25;
  margin: 0;
  text-rendering: optimizeLegibility; }

h1 {
  font-size: 2.25em; }

h2 {
  font-size: 2em; }

h3 {
  font-size: 1.75em; }

h4 {
  font-size: 1.5em; }

h5 {
  font-size: 1.25em; }

h6 {
  font-size: 1em; }

p {
  margin: 0 0 0.75em; }

a {
  transition: color 0.1s linear;
  color: #00666B;
  text-decoration: none; }
  a:hover {
    color: #001d1f; }
  a:active, a:focus {
    color: #001d1f;
    outline: none; }

hr {
  border-bottom: 1px solid #DDD;
  border-left: none;
  border-right: none;
  border-top: none;
  margin: 1.5em 0; }

img,
picture {
  margin: 0;
  max-width: 100%; }

blockquote {
  border-left: 2px solid #DDD;
  color: #595959;
  margin: 1.5em 0;
  padding-left: 0.75em; }

cite {
  color: #737373;
  font-style: italic; }
  cite:before {
    content: "\2014 \00A0"; }

fieldset {
  background: #f7f7f7;
  border: 1px solid #DDD;
  margin: 0 0 0.75em 0;
  padding: 1.5em; }

input,
label,
select {
  display: block;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1em; }

label {
  font-weight: bold;
  margin-bottom: 0.375em; }
  label.required:after {
    content: "*"; }
  label abbr {
    display: none; }

textarea,
input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"],
select[multiple=multiple] {
  box-sizing: border-box;
  transition: border-color;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #DDD;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-size: 1em;
  margin-bottom: 0.75em;
  padding: 0.5em 0.5em;
  width: 100%; }
  textarea:hover,
  input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, input[type="color"]:hover, input[type="date"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover,
  select[multiple=multiple]:hover {
    border-color: #c4c4c4; }
  textarea:focus,
  input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus,
  select[multiple=multiple]:focus {
    border-color: #00666B;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(0, 78, 82, 0.7);
    outline: none; }

textarea {
  resize: vertical; }

input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none; }

input[type="checkbox"],
input[type="radio"] {
  display: inline;
  margin-right: 0.375em; }

input[type="file"] {
  padding-bottom: 0.75em;
  width: 100%; }

select {
  margin-bottom: 1.5em;
  max-width: 100%;
  width: auto; }

table {
  border-collapse: collapse;
  margin: 0.75em 0;
  table-layout: fixed;
  width: auto; }

th {
  border-bottom: 1px solid #b7b7b7;
  font-weight: bold;
  padding: 0.75em 0;
  text-align: left; }

td {
  border-bottom: 1px solid #DDD;
  padding: 0.75em 0; }

tr,
td,
th {
  vertical-align: middle; }

ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  ul {
    list-style-type: disc;
    margin-bottom: 0.75em;
    padding-left: 1.5em; }
  
  ol {
    list-style-type: decimal;
    margin-bottom: 0.75em;
    padding-left: 1.5em; }

dl {
  margin-bottom: 0.75em; }
  dl dt {
    font-weight: bold;
    margin-top: 0.75em; }
  dl dd {
    margin: 0; }

button,
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: none;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  vertical-align: middle;
  white-space: nowrap; }

/*
 * 	if you change the value of $L here, be sure to
 *  update var MqL in navigation.js as well!
 */
* {
  box-sizing: border-box; }

/*--------------------------------------------------------------
2.0 Normalize/Reset
--------------------------------------------------------------*/
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
  height: auto;
  max-height: 100%;
  max-width: 100%; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/*--------------------------------------------------------------
3.0 Variables
--------------------------------------------------------------*/
/* =Variables
-------------------------------------------------------------- */
/*--------------------------------------------------------------
4.0 Typography
--------------------------------------------------------------*/
/* =Typographical Mixins/Functions
-------------------------------------------------------------- */
/* =Genericons and Dashicons
-------------------------------------------------------------- */
/* =Typography
-------------------------------------------------------------- */
html {
  font-size: 100%; }

body {
  font-size: 12px;
  font-size: 0.75rem; }

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  float: none;
  line-height: 1.25em;
  margin-bottom: 20px; }
  h1:after, h2:after, h3:after, h4:after, h5:after, h6:after {
    content: "";
    display: table;
    clear: both; }
  h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited {
    text-decoration: none; }
    h1 a:hover, h1 a:visited:hover, h2 a:hover, h2 a:visited:hover, h3 a:hover, h3 a:visited:hover, h4 a:hover, h4 a:visited:hover, h5 a:hover, h5 a:visited:hover, h6 a:hover, h6 a:visited:hover {
      text-decoration: underline; }

h1 {
  font-size: 75px;
  font-size: 4.6875rem;
  color: #000;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

h2 {
  font-size: 50px;
  font-size: 3.125rem;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

h3 {
  font-size: 35px;
  font-size: 2.1875rem;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

h4 {
  font-size: 24px;
  font-size: 1.5rem;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

h5 {
  font-size: 20px;
  font-size: 1.25rem;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

h6 {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

blockquote {
  background-color: #f9f9f9;
  border-left: solid 5px #C75B12;
  font-style: italic;
  padding: 20px; }

cite {
  font-style: italic; }

strong, b {
  font-weight: bold; }

/* To make links go to 80% opacity on hover */
/* https://css-tricks.com/almanac/properties/o/opacity/ */
a:hover, a:visited:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8; }

.page-title {
  font-size: 4em;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

.entry-title {
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  text-align: center; }
  @media screen and (min-width: 200px) {
    .entry-title {
      font-size: 40px;
      font-size: 2.5rem; } }
  @media screen and (min-width: 480px) {
    .entry-title {
      font-size: 65px;
      font-size: 4.0625rem; } }
  @media screen and (min-width: 769px) {
    .entry-title {
      font-size: 100px;
      font-size: 6.25rem; } }

#primary,
#secondary {
  font-family: "Open Sans", sans-serif; }

.cd-primary-nav h3 {
  font-size: 18px;
  margin-bottom: 5px; }

/*--------------------------------------------------------------
5.0 Components/Add-ons
--------------------------------------------------------------*/
#submit-notinuse {
  background: #000;
  border: solid 5px #555;
  border-radius: 0;
  box-shadow: none;
  clear: both;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  margin: 10px 0;
  padding: 20px;
  transition: all 200ms ease-in-out; }
  #submit-notinuse:focus {
    background: black;
    border: solid 5px #222222;
    border-radius: 0;
    box-shadow: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 20px; }
  #submit-notinuse:hover {
    background: black;
    border: solid 5px #222222;
    border-radius: 0;
    box-shadow: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 20px; }
  #submit-notinuse:hover {
    background-color: #555; }

.neat-button {
  background: #ffffff;
  border: solid 5px #ccc;
  border-radius: 0;
  box-shadow: none;
  clear: both;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  margin: 10px 0;
  padding: 20px;
  transition: all 200ms ease-in-out; }
  .neat-button:focus {
    background: #f2f2f2;
    border: solid 5px #999999;
    border-radius: 0;
    box-shadow: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 20px; }
  .neat-button:hover {
    background: #f2f2f2;
    border: solid 5px #999999;
    border-radius: 0;
    box-shadow: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 20px; }

.neat-3d-button {
  background: #ffffff;
  border-top: solid 3px #ccc;
  border-right: solid 3px #ccc;
  border-left: solid 3px #ccc;
  border-bottom: solid 5px #999;
  border-radius: 0;
  clear: both;
  float: left;
  font-family: oswald;
  margin: 15px 0;
  padding: 20px;
  transition: all 200ms ease-in-out; }
  .neat-3d-button:focus {
    background: #f2f2f2;
    border-top: solid 3px #999999;
    border-right: solid 3px #999999;
    border-left: solid 3px #999999;
    border-bottom: solid 3px #999999;
    border-radius: 0;
    box-shadow: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 20px; }
  .neat-3d-button:hover {
    background: #f2f2f2;
    border-top: solid 3px #999999;
    border-right: solid 3px #999999;
    border-left: solid 3px #999999;
    border-bottom: solid 3px #999999;
    border-radius: 0;
    box-shadow: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 20px; }

input-notinuse[type="submit"] {
  background: #000;
  border: solid 5px #555;
  border-radius: 0;
  box-shadow: none;
  clear: both;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  margin: 10px 0;
  padding: 20px;
  transition: all 200ms ease-in-out;
  margin: 0;
  padding: 8px; }
  input-notinuse[type="submit"]:focus {
    background: black;
    border: solid 5px #222222;
    border-radius: 0;
    box-shadow: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 20px; }
  input-notinuse[type="submit"]:hover {
    background: black;
    border: solid 5px #222222;
    border-radius: 0;
    box-shadow: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 20px; }
  input-notinuse[type="submit"]:hover {
    background-color: #555; }

input#s {
  float: left;
  width: 70%; }

/*--------------------------------------------------------------
6.0 Layout and Structure
--------------------------------------------------------------*/
/* =Structure/Scaffolding
-------------------------------------------------------------- */
/* #TODO: replace @include media with @include MQ to better match other sass files 
          removed because it breaks the layout  */
body {
  color: #000;
  font-family: "Open Sans", sans-serif;
  line-height: 1.5em;
  word-break: break-word;
  border-top: 4px solid #C25700; }

#page {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  #page:after {
    content: "";
    display: table;
    clear: both; }

#main {
  padding: 20px 50px;
  position: relative;
  z-index: 1; }

#footer-shim {
  clear: both;
  background-color: #005A8B;
  height: 1px; }
  #footer-shim:after {
    content: "";
    display: table;
    clear: both; }

.footer-shim-inner {
  position: relative;
  background-color: #005A8B;
  height: 1px;
  width: 100%; }

.footer-shim-block {
  position: absolute;
  top: -60px;
  left: 0px;
  height: 60px;
  width: 100%;
  background-color: #005A8B; }

#primary {
  margin: auto;
  background-color: transparent; }
  #primary:after {
    content: "";
    display: table;
    clear: both; }
  @media screen and (min-width: 200px) {
    #primary {
      float: left;
      display: block;
      margin-right: 6.66667%;
      width: 100%; }
      #primary:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 769px) {
    #primary {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      margin-right: 0; }
      #primary:last-child {
        margin-right: 0; } }
  #primary ul {
    list-style: none; }

#secondary {
  outline: none;
  display: none;
  margin: 20px auto;
  padding: 0 30px 0 0;
  width: 100%; }
  @media screen and (min-width: 200px) {
    #secondary {
      display: block; } }
  @media screen and (min-width: 1024px) {
    #secondary {
      display: block;
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 30.43478%;
      margin-right: 0; }
      #secondary:last-child {
        margin-right: 0; } }
  #secondary a:link, #secondary a:visited, #secondary a:hover {
    color: #C25700; }
  #secondary li {
    list-style-type: none; }
  #secondary ul.menu {
    text-indent: -1em;
    padding-left: 1em;
    margin-left: 0px; }
    #secondary ul.menu > li.menu-item > a {
      font-size: 1.25em;
      font-weight: 600; }
    #secondary ul.menu li {
      border: none;
      color: #005A8B; }
      #secondary ul.menu li a {
        color: #005A8B;
        text-transform: uppercase; }
    #secondary ul.menu .sub-menu {
      margin-left: -1em;
      border-top: 2px solid #C25700 !important;
      padding-top: 10px; }
      #secondary ul.menu .sub-menu a {
        text-transform: none; }
      #secondary ul.menu .sub-menu:last-child {
        padding-bottom: 1em; }

/*--------------------------------------------------------------
	6.1 Layout and Structure
	--------------------------------------------------------------*/
.site-branding {
  text-align: center; }
  .site-branding .site-title {
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 40px; }
    @media screen and (min-width: 200px) {
      .site-branding .site-title {
        font-size: 35px;
        font-size: 2.1875rem; } }
    @media screen and (min-width: 480px) {
      .site-branding .site-title {
        font-size: 55px;
        font-size: 3.4375rem; } }
    @media screen and (min-width: 769px) {
      .site-branding .site-title {
        font-size: 75px;
        font-size: 4.6875rem; } }
    .site-branding .site-title a, .site-branding .site-title a:visited {
      line-height: 1; }
  .site-branding .site-description {
    padding: 25px 0;
    font-size: 20px;
    font-size: 1.25rem;
    font-family: "Open Sans", sans-serif;
    font-style: italic; }
    @media screen and (min-width: 200px) {
      .site-branding .site-description {
        font-size: 15px;
        font-size: 0.9375rem; } }
    @media screen and (min-width: 480px) {
      .site-branding .site-description {
        font-size: 18px;
        font-size: 1.125rem; } }
    @media screen and (min-width: 769px) {
      .site-branding .site-description {
        font-size: 25px;
        font-size: 1.5625rem; } }

/*--------------------------------------------------------------
	6.2 Navigation
	--------------------------------------------------------------*/
/* -------------------------------- 

Primary style

-------------------------------- */
*, *::after, *::before {
  box-sizing: border-box; }

/* ----------------------------------
html {
    font-size: 62.5%;
}

body {
    font: {
        size: 1.6rem;
        family: $primary-font; // variables inside partials > _variables.scss
    }
    color: $color-1;
    background-color: $color-4;

    @include MQ(maxL) { // layout mixins inside partials > _layout.scss
        &.nav-on-left.overflow-hidden {
            overflow: hidden;
        }
    }
}

a {
    color: $color-5;
    text-decoration: none;
}

img {
    // make images responsive
    max-width: 100%;
}

input {
    font-family: $primary-font;
    font-size: 1.6rem;
}
---------------------------------- */
input[type="search"]::-ms-clear {
  /* removes close icon - IE */
  display: none; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none; }

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

Main components 

-------------------------------- */
.cd-main-content, .cd-main-header {
  /* Force Hardware Acceleration in WebKit */
  transform: translateZ(0);
  will-change: transform; }

.cd-main-content, .cd-main-header {
  position: relative;
  transition: transform 0.3s; }
  @media only screen and (max-width: 1023px) {
    .cd-main-content.nav-is-visible, .cd-main-header.nav-is-visible {
      transform: translateX(-300px); }
    .nav-on-left .cd-main-content.nav-is-visible, .nav-on-left .cd-main-header.nav-is-visible {
      transform: translateX(300px); } }

.cd-main-content {
  min-height: 100vh;
  z-index: 2; }

.cd-main-header {
  height: 50px;
  background: transparent;
  z-index: 6;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  color: #005A8B; }
  .nav-is-fixed .cd-main-header {
    /* add .nav-is-fixed class to body if you want a fixed navigation on > 1170px */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; }
  @media only screen and (min-width: 1024px) {
    .cd-main-header {
      height: 80px; }
      .cd-main-header:after {
        content: "";
        display: table;
        clear: both; } }

.cd-logo {
  position: absolute;
  top: 12px;
  left: 5%; }
  .cd-logo img {
    display: block; }
  @media only screen and (max-width: 1023px) {
    .nav-on-left .cd-logo {
      left: auto;
      right: 5%; } }
  @media only screen and (min-width: 1024px) {
    .cd-logo {
      top: 26px;
      left: 4em; } }

.cd-header-buttons {
  position: absolute;
  display: inline-block;
  top: 3px;
  right: 5%; }
  .cd-header-buttons li {
    display: inline-block; }
  @media only screen and (max-width: 1023px) {
    .nav-on-left .cd-header-buttons {
      right: auto;
      left: 5%; }
      .nav-on-left .cd-header-buttons li {
        float: right; } }
  @media only screen and (min-width: 1024px) {
    .cd-header-buttons {
      top: 18px;
      right: 1em; } }

.cd-search-trigger, .cd-nav-trigger {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
  white-space: nowrap;
  /* hide text */
  color: transparent;
  z-index: 3; }

.cd-search-trigger::before, .cd-search-trigger::after {
  /* search icon */
  content: '';
  position: absolute;
  transition: opacity 0.3s;
  /* Force Hardware Acceleration in WebKit */
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.cd-search-trigger::before {
  /* lens */
  top: 11px;
  left: 11px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 3px solid #FFFFFF;
  z-index: 2; }

.cd-search-trigger::after {
  /* handle */
  height: 3px;
  width: 8px;
  background: #FFFFFF;
  bottom: 14px;
  right: 11px;
  transform: rotate(45deg); }

.cd-search-trigger span {
  /* container for the X icon */
  position: absolute;
  height: 80%;
  width: 80%;
  top: 10%;
  left: 10%;
  background-color: #005A8B;
  z-index: -1; }

.cd-search-trigger span::before, .cd-search-trigger span::after {
  /* close icon */
  content: '';
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 22px;
  top: 50%;
  margin-top: -2px;
  left: 50%;
  margin-left: -11px;
  background: #FFFFFF;
  opacity: 0;
  /* Force Hardware Acceleration in WebKit */
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: opacity 0.3s, transform 0.3s; }

.cd-search-trigger span::before {
  transform: rotate(45deg); }

.cd-search-trigger span::after {
  transform: rotate(-45deg); }

.cd-search-trigger.search-is-visible::before, .cd-search-trigger.search-is-visible::after {
  /* hide search icon */
  opacity: 0; }

.cd-search-trigger.search-is-visible span::before, .cd-search-trigger.search-is-visible span::after {
  /* show close icon */
  opacity: 1; }

.cd-search-trigger.search-is-visible span::before {
  transform: rotate(135deg); }

.cd-search-trigger.search-is-visible span::after {
  transform: rotate(45deg); }

.cd-nav-trigger span, .cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* hamburger icon in CSS */
  position: absolute;
  display: inline-block;
  height: 3px;
  width: 24px;
  background: #005A8B; }

.cd-nav-trigger span {
  /* line in the center */
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -2px;
  transition: background 0.3s 0.3s; }

.cd-nav-trigger span::before, .cd-nav-trigger span::after {
  /* other 2 lines */
  content: '';
  right: 0;
  /* Force Hardware Acceleration in WebKit */
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform-origin: 0% 50%;
  transition: transform 0.3s 0.3s; }

.cd-nav-trigger span::before {
  /* menu icon top line */
  top: -6px; }

.cd-nav-trigger span::after {
  /* menu icon bottom line */
  top: 6px; }

.cd-nav-trigger.nav-is-visible span {
  /* hide line in the center */
  background: rgba(46, 50, 51, 0); }

.cd-nav-trigger.nav-is-visible span::before, .cd-nav-trigger.nav-is-visible span::after {
  /* keep visible other 2 lines */
  background: #2e3233; }

.cd-nav-trigger.nav-is-visible span::before {
  transform: translateX(4px) translateY(-3px) rotate(45deg); }

.cd-nav-trigger.nav-is-visible span::after {
  transform: translateX(4px) translateY(2px) rotate(-45deg); }

@media only screen and (min-width: 1024px) {
  .cd-nav-trigger {
    display: none; } }

.cd-primary-nav, .cd-primary-nav ul {
  list-style-type: none;
  position: fixed;
  top: 0;
  right: 0;
  padding: 0;
  margin: 0;
  height: 100%;
  width: 300px;
  background: #FFFFFF;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  /* Force Hardware Acceleration in WebKit */
  transform: translateZ(0);
  transform: translateX(0);
  transition: transform 0.3s; }
  .cd-primary-nav a, .cd-primary-nav ul a {
    display: block;
    height: 56px;
    line-height: 50px;
    padding: 0 20px;
    color: #C25700 !important;
    font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: hidden;
    border-bottom: 2px solid #dc6200;
    transform: translateZ(0);
    will-change: transform, opacity;
    transition: transform 0.3s, opacity 0.3s; }
  @media only screen and (min-width: 1024px) {
    .cd-primary-nav a, .cd-primary-nav ul a {
      color: #005A8B !important;
      font-size: 1em; } }
  .cd-primary-nav.is-hidden, .cd-primary-nav ul.is-hidden {
    /* secondary navigations hidden by default */
    transform: translateX(100%); }
  .cd-primary-nav.moves-out > li > a, .cd-primary-nav ul.moves-out > li > a {
    /* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
    transform: translateX(-100%);
    opacity: 0; }

.admin-bar .cd-primary-nav,
.admin-bar .cd-primary-nav ul {
  top: 32px; }
  @media only screen and (max-width: 782px) {
    .admin-bar .cd-primary-nav,
    .admin-bar .cd-primary-nav ul {
      top: 46px; } }

@media only screen and (max-width: 1023px) {
  .nav-on-left .cd-primary-nav, .nav-on-left .cd-primary-nav ul {
    right: auto;
    left: 0; } }

.cd-primary-nav {
  z-index: 3;
  text-transform: none; }
  .cd-primary-nav .see-all a {
    /* different style for the See all button on mobile and tablet */
    color: #005A8B !important;
    font-weight: bold;
    background: #FFFFFF; }
  .cd-primary-nav .cd-nav-icons .cd-nav-item {
    /* for small devices */ }
    .cd-primary-nav .cd-nav-icons .cd-nav-item p {
      display: none; }
    .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
      font-size: 1.0em;
      font-weight: normal;
      font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      overflow: hidden;
      text-overflow: ellipsis;
      padding-top: 13px;
      margin-top: 0px;
      margin-bottom: 0px; }
  @media only screen and (min-width: 1024px) {
    .cd-primary-nav .cd-nav-gallery .cd-nav-item, .cd-primary-nav .cd-nav-icons .cd-nav-item {
      /* items with picture (or icon) and title */
      height: 80px;
      line-height: 80px; }
      .cd-primary-nav .cd-nav-gallery .cd-nav-item h3, .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
        font-size: 18px;
        font-weight: bold;
        font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 0px; }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item {
      padding-left: 90px; }
      .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
        position: absolute;
        display: block;
        height: 40px;
        width: auto;
        left: 20px;
        top: 50%;
        margin-top: -20px; }
    .cd-primary-nav .cd-nav-icons .cd-nav-item {
      padding-left: 75px; }
      .cd-primary-nav .cd-nav-icons .cd-nav-item p {
        color: #2e3233;
        font-size: 1.1rem;
        /* show on large devices */
        display: block; }
      .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
        /* item icon */
        content: '';
        display: block;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 50px;
        height: 50px;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 50px 50px; }
      .cd-primary-nav .cd-nav-icons .cd-nav-item.item-1::before {
        background-image: url("img/line-icon-1.svg"); }
      .cd-primary-nav .cd-nav-icons .cd-nav-item.item-2::before {
        background-image: url("img/line-icon-2.svg"); }
      .cd-primary-nav .cd-nav-icons .cd-nav-item.item-3::before {
        background-image: url("img/line-icon-3.svg"); }
      .cd-primary-nav .cd-nav-icons .cd-nav-item.item-4::before {
        background-image: url("img/line-icon-4.svg"); }
      .cd-primary-nav .cd-nav-icons .cd-nav-item.item-5::before {
        background-image: url("img/line-icon-5.svg"); }
      .cd-primary-nav .cd-nav-icons .cd-nav-item.item-6::before {
        background-image: url("img/line-icon-6.svg"); }
      .cd-primary-nav .cd-nav-icons .cd-nav-item.item-7::before {
        background-image: url("img/line-icon-7.svg"); }
      .cd-primary-nav .cd-nav-icons .cd-nav-item.item-8::before {
        background-image: url("img/line-icon-8.svg"); } }
  @media only screen and (max-width: 1023px) {
    .cd-primary-nav {
      /* by default .cd-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
      visibility: hidden;
      transition: visibility 0s 0.3s;
      animation: animatedRightSideSlideOut 0.35s 0s 1 ease; }
      .cd-primary-nav.nav-is-visible {
        visibility: visible;
        transition: visibility 0s 0s;
        animation: animatedRightSideSlideIn 0.22s 0s 1 ease; }
    @keyframes animatedRightSideSlideIn {
      from {
        transform: translateX(300px); }
      to {
        transform: translateX(0); } }
    @keyframes animatedRightSideSlideOut {
      from {
        transform: translateX(0); }
      to {
        transform: translateX(300px); } } }

@media only screen and (min-width: 1024px) {
  .cd-primary-nav {
    position: static;
    padding: 0 80px 0 0;
    height: auto;
    width: 100%;
    float: right;
    overflow: visible;
    background: transparent;
    text-align: right; }
    .cd-primary-nav:after {
      content: "";
      display: table;
      clear: both; }
    .cd-primary-nav.moves-out > li > a {
      /* reset mobile style */
      transform: translateX(0);
      opacity: 1; }
    .cd-primary-nav ul {
      text-align: left;
      position: static;
      height: auto;
      width: 1024px;
      background: transparent;
      overflow: visible;
      z-index: 3; }
      .cd-primary-nav ul.is-hidden {
        /* reset mobile style */
        transform: translateX(0); }
      .cd-primary-nav ul.moves-out > li > a {
        /* reset mobile style */
        transform: translateX(0);
        opacity: 1; }
    .cd-primary-nav > li {
      /* float: left; */
      display: inline-block; }
      .cd-primary-nav > li > ul {
        position: absolute;
        left: 0;
        top: 0;
        margin-left: auto;
        margin-right: auto; }
    .cd-primary-nav > li:first-child {
      margin-left: auto; }
    .cd-primary-nav > li > a {
      /* main navigation buttons style */
      position: relative;
      display: inline-block;
      height: 80px;
      line-height: 80px;
      padding: 0 9px;
      color: #2e3233;
      overflow: visible;
      border-bottom: none;
      transition: color 0.3s, box-shadow 0.3s; }
      .cd-primary-nav > li > a:hover {
        color: #005A8B; }
      .cd-primary-nav > li > a.selected {
        color: #005A8B;
        box-shadow: inset 0 -2px 0 #005A8B; }
    .cd-primary-nav .go-back, .cd-primary-nav .see-all {
      display: none; }
    .cd-primary-nav .cd-secondary-nav, .cd-primary-nav .cd-nav-gallery, .cd-primary-nav .cd-nav-icons {
      /* dropdown menu style */
      position: absolute;
      top: 80px !important;
      width: 100%;
      background: #ffffff;
      padding: 48px 10px 85px 10px;
      box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
      transform: translateX(0);
      transition: opacity .3s 0s, visibility 0s 0s; }
      .cd-primary-nav .cd-secondary-nav:after, .cd-primary-nav .cd-nav-gallery:after, .cd-primary-nav .cd-nav-icons:after {
        content: "";
        display: table;
        clear: both; }
      .cd-primary-nav .cd-secondary-nav.is-hidden, .cd-primary-nav .cd-nav-gallery.is-hidden, .cd-primary-nav .cd-nav-icons.is-hidden {
        opacity: 0;
        visibility: hidden;
        transition: opacity .3s 0s, visibility 0s .3s; }
      .cd-primary-nav .cd-secondary-nav > .see-all, .cd-primary-nav .cd-nav-gallery > .see-all, .cd-primary-nav .cd-nav-icons > .see-all {
        /* this is the BIG See all button at the bottom of the dropdown menu */
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 80px;
        width: 100%;
        overflow: hidden;
        /* reset some inherited style */
        margin: 0;
        padding: 0; }
        .cd-primary-nav .cd-secondary-nav > .see-all a, .cd-primary-nav .cd-nav-gallery > .see-all a, .cd-primary-nav .cd-nav-icons > .see-all a {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          left: 0;
          font-size: 2.2rem;
          font-weight: 500;
          text-align: center;
          line-height: 80px;
          border-top: 1px solid #e2e3df;
          /* reset some inherited style */
          border-bottom: none;
          background-color: #C25700 !important;
          color: #FFFFFF !important;
          margin: 0;
          padding: 0;
          transition: color 0.2s, background 0.2s, border 0.2s; }
          .cd-primary-nav .cd-secondary-nav > .see-all a:hover, .cd-primary-nav .cd-nav-gallery > .see-all a:hover, .cd-primary-nav .cd-nav-icons > .see-all a:hover {
            /* Commenting out to remove the rollover effect */
            /* background: $color-1; */
            /* border-color: $color-1; */
            /* color: $color-4; */ }
    .cd-primary-nav .cd-secondary-nav > li {
      /* change the height according to your needs - you can even set height: auto */
      height: 340px;
      /* here you set the number of columns - use width percentage */
      width: 25%;
      float: left;
      padding: 0 1.5%;
      border-right: 2px solid #005A8B;
      overflow: hidden;
      -webkit-overflow-scrolling: touch; }
      .cd-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
        /* +2 because we have 2 list items with display:none */
        margin-right: 0;
        border-right: none; }
      .cd-primary-nav .cd-secondary-nav > li > a {
        /* secondary nav title */
        color: #C25700 !important;
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 0; }
    .cd-primary-nav .cd-secondary-nav a {
      height: 30px;
      line-height: 30px;
      padding: 0;
      color: #005A8B;
      border-bottom: none;
      font-size: 16px; }
      .cd-primary-nav .cd-secondary-nav a:hover {
        color: #005A8B; }
    .cd-primary-nav .cd-secondary-nav ul {
      /* Force Hardware Acceleration in WebKit */
      transform: translateZ(0); }
    .cd-primary-nav .cd-secondary-nav ul ul {
      /* tertiary navigation */
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%; }
      .cd-primary-nav .cd-secondary-nav ul ul.is-hidden {
        transform: translateX(100%); }
      .cd-primary-nav .cd-secondary-nav ul ul .go-back {
        display: block; }
        .cd-primary-nav .cd-secondary-nav ul ul .go-back a {
          color: transparent; }
      .cd-primary-nav .cd-secondary-nav ul ul .see-all {
        display: block; }
    .cd-primary-nav .cd-secondary-nav .moves-out > li > a {
      /* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
      transform: translateX(-100%); }
    .cd-primary-nav .cd-nav-gallery li {
      /* set here number of columns - use width percentage */
      width: 22%;
      float: left;
      margin: 0 4% 40px 0; }
      .cd-primary-nav .cd-nav-gallery li:nth-child(4n+2) {
        /* +2 because we have two additional list items with display:none */
        margin-right: 0; }
    .cd-primary-nav .cd-nav-gallery .cd-nav-item {
      border-bottom: none;
      padding: 0;
      height: auto;
      line-height: 1.2;
      width: 100%; }
      .cd-primary-nav .cd-nav-gallery .cd-nav-item img {
        position: static;
        margin-top: 0;
        height: 147px;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: .6em; }
      .cd-primary-nav .cd-nav-gallery .cd-nav-item h3 {
        color: #005A8B;
        font-weight: bold;
        padding: 0; }
    .cd-primary-nav .cd-nav-icons li {
      /* set here number of columns - use width percentage */
      width: 32%;
      float: left;
      margin: 0 2% 20px 0; }
      .cd-primary-nav .cd-nav-icons li:nth-child(3n+2) {
        /* +2 because we have two additional list items with display:none */
        margin-right: 0; }
    .cd-primary-nav .cd-nav-icons .cd-nav-item {
      border-bottom: none;
      height: 150px;
      line-height: 1.2;
      padding: 0 0 0 80px; }
      .cd-primary-nav .cd-nav-icons .cd-nav-item .academic-icon {
        max-width: 35px;
        max-height: 35px;
        float: left;
        margin-top: 8px;
        margin-right: 16px;
        margin-bottom: 100px; }
      .cd-primary-nav .cd-nav-icons .cd-nav-item h3 {
        color: #005A8B;
        font-weight: bold;
        padding: 0;
        max-width: 89%;
        padding-top: 0;
        clear: none;
        margin-bottom: 8px; }
      .cd-primary-nav .cd-nav-icons .cd-nav-item p {
        max-width: 89%; }
      .cd-primary-nav .cd-nav-icons .cd-nav-item::before {
        left: 10px; } }

.has-children > a, .go-back a {
  position: relative; }
  .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
    /* arrow icon in CSS - for element with nested unordered lists */
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #005A8B;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
  .has-children > a::before, .go-back a::before {
    transform: rotate(45deg); }
  .has-children > a::after, .go-back a::after {
    transform: rotate(-45deg); }
  @media only screen and (min-width: 1024px) {
    .has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
      background: #c9cbc4; }
    .has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
      background: #005A8B; } }

.has-children > a {
  padding-right: 40px; }
  .has-children > a::before, .has-children > a::after {
    /* arrow goes on the right side - children navigation */
    right: 20px;
    transform-origin: 9px 50%; }

.cd-primary-nav .go-back a {
  padding-left: 40px;
  color: #005A8B !important;
  border-bottom-color: #FFFFFF;
  background-color: #BFDBEC; }
  .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
    /* arrow goes on the left side - go back button */
    left: 20px;
    transform-origin: 1px 50%; }

@media only screen and (min-width: 1024px) {
  .has-children > a::before, .has-children > a::after {
    right: 15%; }
  .cd-primary-nav > .has-children > a {
    /* main navigation arrows on larger devices */
    padding-right: 30px !important; }
    .cd-primary-nav > .has-children > a::before, .cd-primary-nav > .has-children > a::after {
      width: 9px;
      transform-origin: 50% 50%;
      background: #c9cbc4;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      transition: width 0.3s, transform 0.3s; }
    .cd-primary-nav > .has-children > a::before {
      right: 12px; }
    .cd-primary-nav > .has-children > a::after {
      right: 7px; }
    .cd-primary-nav > .has-children > a.selected::before, .cd-primary-nav > .has-children > a.selected::after {
      width: 14px; }
    .cd-primary-nav > .has-children > a.selected::before {
      transform: translateX(5px) rotate(-45deg); }
    .cd-primary-nav > .has-children > a.selected::after {
      transform: rotate(45deg); }
  .cd-secondary-nav > .has-children > a::before,
  .cd-secondary-nav > .has-children > a::after {
    /* remove arrows on secondary nav titles */
    display: none; }
  .cd-primary-nav .go-back a {
    padding-left: 20px; }
    .cd-primary-nav .go-back a::before, .cd-primary-nav .go-back a::after {
      left: 1px; } }

.cd-search {
  font-size: 3em;
  position: absolute;
  height: 50px;
  width: 100%;
  top: 50px;
  left: 0;
  z-index: 4;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s 0s, visibility 0s .3s; }
  .cd-search form {
    height: 100%;
    width: 100%; }
  .cd-search input {
    margin: 0;
    border-radius: 0;
    border: none;
    background: #ffffff;
    height: 100%;
    width: calc(100% - 36px);
    box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
    font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none; }
    @media only screen and (min-width: 1024px) {
      .cd-search input {
        width: 80%;
        padding: 0;
        margin: 0 auto; } }
    .cd-search input::-webkit-input-placeholder {
      color: #c9cbc4; }
    .cd-search input::-moz-placeholder {
      color: #c9cbc4; }
    .cd-search input:-moz-placeholder {
      color: #c9cbc4; }
    .cd-search input:-ms-input-placeholder {
      color: #c9cbc4; }
    .cd-search input:focus {
      outline: none; }
  .cd-search.is-visible {
    opacity: 1;
    visibility: visible;
    transition: opacity .3s 0s, visibility 0s 0s; }
  .nav-is-fixed .cd-search {
    position: fixed; }
  @media only screen and (min-width: 1024px) {
    .cd-search {
      height: 120px;
      top: 120px; }
      .cd-search input {
        padding: 0 2em;
        font-size: 3.2rem;
        font-weight: 300; } }

.cd-overlay {
  /* shadow layer visible when navigation is active */
  position: fixed;
  z-index: 4;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  cursor: pointer;
  background-color: rgba(0, 90, 139, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s; }
  .cd-overlay.is-visible {
    opacity: 1;
    visibility: visible;
    transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s; }
  @media only screen and (max-width: 1023px) {
    .cd-overlay.is-visible {
      transform: translateX(-300px); }
    .nav-on-left .cd-overlay.is-visible {
      transform: translateX(300px); }
    .cd-overlay.is-visible.search-is-visible, .nav-on-left .cd-overlay.is-visible.search-is-visible {
      transform: translateX(0); } }

body.search-is-visible .cd-overlay.is-visible {
  transform: translateX(0); }

.admin-bar .cd-overlay {
  top: 32px; }
  @media only screen and (max-width: 782px) {
    .admin-bar .cd-overlay {
      top: 46px; } }

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

support for no js 

-------------------------------- */
.no-js .cd-primary-nav {
  position: relative;
  height: auto;
  width: 100%;
  overflow: visible;
  visibility: visible;
  z-index: 2; }

.no-js .cd-search {
  position: relative;
  top: 0;
  opacity: 1;
  visibility: visible; }

@media only screen and (min-width: 1024px) {
  .no-js .cd-primary-nav {
    position: absolute;
    z-index: 3;
    display: inline-block;
    width: auto;
    top: 0;
    right: 150px;
    padding: 0; }
  .no-js .nav-is-fixed .cd-primary-nav {
    position: fixed; } }

/* Added to style the news dropdown */
.cd-nav li {
  text-transform: uppercase; }

a.cd-nav-item > img {
  display: none; }

p.cd-news-date {
  display: none; }

h3.cd-news-title {
  margin-top: -2em;
  font-size: 1.0em;
  font-weight: normal;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

@media only screen and (min-width: 1024px) {
  .cd-nav li {
    text-transform: none; }
  a.cd-nav-item > img {
    display: block; }
  p.cd-news-date {
    display: block;
    text-align: right;
    font-size: .85em;
    padding-bottom: 5px; }
  h3.cd-news-title {
    text-transform: none;
    margin-top: 0px;
    font-size: 18px;
    font-weight: bold;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal; } }

.cd-item-as-button {
  text-align: center;
  display: block;
  width: auto;
  padding: 10px;
  border-radius: 5px;
  margin: 20px;
  background-color: #C25700 !important;
  color: #FFFFFF !important;
  font-weight: bold; }
  @media only screen and (min-width: 1024px) {
    .cd-item-as-button {
      padding-left: 30px;
      padding-right: 0px;
      margin-top: 10px;
      margin-left: 0px;
      margin-right: 0px; } }

.button-green {
  background-color: #5f9902 !important; }

.button-blue {
  background-color: #2983a6 !important; }

.button-purple {
  background-color: #82a2c1 !important; }

#admissions-apply-button,
#admissions-eligible-button,
#admissions-visit-button {
  height: auto;
  color: #FFFFFF !important;
  line-height: 1em !important;
  font-weight: bold;
  border-bottom: none; }

/* Anchor Button */
.anchor-button {
  display: block;
  padding: 9px 13px;
  background: #C25700;
  color: white;
  text-decoration: none;
  transition: opacity 0.3s;
  margin-bottom: 24px;
  font-size: 1.5em; }
  .anchor-button:before {
    content: '\f0da';
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    float: right; }
  @media screen and (min-width: 1024px) {
    .anchor-button {
      display: none; } }

.anchor-button:hover {
  opacity: 0.8;
  transition: opacity 0.3s; }

.anchor-button.bg-lightblue {
  background: #BFDBEC; }

.anchor-button.bg-blue {
  background: #005A8B; }

.anchor-button.bg-green {
  background: #739600; }

/*
****DONATE Button
*/
@media only screen and (min-width: 1023px) {
  a.buttonDonate {
    display: inline-block !important;
    padding: 0.5em 0.5em !important;
    /*border: 0.18em solid #FFFFFF;*/
    border-radius: 0.6em;
    box-sizing: border-box;
    text-decoration: none;
    font-family: "Open Sans Condensed", sans-serif;
    font-weight: bold;
    color: #FFFFFF !important;
    text-align: center;
    transition: all 0.2s;
    text-transform: uppercase;
    height: 40px !important;
    line-height: 19px !important;
    background-color: #C75B12 !important; }
  a.buttonDonate:hover {
    border-color: white; } }

@media all and (max-width: 30em) {
  a.buttonDonate {
    display: block;
    margin: 0.2em auto; } }

/*
****END DONATE Button
*/
/*--------------------------------------------------------------
	6.3 Content
	--------------------------------------------------------------*/
/* =Content
----------------------------------------------- */
.sticky {
  background: #f1f1f1; }

.gallery-caption {
  list-style: none; }

.bypostauthor {
  list-style: none; }

.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;
  line-height: 1.4; }

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

.table {
  display: table; }

.table-row {
  display: table-row; }

.table-cell {
  display: table-cell; }

.aligncenter {
  float: none;
  margin-top: .5em;
  margin-right: auto !important;
  margin-bottom: .5em;
  margin-left: auto !important; }
  .aligncenter:after {
    content: "";
    display: table;
    clear: both; }

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em; }

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

.sticky {
  float: left;
  padding: 20px; }

/* =Breadcrumbs
----------------------------------------------- */
#breadcrumbs {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: 2;
  font-weight: 700;
  padding: 20px 0 0px 50px;
  margin-bottom: 0px; }
  #breadcrumbs a {
    color: #BFDBEC; }

/* =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 {
  clear: both;
  max-width: 100%;
  /*background: #DBE4E8;*/ }

.wp-caption .wp-caption-text {
  text-align: left;
  padding: 0.5em 0;
  margin: 0 auto 2em;
  font-size: 12px;
  font-style: italic; }

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin: 0;
  width: 100%; }

.wp-caption.alignleft .wp-caption-text {
  margin-bottom: 0; }

.site-main .gallery {
  margin-bottom: 1.5em; }

.site-main {
  min-height: 200px;
  max-width: 980px;
  background: #FFFFFF;
  margin: 0px auto;
  z-index: 2;
  padding-top: 20px; }
  @media only screen and (min-width: 769px) {
    .site-main {
      margin: -60px auto 0px auto; } }

.site-main .gallery a img {
  border: none;
  height: auto;
  max-width: 90%; }

.site-main .gallery dd {
  margin: 0; }

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

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

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

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

/* Leaflet icon images need an override from normalize style */
.leaflet-container img {
  max-height: none; }

/* Legacy Wall Pages */
.legacy-wall-names .entry-title {
  font-size: 1.3rem;
  text-align: left; }
  .legacy-wall-names .entry-title a {
    color: #005A8B; }

@media screen and (min-width: 769px) {
  .legacy-name-list {
    column-count: 2; } }

.legacy-name-list .legacy-wall-names {
  break-inside: avoid;
  margin-bottom: 0;
  padding-bottom: 1.5em; }

.archive.tax-legacy-wall-year #secondary,
.archive.post-type-archive-legacy-wall-names #secondary,
.page.page-id-8334 #secondary {
  display: block; }
  .archive.tax-legacy-wall-year #secondary .menu.legacy-wall-sidebar h3,
  .archive.post-type-archive-legacy-wall-names #secondary .menu.legacy-wall-sidebar h3,
  .page.page-id-8334 #secondary .menu.legacy-wall-sidebar h3 {
    font-size: 1.5rem; }
  .archive.tax-legacy-wall-year #secondary .menu.legacy-wall-sidebar li,
  .archive.post-type-archive-legacy-wall-names #secondary .menu.legacy-wall-sidebar li,
  .page.page-id-8334 #secondary .menu.legacy-wall-sidebar li {
    border: none; }
  .archive.tax-legacy-wall-year #secondary .menu.legacy-wall-sidebar .sub-menu,
  .archive.post-type-archive-legacy-wall-names #secondary .menu.legacy-wall-sidebar .sub-menu,
  .page.page-id-8334 #secondary .menu.legacy-wall-sidebar .sub-menu {
    padding-top: 5px; }
  .archive.tax-legacy-wall-year #secondary .menu.legacy-wall-sidebar .alpha-links,
  .archive.post-type-archive-legacy-wall-names #secondary .menu.legacy-wall-sidebar .alpha-links,
  .page.page-id-8334 #secondary .menu.legacy-wall-sidebar .alpha-links {
    text-indent: 0; }
    .archive.tax-legacy-wall-year #secondary .menu.legacy-wall-sidebar .alpha-links li,
    .archive.post-type-archive-legacy-wall-names #secondary .menu.legacy-wall-sidebar .alpha-links li,
    .page.page-id-8334 #secondary .menu.legacy-wall-sidebar .alpha-links li {
      border-top: none;
      display: inline-block;
      margin: 0;
      padding: 0;
      text-indent: 0;
      font-size: 2.5em;
      margin-bottom: 0.42em;
      margin-top: 0.42em;
      width: 1.2em;
      text-align: center; }
      .archive.tax-legacy-wall-year #secondary .menu.legacy-wall-sidebar .alpha-links li a,
      .archive.post-type-archive-legacy-wall-names #secondary .menu.legacy-wall-sidebar .alpha-links li a,
      .page.page-id-8334 #secondary .menu.legacy-wall-sidebar .alpha-links li a {
        display: inline-block; }
      @media screen and (min-width: 1024px) {
        .archive.tax-legacy-wall-year #secondary .menu.legacy-wall-sidebar .alpha-links li,
        .archive.post-type-archive-legacy-wall-names #secondary .menu.legacy-wall-sidebar .alpha-links li,
        .page.page-id-8334 #secondary .menu.legacy-wall-sidebar .alpha-links li {
          font-size: 1.5em;
          margin-top: 0; } }
  .archive.tax-legacy-wall-year #secondary .menu.legacy-wall-sidebar .year-links,
  .archive.post-type-archive-legacy-wall-names #secondary .menu.legacy-wall-sidebar .year-links,
  .page.page-id-8334 #secondary .menu.legacy-wall-sidebar .year-links {
    column-count: 2; }
    @media screen and (min-width: 769px) {
      .archive.tax-legacy-wall-year #secondary .menu.legacy-wall-sidebar .year-links,
      .archive.post-type-archive-legacy-wall-names #secondary .menu.legacy-wall-sidebar .year-links,
      .page.page-id-8334 #secondary .menu.legacy-wall-sidebar .year-links {
        column-count: 3; } }
    @media screen and (min-width: 1024px) {
      .archive.tax-legacy-wall-year #secondary .menu.legacy-wall-sidebar .year-links,
      .archive.post-type-archive-legacy-wall-names #secondary .menu.legacy-wall-sidebar .year-links,
      .page.page-id-8334 #secondary .menu.legacy-wall-sidebar .year-links {
        column-count: 2; } }
    .archive.tax-legacy-wall-year #secondary .menu.legacy-wall-sidebar .year-links li,
    .archive.post-type-archive-legacy-wall-names #secondary .menu.legacy-wall-sidebar .year-links li,
    .page.page-id-8334 #secondary .menu.legacy-wall-sidebar .year-links li {
      border-top: none;
      text-indent: 0;
      break-inside: avoid;
      font-size: 2em;
      padding: 0.42em 0; }
      @media screen and (min-width: 1024px) {
        .archive.tax-legacy-wall-year #secondary .menu.legacy-wall-sidebar .year-links li,
        .archive.post-type-archive-legacy-wall-names #secondary .menu.legacy-wall-sidebar .year-links li,
        .page.page-id-8334 #secondary .menu.legacy-wall-sidebar .year-links li {
          font-size: 1rem;
          padding: 0 0 0.21em 0; } }

/* Notification Message */
#bar-msg {
  background: #C25700;
  color: white;
  text-align: center;
  padding: 19px;
  font-size: 1.5em;
  line-height: 1.5; }
  #bar-msg:after {
    content: "";
    display: table;
    clear: both; }
  #bar-msg a {
    color: white;
    text-decoration: underline; }
    #bar-msg a:hover {
      opacity: 0.8; }
  #bar-msg i {
    font-size: 2em;
    margin-right: 0.42em; }
  #bar-msg .table {
    margin: auto; }
    @media screen and (min-width: 769px) {
      #bar-msg .table {
        max-width: 75%; } }
  #bar-msg .table-cell {
    vertical-align: middle; }

/* Slider fixes */
.soliloquy-container .soliloquy-image {
  width: 100%; }

/* News Archives */
.news-link {
  margin-left: 2em;
  text-indent: -2em; }
  .news-link a {
    font-size: 1.5em; }
    .news-link a:after {
      content: ' - '; }

/* Countdown Timer */
.countdown {
  background: #BFDBEC;
  padding-top: 1.8em;
  text-align: center; }
  .countdown .countdown_section {
    font-size: 1.5em;
    text-transform: uppercase;
    margin: auto;
    color: #005A8B;
    float: none;
    display: block;
    width: 160px;
    text-align: left; }
    @media screen and (min-width: 769px) {
      .countdown .countdown_section {
        width: 17%;
        display: inline-block;
        width: 17%;
        text-align: center;
        margin-bottom: 1.4em; } }
    .countdown .countdown_section br {
      display: none; }
      @media screen and (min-width: 769px) {
        .countdown .countdown_section br {
          display: block; } }
    .countdown .countdown_section .countdown_amount {
      height: 2em;
      line-height: 2em;
      width: 1.5em;
      text-align: center;
      vertical-align: middle;
      background: #fff;
      border-radius: 5px;
      margin-bottom: 10px;
      margin-right: 10px;
      display: inline-block;
      font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-weight: bold; }
      @media screen and (min-width: 769px) {
        .countdown .countdown_section .countdown_amount {
          font-size: 3em;
          width: 2em;
          height: 3em;
          line-height: 3em;
          display: block;
          margin: auto; } }
  .countdown .countdown_descr {
    border-top: solid white 4px;
    font-size: 2em;
    display: block;
    text-align: center;
    padding: 1.2em 0;
    width: 92%;
    margin: auto;
    text-transform: uppercase;
    color: #005A8B;
    font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: bold;
    letter-spacing: 0.02em;
    line-height: 1.3; }
  .countdown a[href="http://metinsaylan.com/wordpress/plugins/countdown/"] {
    display: none; }

/* Lyle's Blog */
.office-of-the-president.blog .slider-textblock h1, .office-of-the-president.single-post .slider-textblock h1 {
  font-size: 3em; }

.office-of-the-president.blog .slider-textblock h1:after, .office-of-the-president.single-post .slider-textblock h1:after {
  content: 'Berea Beloved Blog';
  display: block;
  padding-left: 0.3em;
  font-size: 1.5em;
  line-height: 1.3; }

.office-of-the-president.blog .post.type-post {
  border-bottom: solid 1px #005A8B;
  margin-bottom: 21px;
  padding-bottom: 21px; }
  .office-of-the-president.blog .post.type-post:last-child {
    border-bottom: none; }

p.byline {
  color: #767676; }

/*--------------------------------------------------------------
	6.4 Page Templates
	--------------------------------------------------------------*/
.page-template-default h1, .single-post h1, .archive h1, .blog h1, .single-media-coverage h1 {
  font-size: 3em;
  margin: 0px 0px 15px 0px;
  font-weight: 700;
  font-style: Normal;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  letter-spacing: -1px;
  color: #C25700;
  text-align: left; }

.page-template-default #main, .single-post #main, .archive #main, .blog #main, .single-media-coverage #main {
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
  max-width: 1024px; }

.page-template-default #primary, .single-post #primary, .archive #primary, .blog #primary, .single-media-coverage #primary {
  background-color: #FFFFFF;
  padding: 20px 50px;
  margin: 0px;
  margin-left: 0px !important;
  margin-right: 0px !important; }
  @media screen and (min-width: 200px) {
    .page-template-default #primary, .single-post #primary, .archive #primary, .blog #primary, .single-media-coverage #primary {
      float: left;
      display: block;
      margin-right: 6.66667%;
      width: 100%;
      float: none; }
      .page-template-default #primary:last-child, .single-post #primary:last-child, .archive #primary:last-child, .blog #primary:last-child, .single-media-coverage #primary:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 769px) {
    .page-template-default #primary, .single-post #primary, .archive #primary, .blog #primary, .single-media-coverage #primary {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%;
      float: none; }
      .page-template-default #primary:last-child, .single-post #primary:last-child, .archive #primary:last-child, .blog #primary:last-child, .single-media-coverage #primary:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 1024px) {
    .page-template-default #primary, .single-post #primary, .archive #primary, .blog #primary, .single-media-coverage #primary {
      float: left; } }
  @media only screen and (min-width: 1024px) {
    .page-template-default #primary, .single-post #primary, .archive #primary, .blog #primary, .single-media-coverage #primary {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 74.46809%; }
      .page-template-default #primary:last-child, .single-post #primary:last-child, .archive #primary:last-child, .blog #primary:last-child, .single-media-coverage #primary:last-child {
        margin-right: 0; } }

.page-template-default #secondary, .single-post #secondary, .archive #secondary, .blog #secondary, .single-media-coverage #secondary {
  display: none; }
  .page-template-default #secondary.mobile-visible, .single-post #secondary.mobile-visible, .archive #secondary.mobile-visible, .blog #secondary.mobile-visible, .single-media-coverage #secondary.mobile-visible {
    display: block;
    padding: 20px 50px;
    margin-top: 0;
    background: #eee; }
    .page-template-default #secondary.mobile-visible #secondary-inner, .single-post #secondary.mobile-visible #secondary-inner, .archive #secondary.mobile-visible #secondary-inner, .blog #secondary.mobile-visible #secondary-inner, .single-media-coverage #secondary.mobile-visible #secondary-inner {
      padding: 0; }
  @media only screen and (min-width: 1024px) {
    .page-template-default #secondary, .page-template-default #secondary.mobile-visible, .single-post #secondary, .single-post #secondary.mobile-visible, .archive #secondary, .archive #secondary.mobile-visible, .blog #secondary, .blog #secondary.mobile-visible, .single-media-coverage #secondary, .single-media-coverage #secondary.mobile-visible {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 23.40426%;
      margin-top: 0px;
      margin-right: 0px;
      margin-left: 20px;
      margin-bottom: 0px;
      padding: 0px;
      display: block;
      position: relative;
      z-index: 1;
      float: right;
      background: #FFFFFF; }
      .page-template-default #secondary:last-child, .page-template-default #secondary.mobile-visible:last-child, .single-post #secondary:last-child, .single-post #secondary.mobile-visible:last-child, .archive #secondary:last-child, .archive #secondary.mobile-visible:last-child, .blog #secondary:last-child, .blog #secondary.mobile-visible:last-child, .single-media-coverage #secondary:last-child, .single-media-coverage #secondary.mobile-visible:last-child {
        margin-right: 0; }
      .page-template-default #secondary #secondary-inner, .page-template-default #secondary.mobile-visible #secondary-inner, .single-post #secondary #secondary-inner, .single-post #secondary.mobile-visible #secondary-inner, .archive #secondary #secondary-inner, .archive #secondary.mobile-visible #secondary-inner, .blog #secondary #secondary-inner, .blog #secondary.mobile-visible #secondary-inner, .single-media-coverage #secondary #secondary-inner, .single-media-coverage #secondary.mobile-visible #secondary-inner {
        padding: 20px; } }
  .page-template-default #secondary .column-links, .single-post #secondary .column-links, .archive #secondary .column-links, .blog #secondary .column-links, .single-media-coverage #secondary .column-links {
    column-count: 2; }
    @media screen and (min-width: 769px) {
      .page-template-default #secondary .column-links, .single-post #secondary .column-links, .archive #secondary .column-links, .blog #secondary .column-links, .single-media-coverage #secondary .column-links {
        column-count: 3; } }
    @media screen and (min-width: 1024px) {
      .page-template-default #secondary .column-links, .single-post #secondary .column-links, .archive #secondary .column-links, .blog #secondary .column-links, .single-media-coverage #secondary .column-links {
        column-count: 2; } }
    .page-template-default #secondary .column-links li, .single-post #secondary .column-links li, .archive #secondary .column-links li, .blog #secondary .column-links li, .single-media-coverage #secondary .column-links li {
      border-top: none;
      text-indent: 0;
      break-inside: avoid;
      font-size: 2em;
      padding: 0.42em 0; }
      @media screen and (min-width: 1024px) {
        .page-template-default #secondary .column-links li, .single-post #secondary .column-links li, .archive #secondary .column-links li, .blog #secondary .column-links li, .single-media-coverage #secondary .column-links li {
          font-size: 1rem;
          padding: 0 0 0.21em 0; } }

.apply-2col-left-sidebar h1.entry-title,
.page-template-template-news h1.entry-title,
.page-template-page-templatestemplate-left-col-php h1.entry-title {
  font-size: 3em;
  margin: 0px 0px 15px 0px;
  font-weight: 700;
  font-style: Normal;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #C25700;
  text-align: left; }

.apply-2col-left-sidebar #main,
.page-template-template-news #main,
.page-template-page-templatestemplate-left-col-php #main {
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
  width: 1024px; }

.apply-2col-left-sidebar #primary,
.page-template-template-news #primary,
.page-template-page-templatestemplate-left-col-php #primary {
  background-color: #FFFFFF;
  float: right !important;
  padding: 20px 50px;
  margin: 0px;
  margin-left: 0px !important;
  margin-right: 0px !important; }
  @media screen and (min-width: 200px) {
    .apply-2col-left-sidebar #primary,
    .page-template-template-news #primary,
    .page-template-page-templatestemplate-left-col-php #primary {
      float: left;
      display: block;
      margin-right: 6.66667%;
      width: 100%; }
      .apply-2col-left-sidebar #primary:last-child,
      .page-template-template-news #primary:last-child,
      .page-template-page-templatestemplate-left-col-php #primary:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 769px) {
    .apply-2col-left-sidebar #primary,
    .page-template-template-news #primary,
    .page-template-page-templatestemplate-left-col-php #primary {
      float: left;
      display: block;
      margin-right: 4.34783%;
      width: 100%; }
      .apply-2col-left-sidebar #primary:last-child,
      .page-template-template-news #primary:last-child,
      .page-template-page-templatestemplate-left-col-php #primary:last-child {
        margin-right: 0; } }
  @media only screen and (min-width: 1024px) {
    .apply-2col-left-sidebar #primary,
    .page-template-template-news #primary,
    .page-template-page-templatestemplate-left-col-php #primary {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 74.46809%; }
      .apply-2col-left-sidebar #primary:last-child,
      .page-template-template-news #primary:last-child,
      .page-template-page-templatestemplate-left-col-php #primary:last-child {
        margin-right: 0; } }

.apply-2col-left-sidebar #secondary,
.page-template-template-news #secondary,
.page-template-page-templatestemplate-left-col-php #secondary {
  display: none !important; }
  @media only screen and (min-width: 1024px) {
    .apply-2col-left-sidebar #secondary,
    .page-template-template-news #secondary,
    .page-template-page-templatestemplate-left-col-php #secondary {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 23.40426%;
      margin-top: 0 !important;
      margin-right: 0 !important;
      margin-left: 0 !important;
      padding-right: 0 !important;
      padding-left: 0 !important;
      display: block !important;
      position: relative;
      z-index: 1;
      float: left !important;
      margin-bottom: 0px !important;
      background: none; }
      .apply-2col-left-sidebar #secondary:last-child,
      .page-template-template-news #secondary:last-child,
      .page-template-page-templatestemplate-left-col-php #secondary:last-child {
        margin-right: 0; } }

.apply-2col-left-sidebar #secondary-inner,
.page-template-template-news #secondary-inner,
.page-template-page-templatestemplate-left-col-php #secondary-inner {
  padding: 20px;
  background-color: #FFFFFF; }

.page-template-page-templatestemplate-full-width-php h1.entry-title {
  font-size: 3em;
  margin: 0px 0px 15px 0px;
  font-weight: 700;
  font-style: Normal;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  text-transform: uppercase;
  letter-spacing: -1px;
  color: #C25700;
  text-align: left; }

.page-template-page-templatestemplate-full-width-php #main {
  background-color: transparent;
  padding-left: 0px;
  padding-right: 0px;
  width: 1024px; }

.page-template-page-templatestemplate-full-width-php #primary {
  background-color: #FFFFFF;
  padding: 20px 50px;
  margin: 0px;
  width: 100%; }

.page-template-page-templatestemplate-full-width-php #secondary {
  width: 100%; }

/*--------------------------------------------------------------
	6.5 Sidebar
	--------------------------------------------------------------*/
/* =Asides
----------------------------------------------- */
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none; }

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

/*--------------------------------------------------------------
	6.6 Footer
	--------------------------------------------------------------*/
footer {
  position: relative;
  float: left;
  margin: auto;
  padding: 0px;
  width: 100%;
  z-index: 1; }
  footer a {
    color: white; }
    footer a:hover {
      color: #BFDBEC; }
  footer .footer-floats {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto; }
    footer .footer-floats:after {
      content: "";
      display: table;
      clear: both; }
  footer .site-info {
    color: #005A8B;
    background: transparent;
    margin: auto;
    width: 100%;
    text-align: center;
    font-size: 1.3em;
    padding-top: 20px; }
    footer .site-info a, footer .site-info a:link, footer .site-info a:hover, footer .site-info a:visited {
      color: #005A8B; }
    footer .site-info ul {
      margin: 0;
      padding: 0; }
      footer .site-info ul li {
        list-style-type: none;
        display: block; }
        @media only screen and (min-width: 481px) {
          footer .site-info ul li {
            display: inline; } }
    footer .site-info .site-info-school li {
      font-size: 1.3em;
      font-weight: bold;
      padding-bottom: 10px; }
      footer .site-info .site-info-school li:before {
        content: none; }
        @media only screen and (min-width: 481px) {
          footer .site-info .site-info-school li:before {
            content: "|";
            margin-left: 20px;
            margin-right: 20px; } }
      footer .site-info .site-info-school li:first-child:before {
        content: none; }
    footer .site-info .site-info-links {
      display: none; }
      @media only screen and (min-width: 481px) {
        footer .site-info .site-info-links {
          display: block; } }
    footer .site-info .site-info-links p {
      font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
    footer .site-info .site-info-links ul {
      padding-top: 20px; }
    footer .site-info .site-info-links li {
      padding-left: .5em;
      padding-right: .5em;
      font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
      footer .site-info .site-info-links li:before {
        content: "|";
        margin-left: 7px;
        margin-right: 20px; }
      footer .site-info .site-info-links li:first-child:before {
        content: none; }
    footer .site-info .site-info-links-mobile {
      display: block; }
      footer .site-info .site-info-links-mobile p {
        font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
        padding-top: 15px; }
      footer .site-info .site-info-links-mobile ul {
        margin: 0;
        padding: 0; }
        footer .site-info .site-info-links-mobile ul li {
          font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
          display: block;
          padding-bottom: 7px; }
      @media only screen and (min-width: 481px) {
        footer .site-info .site-info-links-mobile {
          display: none; } }
  footer .footer-left {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 48.93617%;
    margin-top: 30px;
    margin-bottom: 40px;
    padding: 10px;
    text-align: left; }
    footer .footer-left:last-child {
      margin-right: 0; }
  footer .footer-right {
    float: left;
    display: block;
    margin-right: 2.12766%;
    width: 48.93617%;
    margin-top: 30px;
    margin-bottom: 40px;
    padding: 10px;
    text-align: right; }
    footer .footer-right:last-child {
      margin-right: 0; }
  footer .footer-main {
    color: #FFFFFF;
    background: #005A8B;
    padding: 20px;
    padding-top: 2em; }
    footer .footer-main:after {
      content: "";
      display: table;
      clear: both; }
    footer .footer-main h3 {
      text-align: left;
      font-size: 1.5em;
      font-weight: 700; }
    @media only screen and (min-width: 769px) {
      footer .footer-main h3 {
        text-align: left; } }
  @media only screen and (min-width: 481px) {
    footer .footer-promise {
      display: block;
      float: left;
      width: 33%;
      padding: 5px; } }
  @media only screen and (min-width: 769px) {
    footer .footer-promise {
      width: 25%; } }
  footer .footer-promise p > strong {
    color: #FFFFFF;
    font-size: inherit; }
  footer .footer-about {
    display: none; }
    @media only screen and (min-width: 481px) {
      footer .footer-about {
        display: block;
        float: left;
        width: 33%;
        padding: 5px; } }
    @media only screen and (min-width: 769px) {
      footer .footer-about {
        padding-left: 20px;
        padding-right: -20px;
        width: 25%; } }
  footer .footer-distinctly {
    display: none; }
    @media only screen and (min-width: 481px) {
      footer .footer-distinctly {
        display: block;
        float: left;
        width: 33%;
        padding: 5px; } }
    @media only screen and (min-width: 769px) {
      footer .footer-distinctly {
        width: 25%; } }
  footer .footer-maps {
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    display: block;
    float: left; }
    footer .footer-maps h3 {
      padding-top: 30px; }
    footer .footer-maps #topleft {
      float: none; }
    footer .footer-maps #bottomright {
      float: none; }
    footer .footer-maps #gmap_links_leftside {
      display: none;
      width: 100%; }
    footer .footer-maps #berea_logo_leftside {
      display: none;
      width: 100%; }
    @media only screen and (min-width: 769px) {
      footer .footer-maps {
        width: 25%; }
        footer .footer-maps h3 {
          padding-top: 0; }
        footer .footer-maps #topleft {
          float: none;
          width: 100%; }
        footer .footer-maps #bottomright {
          float: none;
          width: 100%; }
        footer .footer-maps #gmap_container {
          overflow: hidden; }
          footer .footer-maps #gmap_container #gmap_canvas img {
            max-width: none !important;
            background: none !important; } }
    @media only screen and (min-width: 769px) and (min-width: 769px) {
      footer .footer-maps #gmap_container #gmap_canvas {
        height: 210px;
        width: 210px; } }
    @media only screen and (min-width: 769px) {
        footer .footer-maps #gmap_links_leftside {
          display: none; }
        footer .footer-maps #berea_logo_leftside {
          display: none; }
        footer .footer-maps #gmap_links_undermap {
          display: block;
          margin-top: 20px;
          margin-bottom: 20px;
          font-weight: 700; } }
  footer .footer-more {
    width: 300px;
    margin-top: 1em;
    margin-right: auto;
    margin-bottom: 1em;
    margin-left: auto;
    background: #FFFFFF;
    border-radius: 10px;
    color: #C25700;
    display: block;
    font-size: 1.75em;
    font-weight: 700;
    letter-spacing: -1px;
    padding: 1em;
    text-align: center;
    text-transform: uppercase; }
    footer .footer-more a {
      color: #C25700; }
    @media only screen and (min-width: 481px) {
      footer .footer-more {
        display: none; } }
  footer .footer-social {
    clear: left;
    color: #FFFFFF;
    background: #C25700;
    text-align: center;
    padding: 23px 20px 20px 20px;
    font-size: 1.3em;
    font-weight: bold;
    line-height: 2.5; }

/*--------------------------------------------------------------
	6.7 Accessbility
	--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px); }
  .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    top: 5px;
    left: 5px;
    z-index: 100000;
    /* Above WP toolbar */
    clip: auto !important;
    display: block;
    width: auto;
    height: auto;
    padding: 15px 23px 14px;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    line-height: normal;
    color: #21759b;
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); }

/*------------------------------------------------------------------
7.0 BC additions
------------------------------------------------------------------*/
#submit-notinuse {
  background: #000;
  border: solid 5px #555;
  border-radius: 0;
  box-shadow: none;
  clear: both;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  margin: 10px 0;
  padding: 20px;
  transition: all 200ms ease-in-out; }
  #submit-notinuse:focus {
    background: black;
    border: solid 5px #222222;
    border-radius: 0;
    box-shadow: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 20px; }
  #submit-notinuse:hover {
    background: black;
    border: solid 5px #222222;
    border-radius: 0;
    box-shadow: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 20px; }
  #submit-notinuse:hover {
    background-color: #555; }

.neat-button {
  background: #ffffff;
  border: solid 5px #ccc;
  border-radius: 0;
  box-shadow: none;
  clear: both;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  margin: 10px 0;
  padding: 20px;
  transition: all 200ms ease-in-out; }
  .neat-button:focus {
    background: #f2f2f2;
    border: solid 5px #999999;
    border-radius: 0;
    box-shadow: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 20px; }
  .neat-button:hover {
    background: #f2f2f2;
    border: solid 5px #999999;
    border-radius: 0;
    box-shadow: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 20px; }

.neat-3d-button {
  background: #ffffff;
  border-top: solid 3px #ccc;
  border-right: solid 3px #ccc;
  border-left: solid 3px #ccc;
  border-bottom: solid 5px #999;
  border-radius: 0;
  clear: both;
  float: left;
  font-family: oswald;
  margin: 15px 0;
  padding: 20px;
  transition: all 200ms ease-in-out; }
  .neat-3d-button:focus {
    background: #f2f2f2;
    border-top: solid 3px #999999;
    border-right: solid 3px #999999;
    border-left: solid 3px #999999;
    border-bottom: solid 3px #999999;
    border-radius: 0;
    box-shadow: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 20px; }
  .neat-3d-button:hover {
    background: #f2f2f2;
    border-top: solid 3px #999999;
    border-right: solid 3px #999999;
    border-left: solid 3px #999999;
    border-bottom: solid 3px #999999;
    border-radius: 0;
    box-shadow: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 20px; }

input-notinuse[type="submit"] {
  background: #000;
  border: solid 5px #555;
  border-radius: 0;
  box-shadow: none;
  clear: both;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  margin: 10px 0;
  padding: 20px;
  transition: all 200ms ease-in-out;
  margin: 0;
  padding: 8px; }
  input-notinuse[type="submit"]:focus {
    background: black;
    border: solid 5px #222222;
    border-radius: 0;
    box-shadow: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 20px; }
  input-notinuse[type="submit"]:hover {
    background: black;
    border: solid 5px #222222;
    border-radius: 0;
    box-shadow: none;
    font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    padding: 20px; }
  input-notinuse[type="submit"]:hover {
    background-color: #555; }

input#s {
  float: left;
  width: 70%; }

* {
  box-sizing: border-box; }

/* http://sachagreif.com/useful-sass-mixins/ */
/*
 * http://www.nodenerd.com/resetting-omega-mixin-bourbon-neat
 * http://www.joshfry.me/blog/2013/05/13/omega-reset-for-bourbon-neat/
 * "n order to use @include omega-reset(), you need to set Bourbon's $fg-column and $fg-gutter variables to match what Bourbon Neat is doing."
 */
label.screen-reader {
  opacity: 0; }

.cd-header-ribbon {
  position: absolute;
  top: 0px;
  left: 45px;
  background: url("../images/bc-ribbon-flat.png");
  background-repeat: no-repeat;
  width: 180px;
  height: 80px;
  z-index: 9;
  display: block; }
  .cd-header-ribbon a:hover {
    opacity: 1; }
  @media only screen and (min-width: 1024px) {
    .cd-header-ribbon {
      background: url("../images/bc-ribbon.png");
      width: 228px;
      height: 265px; } }
  .cd-header-ribbon div#logo {
    background: url("../images/bc-logo-stacked.svg");
    background-size: contain;
    margin: auto;
    margin-top: 13px;
    background-repeat: no-repeat;
    background-position: top center;
    display: block;
    width: 114px;
    height: 80px; }
    @media only screen and (min-width: 1024px) {
      .cd-header-ribbon div#logo {
        background: url("../images/primary_white_transparent.svg");
        background-size: 210px;
        background-repeat: no-repeat;
        background-position: top center;
        width: 228px;
        height: 265px; } }
  .cd-header-ribbon.mini-ribbon {
    background: url("../images/bc-ribbon-flat.png") !important;
    background-repeat: no-repeat !important;
    width: 228px !important;
    height: 50px !important; }
    @media only screen and (min-width: 1024px) {
      .cd-header-ribbon.mini-ribbon {
        height: 90px !important; } }
    .cd-header-ribbon.mini-ribbon div#logo {
      margin: 12px 0;
      background: url("../images/bc-logo-stacked.svg") !important;
      background-size: contain !important;
      background-repeat: no-repeat !important;
      background-position: top center !important; }
      @media only screen and (min-width: 1024px) {
        .cd-header-ribbon.mini-ribbon div#logo {
          height: 66px !important;
          background-repeat: no-repeat !important; } }

@media only screen and (min-width: 1024px) {
  .short-ribbon .cd-header-ribbon {
    background: url("../images/bc-ribbon.png");
    width: 228px;
    height: 145px;
    background-position: bottom center; } }

@media only screen and (min-width: 1024px) {
  .short-ribbon div#logo {
    background: url("../images/bc-logo-stacked.svg");
    background-size: contain;
    margin: auto;
    margin-top: 24px;
    background-repeat: no-repeat;
    background-position: top center;
    width: 160px;
    height: 112px; } }

#ribbon.mini-ribbon div#logo {
  width: 100%; }

.shift-down {
  margin-top: 54px; }
  @media only screen and (min-width: 1024px) {
    .shift-down {
      margin-top: 84px; } }

.hero-nav-wrapper {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px; }
  .hero-nav-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (min-width: 769px) {
    .hero-nav-wrapper {
      position: absolute;
      bottom: 40px;
      right: 0px;
      margin-bottom: 50px;
      background-color: rgba(0, 90, 139, 0.8); } }

.hero-nav {
  list-style-type: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  padding: 0 20px;
  padding-top: 20px;
  margin: 0 auto;
  color: #FFFFFE;
  font-size: 1.2em;
  font-weight: bold; }
  .hero-nav > li {
    display: block;
    float: left; }
    .hero-nav > li:last-child {
      margin-right: 0px; }
  @media only screen and (min-width: 769px) {
    .hero-nav {
      padding-top: 0px; } }
  @media only screen and (min-width: 1024px) {
    .hero-nav {
      width: 100%; } }

.hero-nav-item {
  background-color: rgba(0, 90, 139, 0.8);
  margin-bottom: 10px;
  padding: 20px 0;
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 48.93617%; }
  .hero-nav-item:last-child {
    margin-right: 0; }
  .hero-nav-item:nth-child(2n) {
    margin-right: 0; }
  .hero-nav-item:nth-child(2n+1) {
    clear: left; }
  @media only screen and (min-width: 769px) {
    .hero-nav-item {
      background-color: transparent;
      margin-bottom: 0;
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 23.40426%; }
      .hero-nav-item:nth-child(2n) {
        margin-right: 2.12766%; }
      .hero-nav-item:nth-child(2n+1) {
        clear: none; }
      .hero-nav-item:last-child {
        margin-right: 0; }
      .hero-nav-item:nth-child(4n) {
        margin-right: 0; }
      .hero-nav-item:nth-child(4n+1) {
        clear: left; } }

.hero-nav a {
  color: #FFFFFE; }

.homepage-slider {
  /*
  .tagline {
    position: relative;
    font-family: $sans-serif;
    font-size: 1.5em;
    font-weight: 200;
    width: 90%;
    margin: 0 auto;
    letter-spacing: -0.015em;
    text-align: left;
    line-height: 1.8em;

    @include MQ(S) {
      position: absolute;
      top: 35%;
    }

    @include MQ(M) {
      top: 45%;
    }

  } */ }
  @media only screen and (min-width: 481px) {
    .homepage-slider {
      text-align: right; } }
  .homepage-slider .slider-textblock {
    background-color: #FFFFFE;
    position: relative;
    margin: -60px 22px 20px 20px;
    padding-top: 0 20px 20px 20px; }
    @media only screen and (min-width: 769px) {
      .homepage-slider .slider-textblock {
        position: absolute;
        bottom: 180px;
        left: 50%;
        margin: 0;
        margin-left: -490px;
        max-width: 980px;
        width: 100%;
        background-color: transparent; } }
  .homepage-slider .slider-textblock-without-blogname {
    display: none; }
    @media only screen and (min-width: 769px) {
      .homepage-slider .slider-textblock-without-blogname {
        display: block;
        position: absolute;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 20px;
        padding-top: 0px;
        padding-right: 20px;
        padding-bottom: 0px;
        padding-left: 20px;
        bottom: 180px;
        right: 0px;
        width: 100%;
        background-color: transparent; } }
  .homepage-slider .slider-breadcrumbs {
    display: none; }
    @media only screen and (min-width: 769px) {
      .homepage-slider .slider-breadcrumbs {
        display: block;
        text-align: right;
        color: #FFFFFE;
        margin-right: auto;
        margin-left: auto; } }
  @media only screen and (min-width: 769px) and (min-width: 1024px) {
    .homepage-slider .slider-breadcrumbs {
      width: 980px; } }
    .homepage-slider .slider-breadcrumbs #breadcrumbs .breadcrumb_last:only-child {
      display: none; }
  .homepage-slider h1 {
    font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    color: #005A8B;
    text-align: center;
    font-size: 2.6em;
    font-weight: 600;
    line-height: 1em;
    padding-top: 20px;
    padding-bottom: 10px;
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    width: 90%;
    border-bottom: 3px solid #C25700; }
    @media only screen and (min-width: 769px) {
      .homepage-slider h1 {
        text-align: right;
        color: #FFFFFE;
        text-shadow: 0 0 10px #000;
        padding-bottom: 0px;
        border-bottom: none;
        line-height: 1.3em; } }
    @media only screen and (min-width: 824px) {
      .homepage-slider h1 {
        font-size: 4em; } }
    @media only screen and (min-width: 1024px) {
      .homepage-slider h1 {
        width: 980px; } }
  .homepage-slider p {
    text-align: left;
    color: #005A8B; }
    @media only screen and (min-width: 769px) {
      .homepage-slider p {
        text-align: right;
        color: #FFFFFE; } }
  .homepage-slider .tagline {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-size: 11pt;
    font-weight: 600;
    width: 90%;
    margin: 0 auto;
    letter-spacing: -0.015em; }
    @media only screen and (min-width: 769px) {
      .homepage-slider .tagline {
        text-shadow: 0 0 10px #000; } }
    @media only screen and (min-width: 1024px) {
      .homepage-slider .tagline {
        width: 980px !important; } }
  .homepage-slider .read-more {
    text-align: right;
    padding: 5px; }
    .homepage-slider .read-more a, .homepage-slider .read-more a:link, .homepage-slider .read-more a:hover, .homepage-slider .read-more a:visited, .homepage-slider .read-more a:active {
      font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
      font-size: 14px !important;
      text-transform: uppercase;
      text-decoration: none;
      font-weight: 700;
      border: none !important;
      color: #FFFFFE;
      border: 1px solid #643512;
      border-color: #643512 #4e2c09 #3a2303;
      border-radius: 10px;
      box-shadow: inset 0 1px 0 0 #e56301;
      color: white;
      display: inline-block;
      font-size: inherit;
      font-weight: normal;
      line-height: 1;
      background-color: #C25700;
      background-image: linear-gradient(#C25700, #8f5300);
      padding: 7px;
      text-align: center;
      text-decoration: none;
      text-shadow: 0 -1px 1px #6a3e0b;
      background-clip: padding-box; }
      .homepage-slider .read-more a:hover:not(:disabled), .homepage-slider .read-more a:link:hover:not(:disabled), .homepage-slider .read-more a:hover:hover:not(:disabled), .homepage-slider .read-more a:visited:hover:not(:disabled), .homepage-slider .read-more a:active:hover:not(:disabled) {
        border: 1px solid #502707;
        border-color: #502707 #381d01 #1f1200;
        box-shadow: inset 0 1px 0 0 #d05e01;
        cursor: pointer;
        background-color: #ab4d00;
        background-image: linear-gradient(#ab4d00, #714302);
        text-shadow: 0 -1px 1px #502b02;
        background-clip: padding-box; }
      .homepage-slider .read-more a:active:not(:disabled), .homepage-slider .read-more a:focus:not(:disabled), .homepage-slider .read-more a:link:active:not(:disabled), .homepage-slider .read-more a:link:focus:not(:disabled), .homepage-slider .read-more a:hover:active:not(:disabled), .homepage-slider .read-more a:hover:focus:not(:disabled), .homepage-slider .read-more a:visited:active:not(:disabled), .homepage-slider .read-more a:visited:focus:not(:disabled), .homepage-slider .read-more a:active:active:not(:disabled), .homepage-slider .read-more a:active:focus:not(:disabled) {
        background: #864909;
        border: 1px solid #281601;
        border-bottom: 1px solid #241700;
        box-shadow: inset 0 0 6px 3px #543200;
        text-shadow: 0 -1px 1px #4f2d05; }
      .homepage-slider .read-more a:disabled, .homepage-slider .read-more a:link:disabled, .homepage-slider .read-more a:hover:disabled, .homepage-slider .read-more a:visited:disabled, .homepage-slider .read-more a:active:disabled {
        opacity: 0.5;
        cursor: not-allowed; }
      @media only screen and (min-width: 769px) {
        .homepage-slider .read-more a, .homepage-slider .read-more a:link, .homepage-slider .read-more a:hover, .homepage-slider .read-more a:visited, .homepage-slider .read-more a:active {
          color: #005A8B;
          border: 1px solid #f3f2bd;
          border-color: #f3f2bd #eef49e #e8f881;
          border-radius: 10px;
          box-shadow: inset 0 1px 0 0 white;
          color: #333333;
          display: inline-block;
          font-size: inherit;
          font-weight: normal;
          line-height: 1;
          background-color: #FFFFFE;
          background-image: linear-gradient(#FFFFFE, #f8ffcb);
          padding: 7px;
          text-align: center;
          text-decoration: none;
          text-shadow: 0 -1px 1px white;
          background-clip: padding-box; }
          .homepage-slider .read-more a:hover:not(:disabled), .homepage-slider .read-more a:link:hover:not(:disabled), .homepage-slider .read-more a:hover:hover:not(:disabled), .homepage-slider .read-more a:visited:hover:not(:disabled), .homepage-slider .read-more a:active:hover:not(:disabled) {
            border: 1px solid #f6f49c;
            border-color: #f6f49c #f5fe76 #e9ff5b;
            box-shadow: inset 0 1px 0 0 white;
            cursor: pointer;
            background-color: #ffffe7;
            background-image: linear-gradient(#ffffe7, #f3fdb1);
            text-shadow: 0 -1px 1px #f3fc91;
            background-clip: padding-box; }
          .homepage-slider .read-more a:active:not(:disabled), .homepage-slider .read-more a:focus:not(:disabled), .homepage-slider .read-more a:link:active:not(:disabled), .homepage-slider .read-more a:link:focus:not(:disabled), .homepage-slider .read-more a:hover:active:not(:disabled), .homepage-slider .read-more a:hover:focus:not(:disabled), .homepage-slider .read-more a:visited:active:not(:disabled), .homepage-slider .read-more a:visited:focus:not(:disabled), .homepage-slider .read-more a:active:active:not(:disabled), .homepage-slider .read-more a:active:focus:not(:disabled) {
            background: #f9fcce;
            border: 1px solid #eefd67;
            border-bottom: 1px solid #e2ff60;
            box-shadow: inset 0 0 6px 3px #eeff90;
            text-shadow: 0 -1px 1px #f0f897; }
          .homepage-slider .read-more a:disabled, .homepage-slider .read-more a:link:disabled, .homepage-slider .read-more a:hover:disabled, .homepage-slider .read-more a:visited:disabled, .homepage-slider .read-more a:active:disabled {
            opacity: 0.5;
            cursor: not-allowed; } }

.homepage-slider-background, .secondary-slider-background {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center top;
  overflow: hidden; }

.homepage-slider-sizing-aspect-ratio {
  /* based on aspect ratios hack: http://www.mademyday.de/css-height-equals-width-with-pure-css.html */ }
  .homepage-slider-sizing-aspect-ratio.homepage-slider {
    position: relative;
    width: 100%; }
  .homepage-slider-sizing-aspect-ratio.homepage-slider:before {
    content: "";
    display: block;
    padding-top: 100%;
    /* initial aspect ratio of 1:1*/ }
  .homepage-slider-sizing-aspect-ratio .homepage-slider-background, .homepage-slider-sizing-aspect-ratio .secondary-slider-background {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
    overflow: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    /*
  bottom:168px;
  */ }
    @media only screen and (min-width: 769px) {
      .homepage-slider-sizing-aspect-ratio .homepage-slider-background, .homepage-slider-sizing-aspect-ratio .secondary-slider-background {
        bottom: 0px; } }
  .homepage-slider-sizing-aspect-ratio.ratio_2x1:before {
    padding-top: 50%; }
  .homepage-slider-sizing-aspect-ratio.ratio_1x2:before {
    padding-top: 200%; }
  .homepage-slider-sizing-aspect-ratio.ratio_4x3:before {
    padding-top: 75%; }
  .homepage-slider-sizing-aspect-ratio.ratio_16x9:before {
    padding-top: 56.25%; }
  .homepage-slider-sizing-aspect-ratio.ratio_256x155:before {
    padding-top: 60.55%; }
  .homepage-slider-sizing-aspect-ratio.ratio_1024x620:before {
    padding-top: 60.55%; }
  .homepage-slider-sizing-aspect-ratio.ratio_16x3:before {
    padding-top: 18.75%; }
  .homepage-slider-sizing-aspect-ratio.ratio_1024x192:before {
    padding-top: 18.75%; }
  .homepage-slider-sizing-aspect-ratio.ratio_1024x192_givingday:before {
    padding-top: 45%; }
  .homepage-slider-sizing-aspect-ratio.ratio_1024x440:before {
    padding-top: 43%; }

.homepage-slider-sizing-main {
  /* height: 192px;
  width: 100%;
  @include MQ(L) {
    height: 620px;
  } */ }

.homepage-slider-sizing-dept {
  width: 100%; }
  .homepage-slider-sizing-dept h1 {
    border-bottom: none;
    padding-bottom: 20px;
    margin-bottom: 0px; }
    @media only screen and (min-width: 769px) {
      .homepage-slider-sizing-dept h1 {
        margin-top: -4px;
        padding-bottom: 0px;
        padding-top: 0px; } }
  .homepage-slider-sizing-dept .slider-textblock {
    margin-top: -30px; }
    @media only screen and (min-width: 769px) {
      .homepage-slider-sizing-dept .slider-textblock {
        bottom: 60px; } }
  .homepage-slider-sizing-dept .slider-textblock-without-blogname {
    margin-top: -30px; }
    @media only screen and (min-width: 769px) {
      .homepage-slider-sizing-dept .slider-textblock-without-blogname {
        bottom: 80px; } }

.vertical-center {
  vertical-align: middle; }

.nudge-right {
  padding-left: 1em; }

.nudge-half-right {
  padding-left: .5em; }

.nudge-left {
  padding-right: 1em; }

.homepage-central-content-block {
  position: relative;
  z-index: 100; }

.group-elements {
  display: inline-block; }

/* For department homepage */
.menu-block-wrapper {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  display: none; }
  .menu-block-wrapper:after {
    content: "";
    display: table;
    clear: both; }
  @media only screen and (min-width: 1024px) {
    .menu-block-wrapper {
      display: block; } }

.apply-mobile-injected-menu > li:not(.menu-item-hide-on-large) {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .apply-mobile-injected-menu > li:not(.menu-item-hide-on-large) {
      display: inline-block; } }

.menu-item-hide-on-large {
  display: block; }
  @media only screen and (min-width: 1024px) {
    .menu-item-hide-on-large {
      display: none !important; } }

.menu-item-show-on-large {
  display: none; }
  @media only screen and (min-width: 1024px) {
    .menu-item-show-on-large {
      display: block; } }

.menu-block {
  background: #C25700;
  padding: 20px 0;
  margin: 20px 0;
  float: left;
  display: block;
  margin-right: 2.12766%;
  width: 100%; }
  .menu-block:last-child {
    margin-right: 0; }
  .menu-block:nth-child(1n) {
    margin-right: 0; }
  .menu-block:nth-child(1n+1) {
    clear: left; }
  @media only screen and (min-width: 769px) {
    .menu-block {
      float: left;
      display: block;
      margin-right: 2.12766%;
      width: 31.91489%; }
      .menu-block:nth-child(1n) {
        margin-right: 2.12766%; }
      .menu-block:nth-child(1n+1) {
        clear: none; }
      .menu-block:last-child {
        margin-right: 0; }
      .menu-block:nth-child(3n) {
        margin-right: 0; }
      .menu-block:nth-child(3n+1) {
        clear: left; } }

/* For news template in child theme 1 */
#news-list a:link, #news-list a:hover, #news-list a:visited {
  color: #005A8B;
  text-decoration: none; }

.root-menu {
  background-color: #005A8B; }
  .root-menu a {
    color: #FFFFFE !important;
    font-weight: 600; }
    .root-menu a::before, .root-menu a::after {
      /* arrow icon in CSS - for element with nested unordered lists */
      background: #FFFFFE; }

/* For styling the links on posts. */
.entry-meta a:link, .entry-meta a:visited, .entry-meta a:hover, .entry-meta a:active {
  color: #005A8B;
  font-weight: bold; }

.entry-meta time {
  color: #005A8B; }

.vc_inline-link::before {
  content: ' / '; }

.unused {
  display: none; }

#wp-admin-bar-user-actions li {
  margin-left: 16px !important; }
  #wp-admin-bar-user-actions li .ab-item {
    min-width: 100px !important; }

#wp-admin-bar-user-actions #wp-admin-bar-user-info img.avatar {
  display: none; }

a.soliloquy-link:hover {
  opacity: 1; }

.widget-title {
  font-size: 1.25em;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif; }

.comments-title {
  font-size: 1.75em;
  font-family: "Open Sans"; }

.comment-reply-title {
  font-size: 1.75em;
  font-family: "Open Sans"; }

.gfieldset {
  background: #FFFFFF;
  background-color: #FFFFFF; }

.vc_separator {
  font-size: 1.95em;
  color: #C75B12; }

li.menu-item-2443 :hover {
  color: #FFFFFF; }

#tribe-bar-collapse-toggle {
  color: #000000;
  text-align: left; }

#tribe-bar-views {
  color: #000000; }

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

ul.gallery-item {
  list-style-type: none !important;
  padding-left: 0; }

li.gallery-icon {
  list-style-type: none !important; }

.text-uppercase {
  text-transform: uppercase; }

.soliloquy-next:focus {
  opacity: .7;
  -ms-filter: "alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: .7;
  -khtml-opacity: .7; }

.soliloquy-prev:focus {
  opacity: .7;
  -ms-filter: "alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: .7;
  -khtml-opacity: .7; }

a.more-link {
  text-transform: uppercase;
  font-weight: bold; }

div.nav-previous {
  text-transform: uppercase;
  font-weight: bold;
  display: inline;
  float: left;
  margin-right: 1.5em; }

div.nav-next {
  text-transform: uppercase;
  font-weight: bold;
  display: inline;
  float: right;
  margin-left: 1.5em; }

.page-numbers {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px; }

h2.blog-roll-title, h2.blog-roll-title a {
  font-size: 36px;
  line-height: 1.1em;
  padding: 0px 0px 15px 0px;
  margin: 0px 0px 15px 0px;
  font-weight: 700;
  font-style: Normal;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  letter-spacing: 1px;
  color: #c25700;
  text-align: left;
  text-decoration: none;
  border-bottom: 0px solid #C25700; }

a:focus {
  color: #ffffff;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  opacity: 0.6; }

.submit-custom {
  background: #c75b12;
  border-radius: 20px;
  box-shadow: none;
  clear: both;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  margin: 10px 0;
  padding: 20px;
  transition: all 200ms ease-in-out; }

.submit-custom:focus {
  background: #c75b12;
  border-radius: 20px;
  box-shadow: none;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  padding: 20px; }

.submit-custom:hover {
  background: #c75b12;
  border-radius: 20px;
  box-shadow: none;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  padding: 20px; }

#submit {
  background: #c75b12;
  border-radius: 6px;
  border: 0px;
  box-shadow: none;
  clear: both;
  font-family: "Open Sans";
  margin: 10px 0;
  padding: 20px;
  transition: all 200ms ease-in-out; }

#submit:focus {
  background: #db6f26;
  border-radius: 6px;
  border: 0px;
  box-shadow: none;
  font-family: "Open Sans";
  padding: 20px; }

#submit:hover {
  background: #db6f26;
  border-radius: 6px;
  border: 0px;
  box-shadow: none;
  font-family: "Open Sans";
  padding: 20px; }

@media only screen and (min-width: 975px) {
  a.gettysburg-two-thirds {
    padding-top: 56.25%; }
  div.gettysburg-two-thirds {
    padding-top: 56.25%; }
  h2.gettysburg-two-thirds {
    font-size: 40px !important; }
  a.gettysburg-one-third {
    padding-top: 118.8%; }
  h2.gettysburg-one-third {
    font-size: 40px !important; }
  p.gettysburg-quote {
    font-size: 23px !important; } }

@media only screen and (max-width: 975px) {
  a.gettysburg-two-thirds {
    padding-top: 56.25%; }
  div.gettysburg-two-thirds {
    padding-top: 56.25%; }
  h2.gettysburg-two-thirds {
    font-size: 40px !important; }
  a.gettysburg-one-third {
    padding-top: 118.8%; }
  h2.gettysburg-one-third {
    font-size: 40px !important; }
  p.gettysburg-quote {
    font-size: 20px !important; } }

@media only screen and (max-width: 888px) {
  a.gettysburg-two-thirds {
    padding-top: 56.25%; }
  div.gettysburg-two-thirds {
    padding-top: 56.25%; }
  h2.gettysburg-two-thirds {
    font-size: 40px !important; }
  a.gettysburg-one-third {
    padding-top: 118.8%; }
  h2.gettysburg-one-third {
    font-size: 40px !important; }
  p.gettysburg-quote {
    font-size: 18px !important; } }

@media only screen and (max-width: 812px) {
  a.gettysburg-two-thirds {
    padding-top: 56.25%; }
  div.gettysburg-two-thirds {
    padding-top: 56.25%; }
  h2.gettysburg-two-thirds {
    font-size: 40px !important; }
  a.gettysburg-one-third {
    padding-top: 118.8%; }
  h2.gettysburg-one-third {
    font-size: 40px !important; }
  p.gettysburg-quote {
    font-size: 16px !important; } }

@media only screen and (min-width: 766px) {
  a.gettysburg-two-thirds:hover p.gettysburg-two-thirds {
    opacity: 1;
    padding-top: 0px;
    transition: 0.6s; }
  a.gettysburg-one-third:hover p.gettysburg-one-third {
    opacity: 1;
    padding-top: 0px;
    transition: 0.6s; }
  .gettysburg-top-left {
    margin-right: -5px !important;
    margin-bottom: -5px !important; }
  .gettysburg-top-right {
    margin-left: -5px !important;
    margin-bottom: -5px !important; }
  .gettysburg-middle-left {
    margin-right: -5px !important;
    margin-top: -10px !important;
    margin-bottom: -10px !important; }
  .gettysburg-middle-right {
    margin-left: -5px !important;
    margin-top: -10px !important;
    margin-bottom: -10px !important; }
  .gettysburg-bottom-left {
    margin-right: -5px !important;
    margin-top: -5px !important; }
  .gettysburg-bottom-right {
    margin-left: -5px !important;
    margin-top: -5px !important; } }

@media only screen and (max-width: 766px) {
  .gettysburg-top-left {
    margin-bottom: -40px !important; }
  .gettysburg-top-right {
    margin-bottom: -40px !important; }
  .gettysburg-middle-left {
    margin-bottom: -40px !important; }
  .gettysburg-middle-right {
    margin-bottom: -40px !important; }
  .gettysburg-bottom-left {
    margin-bottom: -40px !important; }
  a.gettysburg-two-thirds {
    padding-top: 25%; }
  div.gettysburg-two-thirds {
    padding-top: 20%;
    margin-top: -38px;
    margin-left: -50px;
    height: 42vw !important;
    width: 100vw !important; }
  h2.gettysburg-two-thirds {
    font-size: 26px !important; }
  a.gettysburg-one-third {
    padding-top: 25%; }
  h2.gettysburg-one-third {
    font-size: 26px !important; }
  p.gettysburg-quote {
    font-size: 22px !important; }
  a.gettysburg-top-right-2-img {
    background-position: top !important; }
  a.gettysburg-bottom-left-img {
    background-position: top !important; } }

@media only screen and (max-width: 630px) {
  .gettysburg-top-left {
    margin-bottom: -40px !important; }
  .gettysburg-top-right {
    margin-bottom: -40px !important; }
  .gettysburg-middle-left {
    margin-bottom: -40px !important; }
  .gettysburg-middle-right {
    margin-bottom: -40px !important; }
  .gettysburg-bottom-left {
    margin-bottom: -40px !important; }
  div.gettysburg-two-thirds {
    padding-top: 20%;
    margin-top: -38px;
    margin-left: -50px;
    height: 42vw !important;
    width: 100vw !important; }
  h2.gettysburg-two-thirds {
    font-size: 26px !important; }
  h2.gettysburg-one-third {
    font-size: 26px !important; }
  p.gettysburg-quote {
    font-size: 20px !important; } }

@media only screen and (max-width: 560px) {
  .gettysburg-top-left {
    margin-bottom: -40px !important; }
  .gettysburg-top-right {
    margin-bottom: -40px !important; }
  .gettysburg-middle-left {
    margin-bottom: -40px !important; }
  .gettysburg-middle-right {
    margin-bottom: -40px !important; }
  .gettysburg-bottom-left {
    margin-bottom: -40px !important; }
  div.gettysburg-two-thirds {
    padding-top: 20%;
    margin-top: -38px;
    margin-left: -50px;
    height: 42vw !important;
    width: 100vw !important; }
  h2.gettysburg-two-thirds {
    font-size: 26px !important; }
  h2.gettysburg-one-third {
    font-size: 26px !important; }
  p.gettysburg-quote {
    font-size: 16px !important; } }

@media only screen and (max-width: 470px) {
  p.gettysburg-quote {
    font-size: 13px !important; } }

@media only screen and (max-width: 430px) {
  h2.gettysburg-two-thirds {
    font-size: 18px !important; }
  h2.gettysburg-one-third {
    font-size: 18px !important; } }

@media only screen and (max-width: 394px) {
  p.gettysburg-quote {
    font-size: 11px !important; } }

@media only screen and (max-width: 360px) {
  p.gettysburg-quote {
    font-size: 9px !important; }
  h2.gettysburg-two-thirds {
    font-size: 12px !important; }
  h2.gettysburg-one-third {
    font-size: 12px !important; } }

div.gettysburg-top-left-2-img {
  background: url("/wp-content/uploads/2019/10/quotationBG.png"); }

a.gettysburg-top-right-2-img {
  background: url("/wp-content/uploads/2019/10/ApplyandVisit.jpg");
  box-shadow: 0px 1000px rgba(0, 0, 0, 0.25) inset;
  transition: box-shadow 0.6s; }

a.gettysburg-top-right-2-img:hover {
  background: url("/wp-content/uploads/2019/10/ApplyandVisit.jpg");
  box-shadow: 0px 1000px rgba(0, 0, 0, 0.6) inset;
  transition: box-shadow 0.6s; }

a.gettysburg-top-left-img {
  background: url("/wp-content/uploads/2019/10/HistoricalPhoto.jpg");
  box-shadow: 0px 1000px rgba(0, 0, 0, 0.25) inset;
  transition: box-shadow 0.6s; }

a.gettysburg-top-left-img:hover {
  background: url("/wp-content/uploads/2019/10/HistoricalPhoto.jpg");
  box-shadow: 0px 1000px rgba(0, 0, 0, 0.6) inset;
  transition: box-shadow 0.6s; }

a.gettysburg-top-right-img {
  background: url("/wp-content/uploads/2019/10/Labor.jpg");
  box-shadow: 0px 1000px rgba(0, 0, 0, 0.25) inset;
  transition: box-shadow 0.6s; }

a.gettysburg-top-right-img:hover {
  background: url("/wp-content/uploads/2019/10/Labor.jpg");
  box-shadow: 0px 1000px rgba(0, 0, 0, 0.6) inset;
  transition: box-shadow 0.6s; }

a.gettysburg-bottom-left-img {
  background: url("/wp-content/uploads/2019/10/FundingModel.jpg");
  box-shadow: 0px 1000px rgba(0, 0, 0, 0.25) inset;
  transition: box-shadow 0.6s; }

a.gettysburg-bottom-left-img:hover {
  background: url("/wp-content/uploads/2019/10/FundingModel.jpg");
  box-shadow: 0px 1000px rgba(0, 0, 0, 0.6) inset;
  transition: box-shadow 0.6s; }

a.gettysburg-bottom-right-img {
  background: url("/wp-content/uploads/2020/06/covid-19.jpg");
  box-shadow: 0px 1000px rgba(0, 0, 0, 0.25) inset;
  transition: box-shadow 0.6s; }

a.gettysburg-bottom-right-img:hover {
  background: url("/wp-content/uploads/2020/06/covid-19.jpg");
  box-shadow: 0px 1000px rgba(0, 0, 0, 0.6) inset;
  transition: box-shadow 0.6s; }

a.gettysburg-two-thirds {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  cursor: pointer; }

a.gettysburg-two-thirds:hover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  opacity: 1;
  text-decoration: none !important; }

h2.gettysburg-two-thirds {
  display: block !important;
  font-weight: bold !important;
  font-family: "Open Sans Condensed" !important;
  color: white !important;
  padding-top: 20px;
  padding-left: 28px;
  text-shadow: 0 0 10px #000; }

h2.gettysburg-two-thirds:hover {
  display: block !important;
  font-weight: bold !important;
  font-family: "Open Sans Condensed" !important;
  color: white !important;
  padding-top: 20px;
  padding-left: 28px;
  text-shadow: 0 0 10px #000; }

p.gettysburg-two-thirds {
  opacity: 0;
  transition: 0.6s;
  font-weight: bold !important;
  font-size: 16px !important;
  font-family: "klinic_slabbook" !important;
  color: white !important;
  padding-top: 20px;
  padding-left: 30px; }

p.gettysburg-quote {
  display: block;
  font-family: "klinic_slabbook" !important;
  color: black !important;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px; }

a.gettysburg-one-third {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  cursor: pointer; }

a.gettysburg-one-third:hover {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  opacity: 1;
  text-decoration: none !important;
  padding-left: 20px; }

h2.gettysburg-one-third {
  display: block !important;
  font-weight: bold !important;
  font-family: "Open Sans Condensed" !important;
  color: white !important;
  padding-top: 20px;
  padding-left: 28px;
  text-shadow: 0 0 10px #000; }

h2.gettysburg-one-third:hover {
  display: block !important;
  font-weight: bold !important;
  font-family: "Open Sans Condensed" !important;
  color: white !important;
  padding-top: 20px;
  padding-left: 28px;
  text-shadow: 0 0 10px #000; }

p.gettysburg-one-third {
  opacity: 0;
  transition: 0.6s;
  font-size: 16px !important;
  font-weight: bold !important;
  font-family: "klinic_slabbook" !important;
  color: white !important;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px; }

div.gettysburg-two-thirds {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden; }

div.gettysburg-container {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  vertical-align: top; }

div.gettysburg-quote-symbol {
  height: 100%;
  width: 72px;
  float: left;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 16px;
  display: inline-block; }

img.gettysburg-quote-symbol {
  height: 42px;
  width: 56px;
  float: left;
  display: inline-block; }

input.button {
  background-color: #0071a9; }

/* For content entered in posts by users */
h1.entry-title, h1.entry-title a {
  font-size: 36px;
  line-height: 1.1em;
  padding: 0px 0px 15px 0px;
  margin: 0px 0px 15px 0px;
  font-weight: 700;
  font-style: Normal;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  letter-spacing: 1px;
  color: #C25700;
  text-align: left;
  text-decoration: none;
  border-bottom: 0px solid #C25700; }

.entry-content {
  /*-----HEADING ACCESSIBILITY ADDITIONS
This is for accessibility purposes We need to start with h1, then h2, etc.  
h1.medium is the same as h2, h2.medium is the same as h3.
This gives more size options for when the standard h1/h2 isn't appropriate.*/
  /*------END HEADING ACCESSIBILITY ADDITIONS------*/ }
  .entry-content strong {
    font-weight: bold;
    font-size: 1em; }
  .entry-content em {
    font-style: italic;
    fornt-size: 1em; }
  .entry-content body {
    padding: 0px 0 50px 0;
    font-size: 16px;
    min-height: 100%;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 25px;
    background-color: #fffef9; }
  .entry-content h1 {
    font-size: 52px;
    margin: 0px 0px 15px 0px;
    font-weight: 700;
    font-style: Normal;
    font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    letter-spacing: 1px;
    color: #C25700; }
  .entry-content h2 {
    font-size: 32px;
    line-height: 35px;
    margin: 0px 0px 25px 0px;
    font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-style: Normal;
    color: #c75b12;
    letter-spacing: 3px; }
  .entry-content h1.givingday {
    font-size: 70px;
    line-height: 35px;
    margin: 0px 0px 25px 0px;
    font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-style: Normal;
    color: #c75b12;
    letter-spacing: 3px; }
  .entry-content h3 {
    font-size: 28px;
    line-height: 30px;
    margin: 0px 0px 19px 0px;
    font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-style: Normal;
    color: #739600;
    letter-spacing: 1px; }
  .entry-content h1.medium {
    font-size: 32px;
    line-height: 35px;
    margin: 0px 0px 25px 0px;
    font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-style: Normal;
    color: #c75b12;
    letter-spacing: 3px; }
  .entry-content h1.small {
    font-size: 28px;
    line-height: 30px;
    margin: 0px 0px 19px 0px;
    font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-style: Normal;
    color: #739600;
    letter-spacing: 1px; }
  .entry-content h2.medium {
    font-size: 28px;
    line-height: 30px;
    margin: 0px 0px 19px 0px;
    font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-style: Normal;
    color: #739600;
    letter-spacing: 1px; }
  .entry-content h4 {
    margin-bottom: 25px;
    font-weight: 300;
    font-style: Normal;
    font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    letter-spacing: 1px;
    font-size: 25px;
    color: #93b1cc;
    line-height: 25px;
    color: #005A8B; }
  .entry-content h5 {
    margin: 0px 0px 25px 0px;
    font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 300;
    font-style: Normal;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 20px;
    color: #333333; }
  .entry-content p {
    margin: 0px 0px 25px 0px;
    text-transform: inherit;
    font-size: 16px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }
  .entry-content p.intro {
    font-size: 16px;
    line-height: 29px;
    margin: 0px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #005a8b;
    padding: 5px; }
  .entry-content blockquote.pull-quote {
    margin: 0em 1em 1em 0em;
    border-left: 3px solid #ccc;
    padding: 0em 0em 0em 0.7em;
    background-color: #FFFFFE; }
  .entry-content div.content {
    text-align: left;
    width: 40%;
    padding: 50px 0px 0px 0px;
    background-color: white; }
  .entry-content p.quote {
    font-size: 23px;
    line-height: 28px;
    font-style: italic;
    color: #666666;
    margin: 0px;
    background-color: #FFFFFE; }
  .entry-content blockquote {
    font-size: 26px;
    line-height: 37px;
    margin-bottom: 25px; }
  .entry-content a {
    color: #005A8B;
    /* text-decoration: underline; */ }
    .entry-content a:visited {
      color: #C25700; }
  .entry-content ul {
    margin: 0px 0px 25px 0px;
    font-size: 16px;
    line-height: 1.4em;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    list-style-type: disc; }
    .entry-content ul li {
      list-style-type: disc; }
  .entry-content ol {
    margin: 0px 0px 25px 0px;
    font-size: 16px;
    line-height: 1.4em;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
    list-style-type: decimal; }
    .entry-content ol li {
      list-style-type: decimal; }
  .entry-content li.circle {
    list-style-type: circle; }
  .entry-content .original-publish-date, .entry-content .source-url-top, .entry-content .source-url-bottom {
    font-size: 14px;
    color: #444; }
  .entry-content .original-publish-date {
    margin-bottom: 0.1em; }
  .entry-content .source-url-top {
    margin-bottom: 25px; }
  .entry-content .source-url-bottom {
    margin: 1em 0; }

.imghover {
  cursor: pointer; }

.imghover:hover {
  opacity: 0.7; }

.imghover:focus {
  opacity: 0.7; }

a.gc-font {
  font-weight: bold;
  text-align: left;
  /*padding: 5px 176px 10px 15px;*/
  font-size: 33px;
  font-family: 'klinic_slabmedium';
  text-align: left;
  color: #c75b12;
  background-color: white; }

.entry-content strong {
  font-weight: bold;
  font-size: 1em; }

.entry-content em {
  font-style: italic;
  fornt-size: 1em; }

.entry-content body {
  padding: 0px 0 50px 0;
  font-size: 16px;
  min-height: 100%;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 25px;
  background-color: #fffef9; }

.entry-content h1 {
  font-size: 36px;
  margin: 0px 0px 15px 0px;
  font-weight: 700;
  font-style: Normal;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  letter-spacing: 1px;
  color: #C75B12; }

.entry-content h2 {
  font-size: 32px;
  line-height: 35px;
  margin: 0px 0px 25px 0px;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 300;
  font-style: Normal;
  color: #c75b12;
  letter-spacing: 3px; }

.entry-content h3 {
  font-size: 28px;
  line-height: 30px;
  margin: 0px 0px 19px 0px;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 300;
  font-style: Normal;
  color: #739600;
  letter-spacing: 1px; }

.entry-content h4 {
  margin-bottom: 25px;
  font-weight: 300;
  font-style: Normal;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  letter-spacing: 1px;
  font-size: 25px;
  color: #93b1cc;
  line-height: 25px;
  color: #005A8B; }

.entry-content h5 {
  margin: 0px 0px 25px 0px;
  font-family: "Open Sans Condensed", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 300;
  font-style: Normal;
  font-size: 20px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #333333; }

.entry-content p {
  margin: 0px 0px 25px 0px;
  text-transform: inherit;
  font-size: 16px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; }

.entry-content p.commitment-quote {
  font-size: 38px;
  font-family: 'open sans';
  line-height: 38px;
  text-align: left; }

.entry-content p.commitment-quote-author {
  font-size: 20px;
  font-family: 'open sans';
  line-height: 50px;
  text-align: right; }

.entry-content p.commitment-desc {
  font-size: 49px;
  font-weight: 500;
  line-height: 49px;
  text-align: right;
  font-family: 'klinic_slabmedium'; }

@media only screen and (min-width: 1024px) {
  .entry-content p.commitment-quote {
    font-size: 38px;
    font-family: 'klinic slab bold';
    line-height: 38px;
    text-align: center; }
  .entry-content p.commitment-desc {
    font-size: 49px;
    font-family: 'klinic_slabmedium';
    line-height: 49px;
    font-weight: 500;
    text-align: right; }
  .entry-content p.commitment-quote-author {
    font-size: 20px;
    font-family: 'open sans';
    line-height: 50px;
    text-align: right; } }

.entry-content p.intro {
  font-size: 16px;
  line-height: 29px;
  margin: 0px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #005a8b;
  padding: 5px; }

.gc-hero {
  background: url("/the-great-commitments/wp-content/uploads/sites/154/2017/08/main_header.jpg");
  background-size: cover;
  text-align: right;
  height: 35vw;
  width: 100vw;
  position: relative; }

.hero-textblock {
  position: absolute;
  bottom: 80px;
  left: 50%;
  margin: 0;
  margin-left: -490px;
  max-width: 980px;
  width: 100%;
  background-color: transparent; }

.gc-hero h1 {
  font-family: "Open Sans Condensed";
  font-size: 36pt;
  font-style: bold;
  color: #FFFFFE;
  font-weight: 600;
  text-shadow: 0 0 10px #000;
  width: 90%;
  margin: 0 auto; }

@media screen and (max-width: 769px) {
  .hero-textblock {
    bottom: 30px;
    left: 460px; }
  .gc-hero h1 {
    font-size: 24pt; } }

#double-space {
  line-height: 30px; }

#responsive_table {
  overflow-x: auto; }

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

From the GreatCommitments-style.css file

-------------------------------- */
/*
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "Source Sans Pro", sans-serif;
  color: #003c5d;
  
}

a {
  color: #9acd91;
  text-decoration: none;
}

img {
  max-width: 100%;
}
*/
/* -------------------------------- 

Stretchy Nav style - common to:
 - basic navigation
 - add-content navigation
 - edit-content navigation

-------------------------------- */
.gc-cd-stretchy-wrapper {
  position: relative; }

.gc-cd-stretchy-parent {
  position: relative;
  /* background-color: red;*/ }

.gc-cd-stretchy-child {
  position: fixed;
  z-index: 9;
  right: 0px;
  top: 0px; }

/*
.gc-cd-stretchy-child-again {
  position: absolute;
  z-index: 2;
  top:10px;
  bottom:auto;
  right:0px;
  transform: translateY(0%);
  

}
*/
.gc-cd-stretchy-nav {
  position: fixed;
  /* z-index: 2;*/
  z-index: 12;
  bottom: auto;
  right: 0px;
  /*transform: translateX(200%); */
  pointer-events: none;
  /* background-color:blue;*/ }

.gc-cd-stretchy-nav .gc-stretchy-nav-bg {
  /* this is the stretching navigation background */
  position: absolute;
  /*z-index: 1;*/
  z-index: 11;
  top: 40px;
  right: 0;
  width: 60px;
  height: 60px;
  /* 
    height: 100%;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2);*/
  /* can remove if need be*/
  /* Dan - changed border-radius and background */
  border-radius: 30px 0px 0px 30px;
  background: #C75B12;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  /*add that back, if need be */
  transition: height 0.2s, box-shadow 0.2s; }

.gc-cd-stretchy-nav.gc-nav-is-visible {
  pointer-events: auto; }

.gc-cd-stretchy-nav.gc-nav-is-visible .gc-stretchy-nav-bg {
  height: 94%;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2); }

.gc-cd-nav-trigger {
  position: absolute;
  z-index: 13;
  top: 40px;
  right: 0;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  /* replace text with image */
  overflow: hidden;
  white-space: nowrap;
  color: transparent;
  pointer-events: auto; }

.gc-cd-nav-trigger span.gc, .gc-cd-nav-trigger span.gc::after, .gc-cd-nav-trigger span.gc::before {
  /* this is the hamburger icon */
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: #ffffff; }

.gc-cd-nav-trigger span.gc {
  /* middle line of the hamburger icon */
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  transition: background-color 0.2s; }

.gc-cd-nav-trigger span.gc::after, .gc-cd-nav-trigger span.gc::before {
  /* top and bottom lines of the hamburger icon */
  content: '';
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.2s; }

.gc-cd-nav-trigger span.gc::before {
  transform: translateY(-6px); }

.gc-cd-nav-trigger span.gc::after {
  transform: translateY(6px); }

.no-touch .gc-cd-nav-trigger:hover ~ .gc-stretchy-nav-bg {
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.2); }

.gc-nav-is-visible .gc-cd-nav-trigger span.gc {
  background-color: transparent; }

.gc-nav-is-visible .gc-cd-nav-trigger span.gc::before {
  transform: rotate(-45deg); }

.gc-nav-is-visible .gc-cd-nav-trigger span.gc::after {
  transform: rotate(45deg); }

.gc-cd-stretchy-nav li.gc {
  list-style-type: none; }

.gc-cd-stretchy-nav ul.gc {
  list-style: none;
  position: relative;
  z-index: 12;
  padding: 100px 0 0;
  visibility: visible;
  /*changed from hidden*/
  transition: visibility 0.3s;
  text-align: right; }

.gc-cd-stretchy-nav ul.gc a {
  /*visibility: hidden;*/
  position: relative;
  display: block;
  height: 35px;
  line-height: 35px;
  padding: 0 calc(1em + 60px) 0 1em;
  color: rgba(10, 10, 10, 0.7);
  /*name of item*/
  font-size: 0rem;
  transition: color 0.2s; }

.gc-cd-stretchy-nav ul.gc a::after {
  /* navigation item icons */
  content: '';
  position: absolute;
  height: 25px;
  width: 25px;
  right: 13px;
  top: 50%;
  transform: translateY(-50%) scale(0);
  opacity: .6;
  background: url(../images/cd-sprite-1-Great-Commitments.svg) no-repeat 0 0; }

.gc-cd-stretchy-nav ul.gc a.cross::after {
  height: 32px; }

.gc-cd-stretchy-nav ul.gc a.hat::after {
  width: 35px;
  right: 10px; }

.gc-cd-stretchy-nav ul.gc a.chatbubbles::after {
  width: 30px;
  right: 11px; }

.gc-cd-stretchy-nav ul.gc a.quilt::after {
  width: 32px;
  height: 32px;
  right: 11px; }

.gc-cd-stretchy-nav ul.gc a::before {
  /* line visible next to the active navigation item */
  content: '';
  position: absolute;
  width: 3px;
  height: 16px;
  top: 50%;
  right: 60px;
  transform: translateX(3px) translateY(-50%) scaleY(0);
  background-color: #643107;
  /*item highlight*/ }

.gc-cd-stretchy-nav ul.gc li:first-of-type a::after {
  /* change custom icon using image sprites */
  background-position: 0 0; }

.gc-cd-stretchy-nav ul.gc li:nth-of-type(2) a::after {
  background-position: -35px 0; }

.gc-cd-stretchy-nav ul.gc li:nth-of-type(3) a::after {
  background-position: -60px 0; }

.gc-cd-stretchy-nav ul.gc li:nth-of-type(4) a::after {
  background-position: -90px 0; }

.gc-cd-stretchy-nav ul.gc li:nth-of-type(5) a::after {
  background-position: -120px 0; }

.gc-cd-stretchy-nav ul.gc li:nth-of-type(6) a::after {
  background-position: -150px 0; }

.gc-cd-stretchy-nav ul.gc li:nth-of-type(7) a::after {
  background-position: -180px 0; }

.gc-cd-stretchy-nav ul.gc li:nth-of-type(8) a::after {
  background-position: -210px 0; }

.gc-cd-stretchy-nav ul.gc span.gc {
  /* navigation item labels */
  display: block;
  opacity: 0;
  transform: translateX(-25px); }

.gc-cd-stretchy-nav.gc-nav-is-visible ul.gc {
  visibility: visible; }

.gc-cd-stretchy-nav.gc-nav-is-visible ul.gc a::after {
  /* navigation item icons */
  transform: translateY(-50%) scale(1);
  animation: scaleIn 0.15s backwards;
  transition: opacity 0.2s; }

.gc-cd-stretchy-nav.gc-nav-is-visible ul.gc a.active {
  color: #ffffff; }

.gc-cd-stretchy-nav.gc-nav-is-visible ul.gc a.active::after {
  opacity: 1; }

.gc-cd-stretchy-nav.gc-nav-is-visible ul.gc a.active::before {
  transform: translateX(3px) translateY(-50%) scaleY(1);
  transition: transform 0.15s 0.3s; }

.gc-cd-stretchy-nav.gc-nav-is-visible ul.gc span.gc {
  opacity: 1;
  transform: translateX(0);
  animation: slideIn 0.15s backwards;
  transition: transform 0.2s; }

.no-touch .gc-cd-stretchy-nav.gc-nav-is-visible ul.gc a:hover {
  color: rgba(10, 10, 10, 0.7);
  visibility: visible;
  font-size: 1.0rem; }

.no-touch .gc-cd-stretchy-nav.gc-nav-is-visible ul.gc a:hover::after {
  opacity: 1; }

.no-touch .gc-cd-stretchy-nav.gc-nav-is-visible ul.gc a:hover span.gc {
  transform: translateX(-5px);
  color: rgba(10, 10, 10, 0.7);
  text-decoration: none;
  display: inline-block; }

.no-touch .gc-cd-stretchy-nav.gc-nav-is-visible ul.gc a:focus {
  color: rgba(10, 10, 10, 0.7);
  visibility: visible;
  font-size: 1.0rem; }

.no-touch .gc-cd-stretchy-nav.gc-nav-is-visible ul.gc a:focus::after {
  opacity: 1; }

.no-touch .gc-cd-stretchy-nav.gc-nav-is-visible ul.gc a:focus span.gc {
  transform: translateX(-5px);
  color: rgba(10, 10, 10, 0.7);
  text-decoration: none;
  display: inline-block; }

.gc-cd-stretchy-nav.gc-nav-is-visible ul.gc li:first-of-type a::after,
.gc-cd-stretchy-nav.gc-nav-is-visible ul.gc li:first-of-type span.gc {
  animation-delay: 0.05s; }

.gc-cd-stretchy-nav.gc-nav-is-visible ul.gc li:nth-of-type(2) a::after,
.gc-cd-stretchy-nav.gc-nav-is-visible ul.gc li:nth-of-type(2) span.gc {
  animation-delay: 0.1s; }

.gc-cd-stretchy-nav.gc-nav-is-visible ul.gc li:nth-of-type(3) a::after,
.gc-cd-stretchy-nav.gc-nav-is-visible ul.gc li:nth-of-type(3) span.gc {
  animation-delay: 0.15s; }

.gc-cd-stretchy-nav.gc-nav-is-visible ul.gc li:nth-of-type(4) a::after,
.gc-cd-stretchy-nav.gc-nav-is-visible ul.gc li:nth-of-type(4) span.gc {
  animation-delay: 0.2s; }

.gc-cd-stretchy-nav.gc-nav-is-visible ul.gc li:nth-of-type(5) a::after,
.gc-cd-stretchy-nav.gc-nav-is-visible ul.gc li:nth-of-type(5) span.gc {
  animation-delay: 0.25s; }

div[id^="toggleit"] {
  display: none; }

.vc_tta-title-text {
  color: #333333; }

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

main content basic style

-------------------------------- */
.gc-cd-main-content {
  position: relative;
  z-index: 1;
  min-height: 10vh;
  padding: 100px 0;
  /*background-color: #003c5d;*/
  /*backgroun-color:lightgrey;*/ }

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

keyframes

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

@keyframes scaleIn {
  from {
    transform: translateY(-50%) scale(0); }
  to {
    transform: translateY(-50%) scale(1); } }

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(-25px); }
  to {
    opacity: 1;
    transform: translateX(0); } }

@media only screen and (max-device-width: 600px) {
  .gc-education {
    text-align: center !important; }
  .gc-liberalarts {
    text-align: center !important; }
  .gc-christian {
    text-align: center !important; }
  .gc-labor {
    text-align: center !important; }
  .gc-kinship {
    text-align: center !important; }
  .gc-democratic {
    text-align: center !important; }
  .gc-sustainability {
    text-align: center !important; }
  .gc-appalachia {
    text-align: center !important; }
  .entry-content p.commitment-desc {
    font-size: 34px;
    line-height: 36px; }
  p.gc-title-education {
    margin-left: 30px;
    font-size: 44px !important; }
  p.gc-title-liberalarts {
    margin-left: 30px;
    font-size: 44px !important; }
  p.gc-title-christian {
    margin-left: 30px;
    font-size: 44px !important; }
  p.gc-title-labor {
    margin-left: 30px;
    font-size: 44px !important; }
  p.gc-title-kinship {
    margin-left: 30px;
    font-size: 44px !important; }
  p.gc-title-gender {
    margin-left: 30px;
    font-size: 44px !important; }
  p.gc-title-sustainability {
    margin-left: 30px;
    font-size: 44px !important; }
  p.gc-title-appalachia {
    margin-left: 30px;
    font-size: 44px !important; } }

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on September 26, 2017 */
@font-face {
  font-family: 'klinic_slabbold';
  src: url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslabbold-webfont.woff2") format("woff2"), url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslabbold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'klinic_slabbold_italic';
  src: url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslabboldit-webfont.woff2") format("woff2"), url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslabboldit-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'klinic_slabbook';
  src: url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslabbook-webfont.woff2") format("woff2"), url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslabbook-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'klinic_slabbook_italic';
  src: url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslabbookit-webfont.woff2") format("woff2"), url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslabbookit-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'klinic_slablight';
  src: url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslablight-webfont.woff2") format("woff2"), url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslablight-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'klinic_slablight_italic';
  src: url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslablightit-webfont.woff2") format("woff2"), url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslablightit-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'klinic_slabmedium';
  src: url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslabmedium-webfont.ttf") format("truetype"), url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslabmedium-webfont.woff2") format("woff2"), url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslabmedium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'klinic_slabmedium_italic';
  src: url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslabmediumit-webfont.woff2") format("woff2"), url("https://www.berea.edu/wp-content/themes/bc-wp-2015/fonts/klinicslabmediumit-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/* Formate fix for WooCommerce donation page */
div.product div.summary {
  width: 100% !important; }

div.nyp {
  width: 35%; }

input#input_4_2_other {
  margin-top: 10px;
  margin-left: 0px; }

li#field_4_36 {
  height: 250px; }

/*# sourceMappingURL=style-v1.css.map */