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

    This file should be used to add your own CSS definitions or override
  the existing ones.

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

.file_desc {
  font-size: 80%;
  color: #666;
}

.event_list_item h2 {
  margin-bottom: 0;
}

.event_list_item {
  margin-bottom: 30px;
}

.event_list_item .info, .infobar {
  font-weight: bold;
}

#page-content h4.document-title a {
  font-size: 16px;
}

.image-layer {
  background-image: url("../img/header-01.jpg");
}

ul.gallery-images li article {
  background-color: #fff;
}

h2.gallery-title {
  font-size: 14px;
  padding: 8px 10px;
  margin: 0;
}

.gallery-footer {
  margin: 0 30px;
  padding: 24px 0;
}

.notice-footer {
  border-top: 1px solid #f0f0f0;
  padding: 24px 0;
}

video::-internal-media-controls-download-button {
  display:none;
}

video::-webkit-media-controls-enclosure {
  overflow:hidden;
}

video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
}

.widget.clock .widget-inner {
  padding-bottom: 0;
}

#footer .scrollup {
  background: #53a037;
  color: #fff;
}

#footer a, #footer i.widget-ico {
  color: #53a037;
}

.widget.clock iframe {
  overflow: hidden;
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 274px;
}

.widget.weather iframe {
  width: 100%;
  min-height: 270px;
}

#contact-map .show-all-btn {
  font-size: 14px;
  font-weight: bold;
}

/* FONT */
/* body { font-family: 'insert-font-family-name-here', 'Arial', sans-serif; } */

.header-branding {
  width: 100%;
  text-align: right;
}

/* STANDARD LOGO DIMENSIONS */
.header-branding img { width: 80px; }

/* LARGE LOGO DIMENSIONS */
.header-branding.m-large-logo img, .home .header-branding img { width: 124px; }
/* Scroll down to "MEDIUM DEVICES" to change width of large logo on mobile devices */

/* your CSS here */

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

    RESPONSIVE DEFINITIONS

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

    /* -------------------------------------------------------------------------
        LARGE DEVICES
    devices with width between 992px and 1199px
    ------------------------------------------------------------------------- */

    @media ( max-width: 1199px ) {

    /* your CSS here */

  }

    /* -------------------------------------------------------------------------
        MEDIUM DEVICES
    devices with width between 768px and 991px
    ------------------------------------------------------------------------- */

    @media ( max-width: 991px ) {

    /* LARGE LOGO DIMENSIONS */
    .header-branding img, .home .header-branding img { width: 90px; }

    body.home {
      padding-top: 0;
    }    

    /* your CSS here */

  }

  /* -------------------------------------------------------------------------
        SMALL DEVICES
    devices with width between 481px and 767px
    ------------------------------------------------------------------------- */

    @media ( max-width: 767px ) {

    /* your CSS here */

  }

  /* -------------------------------------------------------------------------
        EXTRA SMALL DEVICES
    devices with width up to 480px
    ------------------------------------------------------------------------- */

  @media ( max-width: 480px ) {

    /* your CSS here */

  }