/*

Theme Name: Delaer Lab
Author: Paul Nalewajk
Author URI: http://www.wwwebtek.com
Version: 1.0.0
Template: pro


*/


a, a:hover {
    -webkit-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
    transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease
}


 /* #Header
================================================== */

.hero {
	height: 50vh;
	animation: fadeIn 3s;
	-webkit-animation: fadeIn 3s;
	-moz-animation: fadeIn 3s;
	-o-animation: fadeIn 3s;
	-ms-animation: fadeIn 3s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}


 /* #Forms
 ================================================== */

.wpcf7 span.wpcf7-form-control-wrap { width: 100%; }

.wpcf7-not-valid-tip { position: absolute !important; left: -40px !important; top: 0 !important; width: 44px !important; height: 38px !important; padding: 0 !important; background: url("_img/contact-form-error.png") !important; overflow: hidden; text-indent: -9999px !important; padding: 0; border: none !important; }
.wpcf7-validation-errors { border: 0; display: none !important;text-shadow: 0 0 0 #000000 !important; }
.wpcf7-mail-sent-ok { border: none !important; margin: 25px 0 0 0 !important; padding: 7px 10px !important; background: #7DCC68 !important; color: #fff; font-size: 14px; text-align: center; }

.wpcf7-captchar { margin-bottom: 0; }

span.wpcf7-form-control-wrap { position: relative !important; display: inline-block; margin-bottom: 2px; }
span.wpcf7-form-control-wrap .wpcf7-text,
span.wpcf7-form-control-wrap .wpcf7-textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; }

.wpcf7-submit { margin-bottom: 0; }


.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

 /* #Misc
================================================== */


.nowrap { white-space:nowrap; }

.white, 
.white h1, 
.white h2, 
.white h3, 
.white h4, 
.white h5, 
.white h6, 
.white p,
.white .phone-mobile, .white .x-text {
		color:#fff !important;
}

.white a { color: #80c348 !important; }
.white a:hover { color: #ff8e1f !important; }

.green { color:#83c150; }
.orange { color:#ff8e1f; }

h6 { text-transform:none !important; }

ul.centered { list-style: none;  }

ul.centered li { padding-left: 1em; text-indent: -1em;line-height:normal;margin-bottom:1em; }
ul.centered li:before { content: "■"; padding-right:7px;color:#80c348; }


.x-btn, a.x-btn, .button, .btn-primary, .more-link {
	display: initial !important;
	color:#fff !important;
	font-size: 1rem !important;
	font-weight:normal;
	letter-spacing:0em !important;
	padding: 0.813em 2em 0.813em !important;
	border-radius:0px !important;
	text-shadow: 0 0px 0px rgba(255, 255, 255, 0.75) !important;
    text-decoration:none !important;
    white-space:none;
}
a.x-btn:hover { color:#fff !important; }



.x-ul-icons {
    font-size:1.4em;
    margin-left: 1.5em;
    list-style:none;
    white-space:nowrap;
}
	@media (max-width: 767px) {
		.x-ul-icons {
			font-size:.9em;
			margin-left: 1.5em;
			list-style:none;
			white-space:nowrap;
		}
	}


.x-ul-icons li [class * =x-icon-] {
    text-indent:-1.5em;
}

.x-ul-icons li:hover, .x-ul-icons li .x-icon-check:hover, a.o-hover:hover {
	color:#ff8e1f !important;
    -webkit-transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease;
    transition: color 0.5s ease, background-color 0.5s ease, border-color 0.5s ease, box-shadow 0.5s ease
}


.x-anchor-appearance .x-anchor-text-primary {
        font-family: inherit;
        font-size: .8em !important;
        font-style: normal;
        font-weight: 400;
        line-height: 1;
}



 /* #Footer
================================================== */

.x-colophon a { text-decoration:none !important; }

footer .x-social-global a { font-size:3em !important; }