/* Style Sheet for hakka contact */


/* style for contact-request form container */
.hc-wrap {
    padding: 15px;
	//font-family: "mono";
	color: #fff !important;
	font-size: 18px;
	font-weight: 400;
	max-width: 500px;
}

.hc-div {
    margin-bottom: 5px;
	color: #fff !important;
	//font-family: "mono";
	font-size: 16px;
	line-height: 1.3em;
	font-weight: 400;
	//max-width: 500px;
}

.hc-opt-header {
	color: #fff !important;
	font-size: 22px;
	line-height: 1.5em;
}

.hc-lab {
	display: block;
    //margin-bottom: 5px;
      color: #fff !important;
      //font-family: "mono";
      font-size: 16px;
      line-height: 1.3em;
      font-weight: 400;
}

.hc-in {
	//font-family: "mono";
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 400;
	line-height: 1.3em;
	padding: 5px 5px 5px 10px;
	margin: 0;
      width: 300px;
	height: 20px;
	color: #000 !important;
	background-color: #f0f0f0 !important;
    	border: 1px solid darkgray;
	border-radius: 7px;
}


.hc-msg {
    resize: vertical; 
	//width: 95%;
	width: 450px;
	//font-family: "mono";
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
	line-height: 1.3em;
	padding: 5px 5px 5px 10px;
	color: #000 !important;
	background-color: #f0f0f0 !important;
      border: 1px solid darkgray;
      border-radius: 7px;
}


.hc-button {
	cursor: pointer;
	color: #fff;
	border: none;
	font-size: 16px;
      font-weight: 500;
	padding: 5px 10px 5px 10px;
	background-color: #333333;
      border: 1px solid darkgray;
      border-radius: 7px;
      transition: background-color 0.5s ease;
}

.hc-button:hover {
	background-color: #f0f0f0;
	color: black;
}

@media (max-width: 768px) {
.hc-wrap {
      width: 90%;
}
.hc-in {
	max-width: 85%;
}
.hc-msg {
	max-width: 85%;
}

}