/**
* Template modification
*/
body {
  background-color: #efefef;
  margin:0;
  padding:0;
}
// Fonts
h1, h2, h3, h4, h5, h6, p {
  font-family: 'Lato', sans-serif;
}
h1,h2,h3,h4,h5,h6 {
  font-weight:300;
  margin:0;
  padding-bottom: 10px;
}
h2 { font-size:44px; }
h2 { font-size:40px; }
h3 { font-size:24px; }
h4 { font-size:20px; }
a { color: $wisteria; }
p, li { font-size:15px; }
ul {
  padding: 0; margin: 0;
  li { list-style: none; }
}
img {
  max-width:100%;
  height:auto;
}
.btn {
  padding: 15px 30px;
  color: #fff;
  border-radius: 5px;
}
.btn-primary { background: $amethyst; }
.text-center { text-align:center; margin: 0 auto; }
.horizontal-list li {
  padding: 15px;
  display:inline-block;
}

#builder_dom {
  font-family: 'Lato', sans-serif;
  position: relative;
  margin: 0 auto;
  max-width:800px;
  background: #fff;
  .row {
    width:100%;
    height:auto;
    position: relative;
    border-radius: 3px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    z-index: 1;
    transform: none !important;
    will-change: transform;
    .row-header {
      position: relative;
      overflow: hidden;
      padding: 8px 20px;
      background: $amethyst;
      color: #fff;
      border-radius: 3px 3px 0 0;
    }
    .row-content {
      padding: 10px 0;
      min-height:20px;
      position: relative;
    }
    .row-content:after {
      content: " ";
      display: block;
      height: 0;
      clear: both;
    }
  }

  .element {
    position: relative;
    padding:0;
    transform: none !important;
    will-change: transform;
    .element-content {
      position: relative;
      font-size: 17px;
      cursor: pointer;
      z-index:0;
      a { text-decoration:none; }
    }
  }
}