/**
 * Contact Form specific styles
 * 
 */

/** General */
.contact-form {
    overflow: hidden;
  }
    .contact-form .container {
      flex-wrap: wrap;
      justify-content: space-between;
    }
      .contact-form.one-col .container .form-left {
        width: 100%;
        padding-bottom: 2em;
      }
      .contact-form.one-col .container .form-right {
        width: 100%;
      }
      .contact-form.two-col .container .form-left {
        width: 46%;
      }
      .contact-form.two-col .container .form-right {
        width: 46%;
      }

      .contact-form.one-col .container .form-right > div {
        max-width: 450px;
      }

        .contact-form label {
          color: #010101;
          letter-spacing: 0.07em;
          font-weight: 500;
          display: block;
          margin-bottom: 0.3em;
          font-size: 14px;
        }
		.contact-form.bg-black label {
			color: #fff;
		}

        .contact-form input:not([type="submit"]), 
        .contact-form textarea,
        .contact-form select {
          box-shadow: none;
          border: 1px solid #f5f1ed;
          background-color: #fff;
          font-size: 16px;
          padding: 0.6em 1.2em;
          margin-bottom: 1.3em;
          font-family: futura-pt, sans-serif;
          font-weight: 400;
          width: 100%;
		  -webkit-box-shadow: 2px 2px 10px 0px rgb(205 205 205);
		  -moz-box-shadow: 2px 2px 10px 0px rgba(205,205,205,1);
		  box-shadow: 2px 2px 10px 0px rgb(205 205 205);
        }
		.contact-form.bg-black input:not([type="submit"]), 
        .contact-form.bg-black textarea,
        .contact-form.bg-black select {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}

        .contact-form .button {
          border-color: #ece8e5;
          padding: 1.2em 2em;
        }

        .contact-form .wpcf7-list-item {
          display: flex;
            align-items: center;
          margin: 0;
        }
        .contact-form input[type="checkbox"]{
          width: auto;
          margin-right: 1em;
        }
        .contact-form h3 {
          color: #010101;
          font-size: 1.4em;
          margin: 0 0 .2em;
        }
        .contact-form hr {
          margin: 0 0 1em;
          height: 3px;
        }

        .contact-form ul.contact-details {
          margin: 0 0 1.5em;
          padding: 0;
          list-style: none;
        }
          .contact-form ul.contact-details li {
            padding: 0.2em 0;
          }
            .contact-form ul.contact-details a {
              display: flex;
              color: #010101;
            }

		.contact-form .container .form-left h2 {
			font-size: 28px;
			letter-spacing: -0.01em;
			font-weight: 700;
			margin: 0 0 0.5em;
			flex: 100%;
		}
		.contact-form.bg-black .container .form-left h2 {
			color: #fff;
		}	

        .contact-form ul.social-media {
          display: flex;
          margin: 0;
          padding: 0;
          list-style: none;
        }

		.contact-form ul.social-media li {
			width: 42px;
			height: 32px;
		}
			.contact-form ul.social-media li a {
				display: block;
				text-indent: -999em;
				width: 100%;
				height: 100%;
				background-repeat: no-repeat;
				background-size: auto 75%;
				background-position: 0 50%;
				-webkit-transition: all .25s;
				-moz-transition: all .25s;
				-ms-transition: all .25s;
				-o-transition: all .25s;
				transition: all .25s;
			}
            .contact-form ul.social-media li.facebook a {
            	background-image: url('/images/icons/fb.svg');
            }
            .contact-form ul.social-media li.twitter a {
              background-image: url('/images/icons/tw.svg');
            }
            .contact-form ul.social-media li.instagram a {
              background-image: url('/images/icons/in.svg');
            }
            .contact-form ul.social-media li.youtube a {
              background-image: url('/images/icons/yt.svg');
              background-size: auto 90%;
            }
            .contact-form ul.social-media li.linkedIn a {
              background-image: url('/images/icons/li.svg');
            }
            

    .contact-form .form-right input {
      margin-bottom: 0
    }
	.contact-form .form-right input[type="submit"] {
    border: 2px solid #b43a8d;
    background: #b43a8d;
    color: #FFF;
    font-size: 1em;
    font-weight: 600;
    box-shadow: none;
    text-decoration: none;
    max-width: 100%;
    padding: 10px 40px;
    border-radius: 35px;
    cursor: pointer;
    text-shadow: none;
    display: inline-block;
    margin-right: 1em;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
	}
    .contact-form.primary-d13036 .form-right input[type="submit"] {
      background-color: #b43a8d;
      border: 2px solid #b43a8d;
    }
    .contact-form.primary-b43a8d .form-right input[type="submit"] {
      background-color: #b43a8d;
      border: 2px solid #b43a8d;
    }
    .contact-form.primary-575756 .form-right input[type="submit"] {
      background-color: #575756;
      border: 2px solid #575756;
    }
    .contact-form.primary-935f88 .form-right input[type="submit"] {
      background-color: #935f88;
      border: 2px solid #935f88;
    }
    .contact-form.primary-577491 .form-right input[type="submit"] {
      background-color: #577491;
      border: 2px solid #577491;
    }
    .contact-form.primary-175e55 .form-right input[type="submit"] {
      background-color: #175e55;
      border: 2px solid #175e55;
    }
    .contact-form.primary-d9a552 .form-right input[type="submit"] {
      background-color: #d9a552;
      border: 2px solid #d9a552;
    }
	.contact-form .form-right input[type="submit"]:hover {
    border-color: #b43a8d;
    background: #fff;
    color: #b43a8d;
	}
    .contact-form.primary-d13036 .form-right input[type="submit"]:hover {
      border-color: #b43a8d;
      background: #fff;
      color: #b43a8d;
    }
    .contact-form.primary-b43a8d .form-right input[type="submit"]:hover {
      border-color: #b43a8d;
      background: #fff;
      color: #b43a8d;
    }
    .contact-form.primary-575756 .form-right input[type="submit"]:hover {
      border-color: #575756;
      background: #fff;
      color: #575756;
    }
    .contact-form.primary-935f88 .form-right input[type="submit"]:hover {
      border-color: #935f88;
      background: #fff;
      color: #935f88;
    }
    .contact-form.primary-577491 .form-right input[type="submit"]:hover {
      border-color: #577491;
      background: #fff;
      color: #577491;
    }
    .contact-form.primary-175e55 .form-right input[type="submit"]:hover {
      border-color: #175e55;
      background: #fff;
      color: #175e55;
    }
    .contact-form.primary-d9a552 .form-right input[type="submit"]:hover {
      border-color: #d9a552;
      background: #fff;
      color: #d9a552;
    }
	
/* Form Checkbox List */
.form-checkbox-list {
	display: flex;
	flex-wrap: wrap;
}
	.form-checkbox-list > span {
		width: 50%;
		padding-right: 1.5em;
	}
	
	.form-checkbox-list > span label {
		width: 100%;
		margin-bottom: 0.7em;
	}
	
	.form-checkbox-list > span label input[type="checkbox"] {
		margin-top: 4px;
	}
	
	.form-checkbox-list > span span.wpcf7-list-item-label {
		line-height: 1.5;
	}

/** Responsive */
  @media screen and (max-width: 1024px) { 

    .contact-form .container > div {
      width: 100%;
      padding: 0;
    }

    .contact-form .container .form-left {
      margin: 0 0 2em;
    }

  }

  @media only screen and (max-width: 768px) {
  
    .contact-form.two-col .container .form-left {
      width: 100%;
      padding: 0;
    }

    .contact-form.two-col .container .form-right {
      width: 100%;
      padding: 0;
    }
  
  }