/* Custom Styles by Nathalie Albert
================================================== */


/* -------- alert in blox dark ----------- */
/* .blox.dark .alert .alert-error strong {
    color: #000 !important;
}
.blox.dark .alert-error a, a:focus, a:hover, a:visited {
    color: #9e0b0f;
}
.blox.dark .alert-danger, .alert-error {
    color: #b94a48;
    background: url(../images/alert-error-ico.png) 9px 50% no-repeat #fce6e9;
    border-color: #ed9aa3;
}
.blox.dark .alert .alert-error {
    padding: 8px 35px 8px 36px;
    background: url(../images/alert-notice-ico.png) 9px 50% no-repeat #fcf8e3;
    margin-bottom: 18px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
    border: 1px solid #f3d9a6;
        border-top-color: rgb(243, 217, 166);
        border-right-color: rgb(243, 217, 166);
        border-bottom-color: rgb(243, 217, 166);
        border-left-color: rgb(243, 217, 166);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}*/


/* -------- button line height ----------- */
button {
line-height: 1.5em!important;
}


a.tel {
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
}

.contact-inf span {
	padding-bottom:10px;
}
.footer-in p {
	font-size: 12px!important;
}

p strong {
  font-size: inherit;
}
p.variatie  {
	background-color: #b0e0e6; 
	box-shadow: 2px 2px 0 #82b8bf;
	padding: 5px 10px;
}

/* -------- linken onderstrepen en vet ----------- */
p a, a:focus, a:hover, a:visited {
  color: #9e0b0f;
  outline: 0;
  font-weight: 700!important;
}
p a  {
  text-decoration: underline;
}


/* -------- linken onderstrepen en vet uitsluiten ----------- */
#nav a, .nav-tabs > li > a {
  text-decoration: none;
}
a.scrollup {
  text-decoration: none;
}
.footer-navi a {
  text-decoration: none;
  color:#ffffff;
}
.footer-navi img {
	vertical-align: middle;
}


/* -------- vacature banner ----------- */
#vacature-banner {
    display: none;
    text-align: left;
    background-color: #9e0b0f;
    max-width: 250px;
    /*display: block;*/
    float: right;
    border-radius: 5px;
    bottom: 25%;
    position: fixed;
    right: 0;
    margin-right: 10px;
	padding: 15px 25px;
	text-align:center;
    z-index: 10000;
}
#vacature-banner > div p {
    color: #fff !important;
    font-size: 12px;
}
#vacature-banner > div h3 {
    color: #fff !important;
}

#vacature-banner p {
    margin-bottom: 0;
}
#vacature-banner h3 {
	font-size:16px;
}

.vacancy-banner-extra-padding {
    padding-bottom: 0px !important;
}



.button.vacature {
    border-color: #fff;
	background-color: #fff;
    color: #222;
}
.button.vacature:hover {
    border-color: #222;
	background-color: #222;
    color: #fff;
}
#vacature-banner p.vacature-info-button button {
  float:right; 
  padding: 7px 10px;
  border-radius: 25px;
  color: #fff;
  background: #933;
  border: 1px solid #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0px;
  cursor:pointer;
}

@media only screen and (max-width:767px){
	#vacature-banner {
    text-align: left;
    background-color: #9e0b0f;
    max-width: 100%;
    display: none;
    float: right;
    border-radius: 5px;
    bottom: 5%;
    position: fixed;
    right: 0;
    margin-right: 10px;
	padding: 5px 10px;
	text-align:center;
}
#vacature-banner h3 {
	padding-top: 15px;
}

}

@media only screen and (max-width: 767px) {
  #latest-projects > li.portfolio-item.four.columns.jcarousel-item.jcarousel-item-horizontal {
    width: 280px !important;
  }
}

@media only screen and (max-width: 767px) {
  #latest-projects.list8 li.portfolio-item.four.columns.jcarousel-item.jcarousel-item-horizontal {
    width: 345px !important;
  }
}