/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1em;
  font-weight: 500 !important;
}

h4.wn_module_header {
  font-weight: 700 !important;
  font-size: 13px;
  line-height: 0.8em;
}

.wn_desc {
  font-size: 13px;
  position: relative;
  top: 5px;
  left: -10px;
}

.wn_desc {
  font-size: 13px;
}

.wn_description {
  padding-top: 5px;
  font-size: 13px;
  line-height: 20px;
}

.wn-banner h1 {
  color: #ffffff !important;
  letter-spacing: 15px;
  line-height: 1.1em;
  text-align: center;
  font-size: 30px;
}

.wn-banner p {
  color: #ffffff !important;
  letter-spacing: 5px;
  line-height: 1.1em;
  margin-top: 0;
}

.wn-btn {
  color: #000000 !important;
  border-width: 0px !important;
  border-radius: 0px;
  letter-spacing: 5px;
  font-size: 12px;
  background-color: rgba(255, 255, 255, 0.66);
  font-weight: 500;
  padding: 8px 5px;
}

.wn-btn:hover {
  box-shadow: none;
}

.wn-banner .wn-h1 {
  color: #333 !important;
}

.wn-banner .wn-p {
  color: #929292 !important;
}

element.style {}

.wn-ft h2 {
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 1.5em;
  text-align: left;
}

.wn-ft h4 {
  text-transform: uppercase;
  font-size: 11px;
  color: #383838 !important;
  letter-spacing: 1px;
  line-height: 1.5em;
}

.wn-ft p {
  line-height: 1.5em;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 0px;
}

.wn-icon ul {
  display: flex;
}

li {
  list-style: none;
}

.wn-icon li {
  display: inline-block;
  margin-bottom: 8px;
  position: relative;
  margin-left: 0 !important;

}

.wn-icon li a.icon {
  padding: 0;
  box-sizing: content-box;
}

.wn-icon li a.icon i {
  height: 32px;
  width: 32px;
  border-radius: 3px;
}

.wn-icon li a.icon.fb i {
  background-color: #3b5998 !important;
}

.wn-icon li a.icon.ins i {
  background-color: #ea2c59 !important;
}

.fa-facebook-f:before {
  content: "\f39e";
  position: relative;
  left: 30%;
  top: 20%;
}

.fa-instagram:before {
  content: "\f16d";
  position: relative;
  left: 25%;
  top: 20%;
}

.wn-ft .divider {
  display: none;
}

.wn-lien-he .large-3 {
  flex-basis: 20%;
  max-width: 20%;
}

.wn-btn2 {
  font-size: 14px;
  font-weight: 500;
  padding: .3em 1em;
  line-height: 1.7em !important;
  background-color: transparent;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  border: 2px solid;
  border-radius: 3px;
  -webkit-transition-duration: .2s;
  transition-duration: .2s;
  -webkit-transition-property: all !important;
  transition-property: all !important;
}

.wn-about h3 {
  font-weight: 300;
  margin-top: 0;
  font-size: 46px;
}

.wn-about h1 {
  font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
  font-weight: 700 !important;
  font-size: 22px;
  letter-spacing: 5px;
}

.wn-makeup h1 {
  font-weight: 600;
  color: #000000 !important;
  letter-spacing: 14px;
  text-align: center;
  font-size: 30px;
}

.wn-makeup p {
  font-size: 14px;
}

.wn-btn1 {
  color: #000000 !important;
  border-width: 1px !important;
  border-radius: 0px;
  font-size: 12px;
  background: transparent;
  border-color: #000;
  font-weight: 300;
}

.wn-btn1:hover {
  border: 2px solid transparent;
  background-color: hsla(0, 0%, 100%, .2);
}

/**wn-form-pc**/
.bottom-contact ul {
  display: flex;
}

.bottom-contact ul li {
  width: 100%;
  float: left;
  list-style: none;
  text-align: center;
  font-size: 13.5px;
}

.bottom-contact ul li span {
  color: black;
  font-size: 11px;
}

.bottom-contact ul li img {
  width: 30px;
  margin-top: 10px;
  margin-bottom: 0px;
  margin-left: 30px;
  margin-right: 30px;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
}

.bottom-contact ul li img:hover {
  border: 1px solid #bfa500;
}

/**end wn-form-pc**/


@media only screen and (max-width: 48em) {

  /*************** ADD MOBILE ONLY CSS HERE  ***************/
  .bottom-contact ul li img {
    margin-top: 0px;
    margin-left: 25px;
    margin-right: 25px;
    width: 22px;
    position: relative;
    top: 3px;
  }
.mfp-content {
    width: 85%!important;
}
  /**wn-form-mobile**/

  @media (max-width: 767px) {
    .bottom-contact {
      display: block;
      bottom: 0;
      /*     background: white; */
      width: 100%;
      z-index: 99;
      /*     box-shadow: 2px 1px 9px #dedede;
  border-top: 1px solid #eaeaea; */
    }

    .bottom-contact ul li {
      list-style: none;
      text-align: center;
      font-size: 13.5px;
    }

    .bottom-contact ul li span {
      color: black;
      font-size: 11px;
    }

    .bottom-contact ul li img {
      margin-top: 0px;
      margin-left: 25px;
      margin-right: 25px;
      width: 22px;
      position: relative;
      top: 3px;
    }
  }

  /**end wn-form-mobile**/
  .wn-ft {
    padding-top: 50px !important;
    padding-bottom: 25px !important;
  }

  .wn-ft .divider {
    display: block;
  }

  .wn-p50 .col {
    padding: 0 30px;
  }

  p {
    font-size: 12px;
  }

  .wn-p50 .wn-col-img {
    padding: 0 20px;
  }

  .wn-makeup h1 {
    font-size: 17px;
    color: #000000 !important;
  }

  .gallery-col.col {
    padding-bottom: 15px;
  }

  .wn-about h3 {
    font-weight: 300;
    margin-top: 0;
    font-size: 20px;
  }

  .wn-btn2 {
    font-size: 12px;
  }

  .header-main .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .wn-mb-h1 {
    line-height: 1.2em;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 8px;
    line-height: 1.2em;
    padding-top: 24px !important;
    margin-bottom: 17px !important;
  }

  .wn-mb-h1 p {
    font-size: 8px;
    letter-spacing: 3px;
    line-height: 1.2em;
    padding-top: 15px;
  }

  .wn_button_module_wrapper {
    text-align: right;
  }

  .wn_button_module_wrapper a {
    color: #000000 !important;
    border-width: 0px !important;
    border-radius: 0px;
    font-size: 9px;
  }

  .wn-lien-he .large-3 {
    flex-basis: 100%;
    max-width: 100%;
  }

}