/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

/* Scss Document */
.g-content {
  padding: 15px;
  margin: 0;
}
.platform-content.container {
  padding: 0;
}
#g-page-surround {
  margin: 0 auto;
  max-width: 100%;
  padding: 20px;
}
h1 {
  font-weight: 200;
  margin: 12px 0 12px 0;
  line-height: 1.4em;
  font-weight: 400;
  font-size: 1.4rem;
}
h2 {
  line-height: 1.2em;
  font-size: 1.2rem;
  margin: 10px 0 5px 0;
  padding: 3px 0 0 0;
  color: #595959;
}
.page-header {
  text-align: center;
}
body p {
  margin: 0;
  line-height: 1.4em;
}
body {
  line-height: 1.4em;
}
h3 {
  line-height: 1.2em;
  font-size: 1.2rem;
  margin: 10px 0 5px 0;
  padding: 3px 0 0 0;
  color: #595959;
}
h4 {
  color: #595959;
  margin: 0;
  font-size: 16px;
}
h5 {
  font-weight: 200;
  margin: 12px 0 12px 0;
  line-height: 1.4em;
  font-weight: 400;
  font-size: 1.4rem;
}
figure {
  margin: 0 20px 0 0;
}
.home-pics-rad {
  border-radius: 25px;
}
.box-heads {
  line-height: 1.2em;
  font-size: 1.2rem;
  margin: 10px 0 5px 0;
  padding: 3px;
  font-weight: 600;
  background: #000;
  text-align: center;
  border-radius: 10px;
  border: solid 1px #299ADB;
}
.box-heads a {
  color: #FFFFFF;
}
.box-heads a:hover {
  color: #299ADB;
}
.dj-image {
  max-width: 100%;
}
.container-pad-lr {
  padding-left: 8px;
  padding-right: 8px;
}
.djslider-default .navigation-container-custom {
  right: 30px;
}
.slide-desc-text-default {
  padding: 10px 15px;
  background: #d5d5d5ff;
  color: #696969;
}
.slider-container {
  padding: 0;
}
.home-tabs {
  padding: 0 0 0 15px !important;
}
ul {
  margin: 0 0 0 10px;
}
.pad-block {
  padding: 0 20px;
}
#g-intro {
  padding: 0;
}
#g-header {
  padding: 0;
  margin: 0 auto;
  max-width: 100%;
}
.banner-pix {
  margin: 0;
  width: 100%;
  height: auto;
}
.dj-image {
  max-width: 100%;
}
.g-toplevel {
  float: right;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container .g-menu-parent-indicator:after {
  content: none;
}
#g-navigation .g-main-nav .g-dropdown {
  border-radius: 8px;
}
.g-main-nav .g-sublevel > li.g-parent .g-menu-parent-indicator:after {
  content: none;
}
#g-navigation .g-main-nav .g-toplevel > li > .g-menu-item-container {
  font-size: 14px;
}
#g-features {
  padding: 0;
}
#g-above {
  padding: 0;
}
#g-utility {
  padding: 0;
}
#g-mainbar {
  padding: 0;
}
#g-sidebar {
  padding: 0;
}
#g-footer {
  max-width: 100%;
  padding: 10px 15px;
  margin: 20px auto 0 auto;
  border-top: 6px solid #299ADB;
}
#g-testimonials {
  padding: 0;
}
#g-testimonials a {
  color: #299ADB;
}
#g-above {
  margin: 0;
}
#g-navigation .g-main-nav .g-toplevel {
  line-height: 1.4em;
  margin: 0;
  text-align: center;
  float: none;
  text-transform: uppercase;
  background: #282828;
}
.g-owlcarousel .owl-dots {
  bottom: 1%;
}
ul.sigFreeClassic li.sigFreeThumb {
  margin: 0 5px 5px 0;
}
.g-content-array .g-array-item-text {
  margin: 0;
  line-height: 1.3em;
  font-size: 0.8rem;
}
.g-content-array .g-item-title {
  line-height: 1rem;
  font-size: 1rem;
}
.g-array-item {
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 8px 8px 8px 8px;
}
.g-title {
  display: none;
}
.button {
  padding: 0;
  font-size: 0.8rem;
  margin: 0;
  background: none;
  color: #299ADB;
}
.button:hover {
  background: none;
  color: #C7116F;
}
.g-content-array-pagination {
  margin: 0 30px 10px 30px;
}
.g-content-array .g-array-item-read-more {
  margin: 5px 0 0 0;
}
p.readmore .btn {
  padding: 4px 0;
  font-size: 0.7rem;
  margin: 0;
  background: none;
  color: #299ADB;
}
p.readmore .btn:hover {
  background: none;
  color: #27709A;
}
ul.sigFreeClassic {
  margin: 0 auto 20px auto !important;
  padding: 0 !important;
}
.slide-desc-text-default .slide-title {
  font-size: 1.2em;
  margin-bottom: 6px;
}
.g-content-array .g-item-title {
  text-align: center;
  padding: 0 0 8px 0;
}
.osgalery-cat-tabs {
  max-height: 1px;
  padding: 0;
}
.img-align-left {
  padding: 6px 18px 12px 0;
  float: left;
}
.img-align-r {
  padding: 6px 0 18px 12px;
  float: right;
}
.img-align-rnpt {
  padding: 3px 0 3px 12px;
  float: right;
}
.font-float-left {
  float: left;
}
.smallfont {
  font-size: 70%;
}
.studio-pix {
  float: right;
}
.studio-pix-lm {
  float: right;
  margin-left: 20px;
}
.fw-image {
  width: 100%;
  height: auto;
  padding: 10px;
}
#music1 {
  float: left;
}
#music2 {
  float: right;
}
#clearleft {
  clear: left;
}
#clearall {
  clear: both;
}
#footerimage {
  float: left;
  margin-right: 6px;
}
#divpad12 {
  padding: 12px;
}
p #audioplayer {
  float: left;
  margin-right: 6px;
}
audio {
  width: 100%;
  margin: 4px 4px 4px 0;
  background: #4C6177 !important;
}
.page-blocks {
  margin-bottom: 20px;
}
.cd {
  float: left;
  margin: 6px 15px 6px 0;
}
#leftinlineblock {
  float: left;
  margin-right: 20px;
}
[class^=os-gallery-tabs-main] .osgalery-cat-tabs li a.active {
  display: none;
}
/* ----------------------------- */
/* Gallery Plugin JO image Gallery */
.joimagegallery.default .gallery-item {
  padding: 0;
}
.joimagegallery.default .row {
  justify-content: start;
}
.fancybox__caption {
  display: none;
}
/* ----------------------------- */
/* Video Scale */
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bpic-l {
  margin-bottom: 4px;
}
.blog-item .item-image {
  margin-bottom: 4px;
  border: 1px solid rgba(204, 204, 204, 0.61);
  border-radius: 16px;
}
.item-content {
  font-size: 14px;
  padding: 0 2px;
}
#gift {
  margin: 0 0 10px 0;
  background-color: #F0F0F0;
  padding: 10px 10px 0 10px;
  min-width: 247px;
  float: left;
  border-radius: 12px;
}
#gift-price {
  background-color: #069;
}
.gift-price {
  color: #FFF;
  text-align: center;
}
#gift-font {
  width: 100%;
}
.giftfont {
  font-size: 12px;
  line-height: 1.4em;
  padding: 3px;
}
.gift-title {
  color: #C00;
  font-weight: 500;
  margin-bottom: 6px;
  text-align: center;
}
#gift-title {
  background: #c8c8c8;
  padding: 4px;
  border-radius: 6px 6px 0 0;
}
.gift-type {
  text-align: center;
  background-color: #999;
  color: #FFF;
}
#gift-detail {
  background: #369;
  border-radius: 0 0 6px 6px;
}
.gift-type-detail {
  text-align: center;
  color: #FFF;
  padding: 8px;
}
.gift-bullets {
  color: #39F;
  font-size: 70%;
  line-height: 1.4em;
}
#paypal {
  margin-top: 10px;
  text-align: center;
}
fieldset {
  padding: 0;
}
.g-container {
  width: 100%;
}
.g-content-array .g-array-item-image:hover {
  opacity: 70%;
}
.home-pics-rad:hover {
  opacity: 70%;
}
/* MIMI's PICs */
#mimi-pic-right {
  float: right;
  margin-left: 20px;
}
.mimi-pic-right {
  max-width: 300px;
  height: auto;
}
#mimi-pic-left {
  float: left;
  margin-right: 20px;
}
.mimi-pic-left {
  max-width: 300px;
  height: auto;
}
/* --------------  Mobile  --------------------- */
@media (max-width: 780px) {
  #mimi-pic-left {
    float: none;
    margin: 0 0 10px 0;
  }
  #mimi-pic-right {
    float: none;
    margin: 0 0 10px 0;
  }
  .mimi-pic-right {
    max-width: 100%;
  }
  .mimi-pic-left {
    max-width: 100%;
  }
  .blog-item .item-image {
    text-align: center;
    border: none;
  }
  #g-navigation {
    text-align: center;
  }
  h1 {
    text-align: center;
  }
  #gift {
    float: none;
  }
  .g-content-array .g-array-item-image {
    text-align: center;
  }
  .hide-home-scroller {
    display: none;
  }
  #g-page-surround {
    padding: 0;
  }
}
@media (max-width: 414px) {
  .met-logo {
    text-align: center;
    width: 60%;
  }
  .cd {
    float: none;
    margin: 15px;
    text-align: center;
  }
}
/* MOBILE */
.g-offcanvas-open #g-offcanvas {
  padding: 10px 20px 10px 0;
}
#g-mobilemenu-container .g-toplevel li.g-parent .g-menu-parent-indicator {
  right: 0.4rem;
}
#g-offcanvas #g-mobilemenu-container ul > li > .g-menu-item-container {
  padding: 22px 22px 10px 22px;
}
/*# sourceMappingURL=custom_21.css.map */