/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.mc-inline-style {
  max-width: 520px;
	position: relative;
}

/* Reset spacing */
.mc-inline-style p {
  margin: 0;
}

/* First <p> holds the email field */
.mc-inline-style p:first-of-type {
  position: relative;
}

/* Email input */
.mc-inline-style input[type="email"] {
  width: 100%;
  padding: 16px 80px 16px 18px;
  font-size: 15px;
  color: #fff;
  background: #1c1c1c;
  border: 1px solid #2a2a2a;
  border-radius: 6px;
  outline: none;
}

.mc-inline-style input[type="email"]::placeholder {
  color: #9a9a9a;
}

/* Submit button (overlaid inside email input) */
.mc-inline-style input[type="submit"] {
  position: absolute;
  top: 7px;
  right: 12px; 
  height: 36px;
  padding: 0 18px;
  border-radius: 18px;
  border: none;
  background-color: #ff4d3d;
  cursor: pointer;

  /* hide text */
  text-indent: -9999px;
  overflow: hidden;

  /* arrow icon */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M2 21l21-9L2 3v7l15 2-15 2v7z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
}

/* Hover */
.mc-inline-style input[type="submit"]:hover {
  background-color: #ff6a5c;
}

/* Hide second <p> spacing */
.mc-inline-style p:last-of-type {
  position: absolute;
  top: 0;
  right: 0;
}