@font-face {
  font-family: "ProximaNova";
  src: url('fonts/ProximaNova-Bold.otf') format('opentype');
	font-weight: 500;
}

@font-face {
  font-family: "ProximaNova";
  src: url('fonts/ProximaNova-Regular.otf') format('opentype');
	font-weight: 400;
}

body{
  background-size: cover;
  font-size: 12px;
  min-height: 600px;
  max-height: 600px;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  font-family: "ProximaNova", sans-serif;
  color: black;
}

h1{
  font-weight: 500;
}

h2 {
  font-weight: 300;
}

input, textarea, button {
  border-radius: 0px;
}

button {
  cursor: pointer;
}

button[type="submit"] {
  background-color: white;
  border: 1px solid black;
  color: black;
  height: 42px;
  line-height: normal;
  font-size: 16px;
  text-transform: uppercase;
}

button[type="submit"]:hover {
  color: white;
  background-color: black;
}

button:focus, input:focus, textarea:focus {
  outline: none;
}

input[type="input"], input[type="email"], textarea {
  height: 36px;
  line-height: 36px;
  margin: 4px 0;
}

input[type="input"], input[type="email"], textarea {
  border: 1px solid black;
  padding: 0 9px;
  font-size: 12px;
}

input[name="trackable_link"] {
  height: 27px;
  border: 1px solid #A6A6A6;
  min-width: 145px;
}

i.fa-address-book {
  font-size: 1.45em;
}

#fb-share-title {
  font-weight: 500;
}

button.copy {
  height: 100%;
  border:none;
  padding: 0;
  color: #1EA548;
}

a:focus, a:hover {
  text-decoration: none;
  outline: none;
}

textarea {
  padding-top: 10px;
  padding-bottom: 10px;
  resize: none;
  line-height: 1.3;
  overflow: hidden;
}

input::placeholder, textarea::placeholder {
  color: #9C9B9B;
}

.overlap-icon {
  position: relative;
  width: 0;
}

.cs_import.no-elc.cloudsponge-launch {
  right: 21px;
}

.copy {
  right: 19px;
}

.fa-address-book {
  color: #8E8C8C;
}

.fa, .fab, .fal, .far, .fas {
  line-height: 1.15;
}

.d-flex-not-important {
  display: flex;
}

.nav {
  font-size: 15px;
}

.validation-error, .messageValidation {
  height: 18px;
  color: red;
  text-align: center;
}

.nav-item {
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav-item span {
  color: #686767;
  padding-bottom: 3px;
}
.nav-item.active span, .nav-item:hover span {
  color: black;
  border-bottom: 3px solid;
  padding-bottom: 0;
}

.mulholland-checkbox-reminder label{
  line-height: 1em;
}

.mulholland-checkbox-reminder label:before{
  content: '';
  border: 0.75px solid #A6A6A6;
  float: left;
  width: 1em;
  height: 1em;
  margin-right: 4px;
  font-size: 0.9em;
  line-height: 0.9em;
}

.mulholland-checkbox-reminder input:checked + label:before{
  content: "\f00c";
  background: #fff;
  font-family: "FontAwesome";
}

.facebook-preview-text {
  font-size: 10px;
  line-height: 12px;
  padding-left: 5px;
}
 
#footer a, #footer span {
  color: #A6A6A6;
}

  @media (min-width: 768px){
    h1 {
      font-size: 30px;
      line-height: 34px;
    }

    h2 {
      font-size: 17px;	
      line-height: 21px;
    }

    div[data-fbuy-state="Thanks"] h1 {
      font-size: 38px;	
      line-height: 40px;
    }

    textarea#fb-email-body {
      height: 82px;
    }

    textarea#fb-network-message {
      height: 56px;
    }

    .image-holder{
      background-size: contain;
      width: 50%;
      min-height: 600px;
      position: absolute !important;
      background: no-repeat;
    }

    .desktop-container {
      position: relative;
      width: 50%;
      margin-left: auto;
      padding: 15px;
    }

    .forms-sizing {
      width: 340px;
    }

    .nav.widget-state {
      width: 315px;
    }

    .mobile-row-column {
      flex-direction: row;
    }

    #fb-share-image {
      height: 82px;
      width: auto;
    }

    .cta {
      padding-right: 0.25rem;
    }

    .thanks-text {
      font-size: 15px;
    }

    .messenger-text {
      font-size: 19px;
      line-height: 24px;
    }
    #footer {
      position: absolute;
      bottom: 3px;
      right: 0;
      display: flex;
      justify-content: space-between;
      padding: 0 5px;
      width: 50%;
    }
  }

  @media (max-width: 767px) {
    body {
      min-height: 550px;
      max-height: 550px;
    }
    h1 {
      font-size: 27px;
      line-height: 29px;
    }

    h2 {
      font-size: 15px;	
      line-height: 21px;
    }

    textarea#fb-email-body {
      height: 97px;
    }

    textarea#sms-body {
      height: 92px;
    }

    div[data-fbuy-state="Thanks"] h1 {
      font-size: 26px;
    }

    .mobile-min-height {
      min-height: 563px;
    }

    .thanks-text {
      font-size: 14px;
      margin-top: 20px;
    }

    .mobile-horizontal-padding {
      width: 270px;
      margin: 0 auto;
    }

    .messenger-text {
      font-size: 18px;
    }

    #fb-share-title {
      margin-top: 8px;
      font-size: 13px;
    }

    .messageValidation {
      height: 18px;
    }

    .px-small-4 {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }

    .mobile-row-column {
      flex-direction: column;
    }

    #fb-share-image {
      height: 120px;
      width: auto;
    }

    .mobile-text-center {
      text-align: center;
    }

    #footer {
      position: absolute;
      bottom: 3px;
      display: flex;
      justify-content: center;
      padding: 0 5px;
      width: 100%;
    }

  }