
/* Generic */

body {position:relative;}
.contactMe, .contactMe * {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.contactMe * {outline:none;font-size:14px;color:#FFE500;}
.contactMe {width:auto;padding:0;margin:0 auto;background:none;border:solid 0px #fff;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
.contactMe.xsmall {max-width:300px;}
.contactMe.small {max-width:400px;}
.contactMe.medium {max-width:500px;}
.contactMe > header {padding:0px 0px 0px 0px;}
.contactMe > header > hr {display:none;}
.contactMe > section {padding:0px;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}

/* Form fields */

.contactMe .form-row {width:100%;margin-bottom:10px;}
.contactMe .form-row.two {font-size:0;}
.contactMe .form-row.two > div {display:inline-block;width:calc(50% - 5px);}
.contactMe .form-row.two > div:first-child {margin-right:10px;}
.contactMe .form-row.three {font-size:0;}
.contactMe .form-row.three > div {display:inline-block;width:calc(33% - 6px);vertical-align:top;}
.contactMe .form-row.three > div:nth-child(2) {width:calc(34% - 8px);margin-left:10px;margin-right:10px;}
.contactMe .form-row .title {font-size:11px;line-height:12px;text-transform:uppercase;text-align:left;margin-bottom:2px;display:none;}

.contactMe .field {background:#666;font-size:14px;width:100%;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;} /* Form fields bg */
.contactMe.xsmall .field {font-size:12px;}
.contactMe input {height:40px;border:solid 1px #FFE500;font-size:17px;padding-left:0px;padding-right:0px;background:#fff;}
.contactMe input[type=file] {cursor:pointer;padding-top:10px;padding-bottom:10px;}
.contactMe textarea {resize:none;height:100px;border:solid 1px #FFE500;font-size:14px;line-height:14px;padding:10px;background:#AAA;}
.contactMe input::-webkit-input-placeholder,
.contactMe textarea::-webkit-input-placeholder  { /* Chrome/Opera/Safari */
  color:#222;
}
.contactMe input::-moz-placeholder,
.contactMe textarea::-moz-placeholder { /* Firefox 19+ */
  color:#222;
}
.contactMe input:-ms-input-placeholder,
.contactMe textarea:-ms-input-placeholder { /* IE 10+ */
  color:#222;
}
.contactMe input:-moz-placeholder,
.contactMe textarea:-moz-placeholder { /* Firefox 18- */
  color:#222;
}
.contactMe .field.cm-date {cursor:pointer;padding-right:36px;background-repeat:no-repeat;background-size:20px 20px;background-position:right 8px center;background-image:url(../imgs/cal1.png);}
.contactMe .field.cm-time {cursor:pointer;padding-right:36px;background-repeat:no-repeat;background-size:20px 20px;background-position:right 8px center;background-image:url(../imgs/time1.png);}

/* File field */

.contactMe .form-row.file input {width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;}
.contactMe .form-row.file label {width:100%;font-size:22px;line-height:24px;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:block;overflow:hidden;padding:8px 20px 8px 55px;position:relative;}
.contactMe .form-row.file label i {position:absolute;top:0;left:0;width:40px;height:40px;background-color:#FFE500;background-repeat:no-repeat;background-size:26px 26px;background-position:left 7px center;background-image:url(../imgs/arrow-up.png);-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}
.contactMe .form-row + .form-row.file,
.contactMe .form-row.file + .form-row {margin-top:10px;}
.contactMe .form-row.file:hover label i {opacity:0.9;}

/* Select 2 overrides */

.contactMe .select2-container {width:100% !important;text-align:left;}
.contactMe .select2-container .select2-selection {height:40px;border:solid 1px #FFE500;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;background:#666;}
.contactMe .select2-container .select2-selection .select2-selection__arrow {height:40px;width:30px;top:0;right:0;}
.contactMe .select2-container .select2-selection .select2-selection__arrow b {border-width:7px 5px 0 5px;}
.contactMe .select2-container.select2-container--open .select2-selection .select2-selection__arrow b {border-width:0 5px 7px 5px;}
.contactMe .select2-container .select2-selection .select2-selection__rendered {height:34px;color:#ffffff;font-size:14px;line-height:38px;padding-left:10px;padding-right:30px;}
.contactMe.xsmall .select2-container .select2-selection .select2-selection__rendered {font-size:13px;}
.contactMe .select2-container .select2-selection__clear {width:20px;text-align:right;font-size:18px;color:#666;}
.contactMe .select2-container .select2-selection__placeholder {color:#333;}
.contactMe.xsmall .select2-container .select2-selection__placeholder {font-size:13px;}
.select2-dropdown {border-color:#FFE500;}
.select2-dropdown .select2-results li {font-size:14px;line-height:14px;padding:13px 10px;}
.select2-dropdown .select2-search {padding:9px 10px;}

/* Messages box */

.contactMe .msg {display:none;padding:12px 20px 12px 40px;font-size:12px;line-height:16px;text-transform:uppercase;word-break:break-word;margin:20px 0 10px 0;background-repeat:no-repeat;background-size:20px 20px;background-position:left 12px top 12px;}
.contactMe .msg.error {color:#FFF;background-color:#FFE500;background-image:url(../imgs/x.png);}
.contactMe .msg.success {color:#FFE500;background-color:#333;background-image:url(../imgs/tick.png);}
.contactMe .msg strong {color:inherit;}

/* Submit button */

.contactMe .btn {border:1;background:#333;color:#FFE500;font-weight:400;cursor:pointer;padding:12px 40px;margin-top:10px;-moz-border-radius:4px;-webkit-border-radius:0px;border-radius:0px;}
.contactMe .btn:hover {opacity:0.9;}

 /* Dropdown menu */

.select2-dropdown .select2-results li {background:#999;color:#222;}
.select2-dropdown .select2-results li[aria-selected=true] {background:#222 !important;color:#000 !important;}
.select2-dropdown .select2-results li.select2-results__option--highlighted {background:#FFE500 !important;color:#000 !important;
}
