/******************************************************************
  
Main Stylesheet 
Author: 2060 Digital

This stylesheet will import all of your breakpoints

******************************************************************/
/* 
Keep in mind that most customizations can and should be done in
the Wordpress theme customizer. This file only exists for anything 
that can't be accomplished with the theme customizer/page builder.
*/
/*********************
COLORS
*********************/
/******************************************************************
  
SCSS Variables and Mixins

******************************************************************/
/*********************
BASE (MOBILE) SIZE
This are the mobile styles. It's what people see on their phones. If
you set a great foundation, you won't need to add too many styles in
the other stylesheets. Remember, keep it light: Speed is Important.
*********************/
/******************************************************************
  
Stylesheet: Base Stylesheet
Author: 2060 Digital

This stylesheet will affect screens of all sizes.

******************************************************************/
/* 
Keep in mind that most customizations can and should be done in
the Wordpress theme customizer. This file only exists for anything 
that can't be accomplished with the theme customizer/page builder.
*/
/* Content Layout */
.page-builder-currently-inactive.page-template-default .container {
  padding: 0 20px; }

.fl-post-content p {
  margin: 1.5em 0; }

.fl-content img {
  max-width: 100%; }

/* Main Menu / Submenus */
.sub-menu li a:hover {
  text-decoration: none; }

/* Footer Menu */
#menu-footer-menu li {
  display: inline-block;
  width: 50%;
  float: left; }

.education-foundation-link h4 {
  padding: 15px 0 0 0; }

/* Page Titles */
header.fl-post-header h1.fl-post-title {
  font-size: 2.2em;
  font-family: "PT Serif", serif;
  line-height: 1.1em;
  margin: 0; }

.page-builder-currently-active .fl-post-header {
  display: none; }

/* Programs */
.program-details.site-3 h2.heading {
  color: #004990; }
.program-details .fields {
  background: #f5f5f5;
  padding: 20px 10px; }
  .program-details .fields dl dt {
    text-transform: uppercase;
    color: #439539;
    font-size: 1.3em; }

.single-program.site-id-3 #menu-item-61 > div > a {
  background: #100b5b;
  color: #fff; }

/* Footer */
footer.fl-page-footer-wrap h3 {
  font-family: "PT Serif", serif; }

.fl-row-bg-parallax .fl-rich-text p {
  font-weight: normal; }

#input_2_1_3_container > label {
  display: none; }

/* Widgets */
.fl-sidebar .widget {
  margin: 5em 0; }
  .fl-sidebar .widget .widgettitle {
    font-family: "PT Serif", serif;
    font-size: 24px; }
  .fl-sidebar .widget .subheading {
    font-size: 20px; }
  .fl-sidebar .widget .widget-btn {
    clear: both;
    display: block;
    margin: 0 0 15px 0;
    padding: .5em 1.5em;
    text-decoration: none;
    color: #fff;
    text-align: center; }
  .fl-sidebar .widget .read-more-link {
    margin: .5em 0 1.5em;
    display: block; }

