/* Placeholder colors */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
		color:    #9b9b9b;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
		color:    #9b9b9b;
		opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
		color:    #9b9b9b;
		opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
		color:    #9b9b9b;
}
::-ms-input-placeholder { /* Microsoft Edge */
		color:    #9b9b9b;
}

html, body {
		height: 100%;
		margin: 0;
		font-family: 'Montserrat', sans-serif;
		font-weight: 300;
}
.contact_container {
		display: grid;
		place-items: center; /* Centriranje po vertikali i horizontali */
		height: 100vh;
}

.contact_centered_div {
    width: 50%;
}


.contact_form {
  margin-top: 50px;
  margin-bottom: 50px;
}

/* Input styling */
.contact_form input,
.contact_form textarea {
		display: block;
		width: 100%;
		padding: 0.7rem;
		margin: 1.1rem 0;
		border-radius: 3px;
		border: 1px solid #c6c6c6;
		outline: none;
		color: #4c4c4c !important;
		-webkit-box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.5);
		box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.5);
}

.contact_form input[type=submit] {
		width: 160px;
		background-color: #00C5BE;
		border: none;
		color: #fff !important;
		font-size: 1em;
		padding: 10px;
		text-transform: uppercase;
		font-weight: normal;
}

.contact_form input::placeholder,
.contact_form textarea::placeholder { 
		color: #9b9b9b;
		font-size: 80%;
}

.contact_form textarea {
  height: 100px;
  min-height: 200px;
  resize: vertical;
}

/* Colors for focused fields */

input:focus, textarea:focus {
		border: 1px solid #EC8000;
		-webkit-box-shadow: inset 0px 0px 3px #EC8000;
		box-shadow: inset 0px 0px 3px #EC8000;
}
input:hover, textarea:hover {
		border: 1px solid #00909F;
		-webkit-box-shadow: inset 0px 0px 3px #00909F;
		box-shadow: inset 0px 0px 3px #00909F;
}

/* Honeypot technique, hide the fake field */

#m66 {
		display: none;
}

.kcaptcha-div {
		display: flex;
		padding: 0.6rem 0;
}

.kcaptcha-div img {width: 160px;/* height: 80px; */border: 1px solid #9b9b9b; margin-right: 1rem;}
.kcaptcha-input-div { width: 100%; }
.credits-link { font-size: 0.8rem; margin-left: 13%; }
.kcaptcha-div input { }

/* Stilizacija za nevalidan unos */
.error-message {
		color: red;
		font-size: 0.9em;
		display: none; /* Skrivena poruka dok nema greške */
}

.contact_form input.invalid {
		border: 1px solid red;
		-webkit-box-shadow: inset 0px 0px 3px red;
		box-shadow: inset 0px 0px 3px red;
}

.mail-sent-true { color: #009933; }
.mail-sent-false { color: #cc0000; }