/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Gelasio');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Yellowtail');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.css');
/* ---------- */

body { font-family: "Roboto", sans-serif; font-size: 13px; }
h1, h2, h3, .breadcrumb li a { font-family: "Gelasio", serif; text-transform: uppercase; line-height: 1; }
h1, h2 { margin-bottom: 20px; }
h3, h4 { margin-bottom: 10px; }
h1 a, h2 a, h3 a, h4 a, h5 a { font: inherit; text-decoration: none; color: inherit; }
h1 { font-size: 48px; }
h1#site-title { margin-bottom: 0; }
h2 { font-size: 32px; }
.block h2 { text-decoration: underline; }
.path-frontpage .block h2 { text-align: center; }
h3 { font-size: 26px; }
h4 { font-size: 20px; }
a:hover { color: #3b6999; text-decoration: none; }
p { margin-bottom: 20px; }
.block { padding: 40px 20px 20px; }
.shadow {
  -webkit-filter: drop-shadow(4px 4px 4px #444);
  filter: drop-shadow(4px 4px 4px #444);
  -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=6, OffY=6, Color='#444')";
  filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=6, OffY=6, Color='#444')"; }
.center { display: block; margin: 0 auto; text-align: center; }
@media screen and ( min-width: 680px ) {
  .left, .view-videos .views-row .views-field-field-image { float: left; margin-right: 20px; }
  .right { float: right; margin-left: 20px; }
}
.clear { clear: both; }
.read-more a, .read-more a:visited {
  display: block;
  clear: both;
  background: #333;
  color: #fff;
  padding: 3px 10px;
  text-decoration: none;
  text-align: center;
  border-radius: 2px; }
.read-more a:hover { background: #ccc; color: #000; }

/* Header Region */
#header {
  height: 400px;
  width: 100%;
  background: url("../img/header_bg.jpg") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#logo { max-width: 560px; max-height: 100px; width: 100%; height: auto; }
@media screen and ( min-width: 680px ) {
  .path-frontpage #header { height: 600px; position: relative; }
  #logo { height: 100px; width: auto; }
}
/* ---------- */

/* Alerts & System Messages  */

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

/* Featured Content  */
#block-views-block-quote, #block-missionstatement { text-align: center; }
  /* Quotes */
  #block-views-block-quote { padding: 0 20px 40px; }
  #block-views-block-quote .view-content { max-width: 840px; margin: 0 auto; padding: 0 80px; }
  .view-quotes .views-field-title { margin-bottom: 20px; }
  .view-quotes .views-field-title span { font-size: 40px; line-height: 1; font-family: "Yellowtail", sans-serif; }
  /* ---------- */

  /* Mission Statement & Goals  */
  #block-missionstatement, #block-goals { background: #ccc; text-align: center; }
  #block-missionstatement > div, #block-goals > div { max-width: 840px; margin: 0 auto; }
  #block-goals { padding-top: 0; }
  /* ---------- */

  /* Videos  */
  #block-views-block-media { background: #090 url("../img/media_bg.jpg") no-repeat center; background-size: cover; background-attachment: inherit; }
  @media screen and ( min-width: 640px ) {
    #block-views-block-media { background-attachment: fixed; }
  }
  #block-views-block-media h2, #block-views-block-media p { color: #fff; }
  .view-videos .views-row { overflow: hidden; clear: both; margin-bottom: 40px; }
  .view-videos .views-row:last-child { margin-bottom: 0; }
  .view-videos img { width: 320px; height: 180px; }
  .view-videos .views-field-field-image { position: relative; }
  .view-videos .views-field-field-image a::after {
    content: url("../img/play.png"); position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; }
  .view-videos .views-field-field-image a:hover::after { content: url("../img/play_hover.png"); }
  .view-videos p { max-width: 1000px; }
  @media screen and ( max-width: 679px ) {
    .view-videos img { width: 100%; height: auto; padding: 0 30px; }
  }
  /* ---------- */
/* ---------- */

/* Page Tabs */
#block-clean-primary-local-tasks { padding-top: 0; }
nav.tabs { background: #d3072b; margin: 0; padding: 0; border: none; }
nav.tabs li { margin: 0; padding: 0; }
nav.tabs a { margin: 0; padding: 5px 40px; color: #fff; background: none; border: none; }
nav.tabs a:hover { border-radius: 0; background: none; color: #333; }
nav.tabs a.is-active { border-radius: 0; background: #333; color: #fff; }
/* ----- */

/* Main Content */
#main_wrap { width: 100%; }
#sidebar { background: #eee; text-align: center; }
.view-frontpage .view-header, .view-frontpage .views-row { margin-bottom: 20px; }
#block-clean-page-title { padding: 40px 20px 0; }
.path-frontpage #block-clean-page-title { padding: 40px 0 0; }
#block-clean-content { padding: 0 20px 20px; }
#block-clean-content .views-row { clear: both; overflow: hidden; margin-bottom: 20px; }
#block-clean-content .views-row:last-child { margin-bottom: 0; }
#block-clean-content .views-field-view-node { text-align: right; }
#block-links p { float: left; width: 50%; padding: 0 10px; }
#block-links img { width: 100%; }
@media screen and ( min-width: 640px ) {
  #main_wrap { display: table; }
  #main_side, #sidebar { display: table-cell; }
  #main_side { width: calc(100% - 280px); }
  #sidebar { width: 280px; }
  #block-links p { float: none; width: 100%; padding: 0; }
  #block-links img { width: 100%; }
}
  /* Article */
  .node--type-article .node__submitted { font-style: italic; }
  .node--type-article .node__content { margin-top: 20px; }
  .node--type-article .field--name-field-image { text-align: center; }
  .node--type-article img { max-width: 100%; height: auto; }
  @media screen and ( min-width: 640px ) {
    .node--type-article .field--name-field-image { float: left; margin-right: 20px; }
  }
  /* ---------- */
/* ---------- */

/* Location Maps */
.region-bottom { background: #a0ccef; }
#block-map .dot { display: none; }
#block-map { padding: 20px 10px 10px; position: relative; }
#block-map .item { padding: 10px; width: calc(50% - 10px); margin: 0 10px 10px 0; float: left; }
#block-map .group { clear: both; }
@media screen and ( min-width: 640px ) {
  .region-bottom { background: #a0ccef url("../img/map.jpg") no-repeat top left; background-size: auto 550px; }
  #block-map .dot { position: absolute; text-align: center; color: #777 }
  #block-map .item:hover .dot { color: #900; }
  /* Map Symbols */
    #block-map .lfill { font-size: 32px; top: 300px; left: 328px; }
    #block-map .bville, #block-map .wville, #block-map .pines, #block-map .berlin, #block-map .pland { font-size: 30px; }
    #block-map .bville { top: 16px; left: 404px; }
    #block-map .wville { top: 56px; left: 324px; }
    #block-map .pines { top: 88px; left: 476px; }
    #block-map .berlin { top: 134px; left: 468px; }
    #block-map .pland { top: 390px; left: 338px; }
    #block-map .berhoc, #block-map .shill, #block-map .poco { font-size: 24px; }
    #block-map .berhoc { top: 152px; left: 440px; }
    #block-map .shill { top: 354px; left: 240px; }
    #block-map .poco { top: 486px; left: 84px; }
  /* ----- */
}
@media screen and ( min-width: 920px ) {
  .region-bottom { height: 550px; background-size: contain; }
  #block-map { padding: 20px 10px 20px 520px; position: relative; }
  #block-map .dot { display: inherit; }
}
@media screen and ( min-width: 1200px ) {
  #block-map .item { width: calc(33.33% - 10px); }
}
#block-map .group { overflow: hidden; margin: 0 0 10px auto; max-width: 900px; }
#block-map .item * { line-height: 1; cursor: default; }
#block-map .item { border: 2px solid #f55; border-radius: 20px; background-color: #fff; }
#block-map .full { width: calc(100% - 10px); }
#block-map h3 { text-align: center; font-size: 20px; }
#block-map h4 { margin-bottom: 5px; font-size: 16px; }
#block-map p { margin-bottom: 0; font-size: 12px; }
#block-map .item:hover { border-color: #fff; background: #900; }
#block-map .item:hover * { color: #fff; }
/* ----- */

/* Footer  */
#footer { background: #333; text-align: center; padding: 10px 20px 0; }
#footer p { color: #fff; }
#footer a, #footer a:visited { color: inherit; }
/* ---------- */