*:focus {
    outline: none;
}

/* ---------------- form */

.label{
	font-size: .7rem;
	font-weight: 700;
	padding-bottom: .2rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--col-grey);
}

label input[type="checkbox"]{
	float: left;
	position: absolute;
	left: 0;
	margin-top: .2em;
}
label div{
	margin-left: 50px;
}

/* login */

.login{
	width: 300px;
	margin: 0 auto;
}
.error{
	/*width: 300px;*/
	color: var(--col-alert);
	padding: .8rem 0;
	display: none;
}
.error b{
	color: var(--col-alert);
}

/* fields */

input, select, textarea{
	border: 1px solid var(--col-greyborder);
	color: var(--col-grey);
	outline: none;
	padding: .5rem .8rem;
	font-weight: 300;
}

input, input[type='submit']{
	width:100%;
}
input:focus{
	border: 1px solid var(--col-highlight);
	color: black;
}

input[type='submit']{
	width:40%;
	border: 1px solid var(--col-grey);
	text-transform: uppercase;
	letter-spacing: 1px;
}
textarea{
	width:100%;
}

/* select box */

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	outline: 0;
	border-radius: 0;
	background: url("../../images/common/icons/arrow_down.svg") no-repeat 95% center;
	box-sizing: border-box;
}

/* checkbox */

.checkbox{
	display: flex;
	align-items: center;
}
input[type="checkbox"]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	width: 38px;
	height: 38px;
	margin-top: 0;
	margin-left: 0;
	margin-right: .7em;
	margin-bottom: 0;
	padding: 0;
}

input[type="checkbox"]:checked{
	background-image: url("../../images/common/icons/checkbox.svg");
	background-size: 20px 20px;
	background-position: 8px 8px;
	background-repeat: no-repeat;
}

/* buttons */

.pointer:hover{
	cursor: pointer;
}

button:not(.video-js button) {
    position: relative;
    border: none;
    cursor: pointer;
    box-sizing: content-box;
    border: 1px solid transparent;
    font-weight: 300;
    letter-spacing: 1px;
    padding: .8rem 2.5rem;
    text-transform: uppercase;
	background-color: transparent;
}

button:not(.video-js button)::before, button:not(.video-js button)::after, button:not(.video-js button) span::before, button:not(.video-js button) span::after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    transition: 0.3s all;
}

button:not(.video-js button)::before {
    top: -2px;
    left: -2px;
    border-top: 1px solid var(--col-hr);
    border-left: 1px solid var(--col-hr);
}
button:not(.video-js button)::after {
    top: -2px;
    right: -2px;
    border-top: 1px solid var(--col-hr);
    border-right: 1px solid var(--col-hr);
}
button:not(.video-js button) span::before {
    bottom: -2px;
    left: -2px;
    border-bottom: 1px solid var(--col-hr);
    border-left: 1px solid var(--col-hr);
}
button:not(.video-js button) span::after {
    bottom: -2px;
    right: -2px;
    border-bottom: 1px solid var(--col-hr);
    border-right: 1px solid var(--col-hr);
}

button:not(.video-js button):hover::before{
    width: 16px;
    height: 16px;
	border-top: 1px solid var(--col-highlight);
	border-left: 1px solid var(--col-highlight);
}
button:not(.video-js button):hover::after {
    width: 16px;
    height: 16px;
	border-right: 1px solid var(--col-highlight);
	border-top: 1px solid var(--col-highlight);
}

button:not(.video-js button):hover span::before{
    width: 16px;
    height: 16px;
    border-bottom: 1px solid var(--col-highlight);
    border-left: 1px solid var(--col-highlight);
}
button:not(.video-js button):hover span::after {
	width: 16px;
    height: 16px;
    border-right: 1px solid var(--col-highlight);
    border-bottom: 1px solid var(--col-highlight);
}


@media only screen and (max-width: 414px) {
	button{
	    font-weight: 300;
	    letter-spacing: 1px;
	    padding: .4rem 1.5rem;
    }
}

.error.in{
	display: block;
	width: 100%;
}

.form-dummy{
	display: inline;
	margin: 0;
	padding: 0;
}



/* search container */

.search-container select{
	border: 1px solid rgba(255,255,255,0);
	color: var(--col-grey);
	outline: none;
	padding: .5rem .8rem;
	background: url("../../images/common/icons/arrow_down_white.svg") no-repeat right +11px center;
	background-size: 13px;
}

.search-container input{
	border: none;
	background: rgba(255,255,255,.1);
	color: white;
}