/**
 * icon.css
 *
 * All icon related styles
 *
**/

.iconsSocial {
	display: none;
}

.iconsSocial,
.iconsSocial li,
.iconsContact,
.iconsContact li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.iconsSocial > li,
.iconsContact > li{
	float: left;
	margin-right: 10px;
}

.iconsSocial,
.iconsContact > li {
	margin-right: 10px;
}

.iconsSocial > li:last-child {
	margin-right: 0;
}

.ubrands-icon {
    line-height: 1rem;
}

.ubrands-icon-small {
	font-size: 1.5rem;
}

.ubrands-icon-searchwit {
	font-size: 2.2rem;
}

.ubrands-icon:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    vertical-align: -16%;
    background-repeat: no-repeat;
}

.ubrands-icon-instagram::before {
    background-image: url("../../img/Instagram-icon.svg");
}
.ubrands-icon-twitter::before {
    background-image: url("../../img/Twitter-icon.svg");
    width: 20px;
}
.ubrands-icon-linkedin::before {
    background-image: url("../../img/Linkedin-icon.svg");
}
.ubrands-icon-facebook::before {
    background-image: url("../../img/facebook-icon.svg");
    width: 17px;
    height: 17px;
    background-size: contain;
    background-position: center;
}
.ubrands-icon-tel::before {
    background-image: url("../../img/Telefoon-icon.svg");
}
.ubrands-icon-email::before {
    background-image: url("../../img/Mail-icon.svg");
    width: 18px;
}
.ubrands-icon-search::before {
    background-image: url("../../img/Zoek-icon.svg");
	margin-right: 0;
}

.ubrands-icon-searchwit::before {
    background-image: url("../../img/Search-wit.svg");
	margin-right: 7px;
}

.ubrands-icon-jobalert::before {
    background-image: url("../../img/Jobalert-icon.svg");
}

.ubrands-icon-opdrachtgever::before {
    background-image: url("../../img/Opdrachtgever-icon.svg");
	width: 21px;
}

.iconList,
.iconList li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.iconList {
	margin-right: 5%;
}

.iconList li {
	margin-bottom: 10px;
}

@media screen and (min-width: 450px) {
	.iconsSocial {
		display: block;
	}

	.iconsSocial,
	.iconsContact > li {
		margin-right: 30px;
	}
}

@media screen and (min-width: 1024px) {

}