/*
Theme Name: Divi Child
Template: Divi
Author: Child Theme Configurator
Version: 1.0.1453179322
Updated: 2016-01-19 04:55:22
*/

.et_header_style_centered #main-header .logo_container {
  height: auto !important;
  padding: 0;
}

.et_header_style_centered #top-menu > li > a {
  padding-left: 10px;
}

.et-social-twitter a.icon:before {
  content: "\f27c" !important;
  font-family: fontawesome !important;
}
.et-social-google-plus a.icon:before {
  content: "\f0d2" !important;
  font-family: fontawesome !important;
}
.et-social-rss a.icon:before {
  content: "\f16d" !important;
  font-family: fontawesome !important;
}
/*..just customize the below class. You can add all your own custom css rules to that class...*/

.et-pb-contact-message {
  color: #1f9f3b !important;
}

/*..adding a short underline below the success message....*/

.et-pb-contact-message li {
  color: #ff0000 !important;
}
#main-content .container:before {
  display: none !important;
}
.et_pb_section {
  padding: 0px !important;
}

/* Custom Gallery Thumbnails */
.asm-gallery-thumb--wrapper {
  padding: 0 !important;
  margin: 0 0 10px;
  list-style-type: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.asm-gallery-thumb--wrapper .asm-gallery-thumb--item {
  width: 33.33%;
  padding: 5px;
  -webkit-transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;
  transition: opacity 0.3s ease-in, -webkit-transform 0.3s ease-in;
  -o-transition: opacity 0.3s ease-in, transform 0.3s ease-in;
  transition: opacity 0.3s ease-in, transform 0.3s ease-in;
  transition: opacity 0.3s ease-in, transform 0.3s ease-in,
    -webkit-transform 0.3s ease-in;
}

.asm-gallery-thumb--wrapper .asm-gallery-thumb--item:hover {
  opacity: 0.8;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.asm-gallery-thumb--wrapper .asm-gallery-thumb--item-inner {
  width: 100%;
  height: 50px;
  overflow: hidden;
  position: relative;
}

.asm-gallery-thumb--wrapper .asm-gallery-thumb--item-inner img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .asm-gallery-thumb--wrapper .asm-gallery-thumb--item {
    width: 14.28%;
    padding: 10px;
  }

  .asm-gallery-thumb--wrapper .asm-gallery-thumb--item-inner {
    height: 80px;
  }
}