.site-id-1 .widget-btn {
  background: #332a86; }
  .site-id-1 .widget-btn:hover {
    background: #100b5b; }

.site-id-2 .widget-btn {
  background: #004990; }
  .site-id-2 .widget-btn:hover {
    background: #003068; }

.site-id-3 .widget-btn {
  background: #332a86; }
  .site-id-3 .widget-btn:hover {
    background: #100b5b; }

/* Events, Single Event, Events Widget */
.great-oaks-events-widget .single-item,
.great-oaks-events-archive .single-item {
  margin: 40px 0; }
  .great-oaks-events-widget .single-item a:hover,
  .great-oaks-events-archive .single-item a:hover {
    text-decoration: none; }
  .great-oaks-events-widget .single-item .date-box,
  .great-oaks-events-archive .single-item .date-box {
    display: table-cell;
    text-align: center;
    padding-right: 10px;
    text-transform: uppercase; }
    .great-oaks-events-widget .single-item .date-box .date-box-inner,
    .great-oaks-events-archive .single-item .date-box .date-box-inner {
      font-size: 20px; }
      .great-oaks-events-widget .single-item .date-box .date-box-inner .day,
      .great-oaks-events-archive .single-item .date-box .date-box-inner .day {
        font-size: 36px;
        line-height: 36px; }
  .great-oaks-events-widget .single-item .event-details,
  .great-oaks-events-archive .single-item .event-details {
    display: table-cell;
    padding-left: 15px; }
    .great-oaks-events-widget .single-item .event-details h3.subheading,
    .great-oaks-events-archive .single-item .event-details h3.subheading {
      margin: 0;
      font-family: "Lato"; }
  .great-oaks-events-widget .single-item .event-more-info,
  .great-oaks-events-archive .single-item .event-more-info {
    margin: 0;
    display: block; }
    .great-oaks-events-widget .single-item .event-more-info:hover,
    .great-oaks-events-archive .single-item .event-more-info:hover {
      text-decoration: underline; }

.single-event-date,
.single-event-address {
  color: #666; }
  .single-event-date .until,
  .single-event-address .until {
    display: inline-block;
    text-align: center;
    padding: 0 10px; }

a.more-events {
  color: #fff !important; }

/* News Widget */
.great-oaks-news-widget .single-item a:hover {
  text-decoration: none; }

/* Alerts */
.greatoaks-alerts-container {
  text-align: center;
  background: #aa0202;
  width: 100%;
  box-shadow: 0px 0px 15px #000;
  margin-bottom: -1px; }
  .greatoaks-alerts-container a:hover {
    text-decoration: underline; }
  .greatoaks-alerts-container .alerts-open {
    margin: 0 20px 0 20px;
    vertical-align: top; }
    .greatoaks-alerts-container .alerts-open strong {
      display: block;
      margin: 10px auto; }
    .greatoaks-alerts-container .alerts-open .view-all-alerts {
      font-size: .8em;
      display: block;
      margin-bottom: 10px; }
  .greatoaks-alerts-container .alert-list {
    min-width: 300px;
    vertical-align: top; }
  .greatoaks-alerts-container .alert-single {
    display: block;
    margin: 10px 0; }
  .greatoaks-alerts-container #greatoaks-alerts {
    color: #fff; }
    .greatoaks-alerts-container #greatoaks-alerts.contains-alerts {
      padding: .5em;
      transition: padding .5s ease-in;
      -webkit-transition: padding .5s ease-in;
      -moz-transition: padding .5s ease-in;
      -ms-transition: padding .5s ease-in;
      margin: -10px auto; }
    .greatoaks-alerts-container #greatoaks-alerts a {
      color: #fff; }

.post-type-archive-alert .fl-post-meta,
.single-alert .fl-post-meta {
  margin: 10px 0; }
  .post-type-archive-alert .fl-post-meta .fl-post-author,
  .post-type-archive-alert .fl-post-meta .fl-sep, .post-type-archive-alert .fl-post-meta.fl-post-meta-bottom,
  .single-alert .fl-post-meta .fl-post-author,
  .single-alert .fl-post-meta .fl-sep,
  .single-alert .fl-post-meta.fl-post-meta-bottom {
    display: none; }
.post-type-archive-alert .fl-post-content .fl-post-more-link,
.single-alert .fl-post-content .fl-post-more-link {
  display: none; }

/* Home */
.greatoaks-news-widget .single-item {
  margin-bottom: 40px; }
  .greatoaks-news-widget .single-item .read-more-link {
    clear: both;
    display: inline-block;
    margin: 15px 0;
    padding: .5em 1.5em;
    border: 2px solid #fff; }
    .greatoaks-news-widget .single-item .read-more-link:hover {
      text-decoration: none;
      background: #fff;
      color: #332a86; }
.greatoaks-news-widget h3.subheading {
  font-family: Lato,Helvetica,sans-serif;
  font-size: 24px; }

.greatoaks-events-widget .single-item {
  margin-bottom: 40px; }
  .greatoaks-events-widget .single-item .read-more-link {
    clear: both;
    display: inline-block;
    margin: 15px 0;
    padding: .5em 1.5em;
    border: 2px solid #fff; }
    .greatoaks-events-widget .single-item .read-more-link:hover {
      text-decoration: none;
      background: #fff;
      color: #332a86; }
.greatoaks-events-widget h3.subheading {
  font-family: Lato,Helvetica,sans-serif;
  font-size: 20px;
  margin: 0; }
.greatoaks-events-widget a.widget-btn {
  clear: both;
  display: block;
  margin: 15px 0;
  padding: .5em 1.5em;
  border: 2px solid #332a86;
  text-align: center; }
  .greatoaks-events-widget a.widget-btn:hover {
    background: #332a86;
    color: #fff;
    text-decoration: none; }

/* Staff Directroy */
table#greatoaks-staff-directory-table {
  max-width: 100%;
  box-sizing: border-box;
  color: #222; }
  table#greatoaks-staff-directory-table th.phone,
  table#greatoaks-staff-directory-table td.phone {
    min-width: 120px; }

/* Search */
.search-go {
  display: inline-block;
  height: 44px;
  border: 1px solid #555;
  background: #ddd;
  color: #333 !important;
  vertical-align: top; }
  .search-go:hover {
    background: #444 !important;
    color: #fff !important; }
  .search-go:focus {
    background: #444 !important;
    outline: 2px solid black;
    color: #fff !important; }

.greatoaks-search-results {
  margin: 2em 0; }

.search-header a {
  color: #439539; }
  .search-header a:hover {
    color: #332a86; }

.greatoaks-search-content p {
  margin: 0; }

.gform_footer input[type="submit"]:focus {
  background-color: #4236ad; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden; }

/* Accordion */
.fl-accordion-button:focus {
  outline: 2px solid #444; }

/* Skip to main content / Skip nav */
.skip-to-content {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

/*********************
TABLET & SMALLER LAPTOPS
This is the typical size of a tablet, although it may also include
small laptop screens or (possibly?) giant phone screens.
*********************/
@media only screen and (min-width: 768px) {
  /******************************************************************
    
  Stylesheet: Tablet Stylesheet
  Author: 2060 Digital
  
  This stylesheet will affect tablet-size (or small desktop) screens.
  
  ******************************************************************/
  /* 
  Keep in mind that most customizations can and should be done in
  the Wordpress theme customizer. This file only exists for anything 
  that can't be accomplished with the theme customizer/page builder.
  */
  /* Content Layout */
  .page-builder-currently-inactive.page-template-default .container {
    padding: 0 40px;
    margin: 0 auto;
    width: 750px; }

  /* Main Menu */
  body.site-id-1 .fl-page-nav ul.sub-menu {
    border-top: 0; }
    body.site-id-1 .fl-page-nav ul.sub-menu a:hover {
      background-color: #100b5b; }

  body.site-id-2 .fl-page-nav ul.sub-menu {
    border-top: 0; }
    body.site-id-2 .fl-page-nav ul.sub-menu a:hover {
      background-color: #003068; }

  body.site-id-3 .fl-page-nav ul.sub-menu {
    border-top: 0; }
    body.site-id-3 .fl-page-nav ul.sub-menu a:hover {
      background-color: #100b5b; }

  .fl-menu-horizontal .two-columns > ul.sub-menu, .fl-page-nav .two-columns > ul.sub-menu {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    width: 500px;
    padding: 10px; }
    .fl-menu-horizontal .two-columns > ul.sub-menu li, .fl-page-nav .two-columns > ul.sub-menu li {
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid; }
      .fl-menu-horizontal .two-columns > ul.sub-menu li.menu-item-has-children ul.sub-menu, .fl-page-nav .two-columns > ul.sub-menu li.menu-item-has-children ul.sub-menu {
        visibility: visible !important;
        position: static !important;
        display: block !important;
        color: #fff;
        opacity: 1 !important;
        padding: 5px 10px;
        box-shadow: none !important; }
        .fl-menu-horizontal .two-columns > ul.sub-menu li.menu-item-has-children ul.sub-menu li, .fl-page-nav .two-columns > ul.sub-menu li.menu-item-has-children ul.sub-menu li {
          list-style-type: square;
          margin-left: 42px; }
          .fl-menu-horizontal .two-columns > ul.sub-menu li.menu-item-has-children ul.sub-menu li a, .fl-page-nav .two-columns > ul.sub-menu li.menu-item-has-children ul.sub-menu li a {
            padding: 0;
            margin: 5px 0; }
            .fl-menu-horizontal .two-columns > ul.sub-menu li.menu-item-has-children ul.sub-menu li a:hover, .fl-page-nav .two-columns > ul.sub-menu li.menu-item-has-children ul.sub-menu li a:hover {
              background: transparent;
              text-decoration: underline; }
  .fl-menu-horizontal .two-columns ul, .fl-page-nav .two-columns ul {
    padding: 1em .5em; }
  .fl-menu-horizontal .three-columns > ul.sub-menu, .fl-page-nav .three-columns > ul.sub-menu {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3;
    width: 700px;
    padding: 10px; }
    .fl-menu-horizontal .three-columns > ul.sub-menu li, .fl-page-nav .three-columns > ul.sub-menu li {
      -webkit-column-break-inside: avoid;
      page-break-inside: avoid;
      break-inside: avoid; }
      .fl-menu-horizontal .three-columns > ul.sub-menu li.menu-item-has-children ul.sub-menu, .fl-page-nav .three-columns > ul.sub-menu li.menu-item-has-children ul.sub-menu {
        visibility: visible !important;
        position: static !important;
        display: block !important;
        color: #fff;
        opacity: 1 !important;
        padding: 5px 10px 5px 0;
        box-shadow: none !important; }
        .fl-menu-horizontal .three-columns > ul.sub-menu li.menu-item-has-children ul.sub-menu li, .fl-page-nav .three-columns > ul.sub-menu li.menu-item-has-children ul.sub-menu li {
          list-style-type: square;
          margin-left: 42px; }
          .fl-menu-horizontal .three-columns > ul.sub-menu li.menu-item-has-children ul.sub-menu li a, .fl-page-nav .three-columns > ul.sub-menu li.menu-item-has-children ul.sub-menu li a {
            padding: 0;
            margin: 5px 0; }
            .fl-menu-horizontal .three-columns > ul.sub-menu li.menu-item-has-children ul.sub-menu li a:hover, .fl-page-nav .three-columns > ul.sub-menu li.menu-item-has-children ul.sub-menu li a:hover {
              background: transparent;
              text-decoration: underline; }
  .fl-menu-horizontal ul, .fl-page-nav ul {
    padding: 1em .5em; }

  /* ALERTS */
  .greatoaks-alerts-container {
    text-align: left; }
    .greatoaks-alerts-container .alerts-open {
      float: left;
      margin: 0 10px 0 0; }
      .greatoaks-alerts-container .alerts-open strong {
        margin: 10px auto; }
    .greatoaks-alerts-container .alert-list {
      float: left;
      margin: 0 0 0 10px;
      max-width: 75%; }

  /* Home */
  .greatoaks-news-widget .single-item {
    width: 33.33333%;
    float: left;
    padding: 0 40px 20px 0; } }
/*********************
DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 992px) {
  /******************************************************************
    
  Stylesheet: Desktop Stylesheet
  Author: 2060 Digital
  
  This stylesheet will affect desktop-size screens.
  
  ******************************************************************/
  /* 
  Keep in mind that most customizations can and should be done in
  the Wordpress theme customizer. This file only exists for anything 
  that can't be accomplished with the theme customizer/page builder.
  */
  .page-builder-currently-inactive.page-template-default .container {
    width: 900px;
    padding-left: 0;
    padding-right: 0; }

  /* Sidebar */
  .fl-sidebar.fl-sidebar-right {
    padding-top: 3em; }

  /* Top Bar */
  .fl-page-bar .col-md-6.text-left {
    width: 25%; }
  .fl-page-bar .col-md-6.text-right {
    width: 75%; }

  /* Menu */
  .fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a:hover, .fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li > a:focus {
    color: #fff;
    text-decoration: underline; }

  .fl-page-nav-right .fl-page-nav-wrap .navbar-nav > li.current-menu-item > a {
    color: #fff; }

  /* Misc */
  header.fl-post-header h1.fl-post-title {
    font-size: 3em; }

  .fl-content-left {
    border-right: none; }

  .program-details {
    float: left;
    width: 33.3333%;
    padding: 0 40px 20px 0; }

  .program-content {
    float: left;
    width: 66.66%; }

  .fl-sidebar {
    padding-top: 5px; }

  /* ALERTS */
  .greatoaks-alerts-container .alert-list {
    max-width: 85%; } }
/*********************
LARGER DESKTOP
This is the average viewing window. So Desktops, Laptops, and
in general anyone not viewing on a mobile device. Here's where
you can add resource intensive styles.
*********************/
@media only screen and (min-width: 1100px) {
  /******************************************************************
    
  Stylesheet: Large Desktop Stylesheet
  Author: 2060 Digital
  
  This stylesheet will affect larger desktop-size screens.
  
  ******************************************************************/
  .page-builder-currently-inactive.page-template-default .container {
    width: 1020px;
    padding-left: 0;
    padding-right: 0;
    max-width: 90%; } }
/*********************
RETINA (2x RESOLUTION DEVICES)
This applies to the retina iPhone (4s) and iPad (2,3) along with
other high-density displays with at least a 2x resolution. 
*********************/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /******************************************************************
  
  Stylesheet: 2x Density Stylesheet
  Author: 2060 Digital
  
  ******************************************************************/
  /* 
  You probably don't need to use this file, but in case you do want to
  have styles specific to retina/high-density displays, here you go.
  */ }