/*
Theme Name: BTC Twente 2.0
Author: Joris Kroos
Company: Twinsense Online Brand Excitement
Author URI: http://www.twinsense.nl
Version: 2.0
*/

html { position:relative; min-height:100%; }
body {font-family:'Ubuntu', sans-serif;font-size:16px;font-weight:300;line-height:180%;color: #424752;}

h1, h2 {font-size: 30px;color:inherit;font-weight:inherit;}
h3 { font-size:100%; color:#CD2122; font-weight:500; }
a { color: #21359a; text-decoration: none; border-bottom:1px solid #21359a; }
p { margin-bottom:24px; }
strong, b, label { font-weight:500; }
.mfp-iframe-holder .mfp-content {max-width:80vw;}
* { outline:none; }
.header-top.affix {position:fixed;top:0;width: 100%;z-index: 999;}
#gmap { height:400px; }

.banner{
	margin-top: 75px;
	padding:15px;
	background-size: cover;
	background-position: 50%;
}

.banner h1,
.banner h2,
.banner h3,
.banner h4,
.banner p{
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.banner img{
	max-width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.header .row div[class*="col-"] {
    flex: none!important;
    display: auto!important;
    flex-direction: auto!important;
}

.navigation-bar-main {background-color:#CD2122;box-shadow: 0px 30px 0 rgba(0,0,0,0.5);}
.wpcf7-form { margin-top:15px; }
.wpcf7-form em { font-style:normal; color:#CD2122;}

.top-bar {min-height: 60px;background-color: #fff;}
.top-bar .contactinfo { line-height:60px; float:right; }
.top-bar .contactinfo a { border:none; }
.top-bar .contactinfo a i { margin: 0 10px}
.top-bar #search-form {display: inline-block;line-height:2rem;margin-top:14px;}
.top-bar .search-wrap { position:relative; }
.top-bar .search-wrap .screen-reader-text { display:none; }
.top-bar .search-wrap #search-input { width:100px; padding:5px 10px; border:1px solid #DDD; font-size:1.4rem; transition:all 0.5s ease; }
.top-bar .search-wrap::before {content:'\f002';position:absolute;top:5px;right: 8px;font-family:FontAwesome;color:#21359a;}
.top-bar .search-wrap #search-input:focus { width:200px; }
.top-bar .search-wrap #search-submit {background:transparent;border:none;width: 30px;height:100%;position:absolute;top:0;right:0;color:transparent;cursor:pointer;}
.top-bar .search-wrap #search-submit::before { display:block; position:relative; content: '\f002'; }
.top-bar .wpml-ls-legacy-list-horizontal { display:inline-block; }
.top-bar .wpml-ls-legacy-list-horizontal li { border-right: 1px solid #CCC; }
.top-bar .wpml-ls-legacy-list-horizontal li:last-child { border:none; }

.logo-holder { float:left; position:relative; }
.logo-holder a {display:block;position:absolute;margin-top: -49px;margin-left: -11px;text-decoration:none;border:none;}
.logo-holder a img{max-width: 125px; height: auto;}
.header-top {background-color:#fff;position: relative;}
.navbar-default { background-color:#CD2122; border-color:#CD2122; }
.navbar {border-radius:0px;position:relative;min-height:50px;margin-bottom:0px;border:0px solid transparent;font-size: 18px;}
.navbar-nav {float:right;margin: 0px -15px;}
.navbar-default .navbar-nav > li a {color:rgba(255, 255, 255, 0.75); border:none; }
.navbar-default .navbar-nav > li > a {font-weight: 500;padding: 25px 20px;}
.navbar-default .navbar-nav > li a:focus,
.navbar-default .navbar-nav > li a:hover,
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav   li.current-menu-item > a,
.navbar-default .navbar-nav > li.current-menu-parent > a,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover { color:#fff; text-decoration:none; }

.navbar-nav li { position:static; }
.navbar .sub-menu {position:absolute;z-index:0;opacity:0;right: 0;top: 100%;list-style: none;line-height: 30px;text-align: right;width: 100%;font-size: 15px;/* transform: translateY(10px); */font-weight: 500;padding: 0;transition:opacity 0.5s ease;max-width: 850px;}
.navbar .navbar-nav li:nth-child(1) .sub-menu,
.navbar .navbar-nav li:nth-child(2) .sub-menu { text-align:left; }
.navbar .navbar-nav li:nth-child(3) .sub-menu { text-align:center; }
.navbar .sub-menu li { display:inline-block; padding:0 20px;}
.navbar .current-menu-item .sub-menu,
.navbar .current-menu-parent .sub-menu { opacity:1; z-index:10; }
.navbar:hover li .sub-menu { z-index:0; opacity:0; }
.navbar:hover li:hover .sub-menu { opacity:1; z-index:10; }

section.header {overflow: hidden; background-size:cover;height: 60vh;min-height:300px;max-height:800px;}

.content-section {padding: 50px 0 30px;}

.companycards .row.filtered { margin:0 -15px; }
.companycards .row .col-md-4 { padding:0 15px; }
.companycard { border:1px solid #CCC; margin-bottom:20px}
.companycard .img { height:150px; position:relative; }
.companycard .img img {max-width:80%;max-height:80%;}
.companycard .img.klein img { max-width:60%; max-height:60%; }
.companycard .img.groot img { max-width:100%; max-height:100%; }
.companycard .img img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.companycard .text {overflow: hidden;margin: 0 20px 20px;height: 80px;border-top: 1px solid #CCC;padding-top: 15px;}
.companycard .text h3 { margin:0;}

#sidebar .block { padding:20px; background:#dddee1; margin-bottom:15px}
#sidebar .block.wit { padding:19px; border:1px solid #CCC; }
#sidebar .block.donkergrijs { padding:20px; background:#424752; color:#FFF; }
#sidebar .block.rood { padding:20px; background:#cd2122; color:#FFF; }

#sidebar .block h2 {margin: 0 0 10px;font-size: 26px;}
#sidebar .block p:last-child { margin-bottom:0; }
#sidebar .block a { color:inherit; border-color:inherit; }
#sidebar .block a.googlemaps { color:#21359a; font-weight:500; border:none; margin-top:-20px; display:block; }
#sidebar .block a.googlemaps i { margin-right:10px; }
#sidebar .block ul { padding-left:20px;}

#sidebar .block.blauw { background:#21359a; color:#FFF; font-size:20px; font-weight:500; position:relative; padding-left:65px; }
#sidebar .block.blauw:hover { text-decoration:none; }
#sidebar .block.blauw i { font-size:25px; position:absolute; top:20px; left:18px; }
#sidebar .block.blauw i.fa-info { font-size:30px; top:18px; left:24px; }
#sidebar .block.blauw i.fa-caret-right { font-size:30px; top:initial; left:initial; right:15px; }

#sidebar .big-icons {margin: 0 -10px 20px;display: flex;flex-direction: row;}
#sidebar .big-icons a:hover { text-decoration:none; }
#sidebar .big-icons .col-xs-6 { padding:0 10px; }
#sidebar .big-icons .block {padding:20px;text-align:center;font-weight:500;height: 100%;margin: 0;display:block;}
#sidebar .big-icons i {font-size:50px;margin:10px 0;height: 50px;display: block;}
#sidebar .big-icons i.tour { background:url(images/360deg.png) 50% 0 no-repeat; }

#sidebar .uitgelicht-tekst .inner { padding: 0 15px 15px; }

#sidebar .wpcf7 .wpcf7-form .form-group label {width:100%;}
#sidebar .wpcf7 .wpcf7-form .form-group .col-md-7 {width:100%;}

.gallery{
	display:block!important;
}

.gallery .image{
	display: block;
	aspect-ratio: 1/1;
	margin-bottom: 30px;
	border-bottom: none;
}

.gallery .image img{
	object-fit: cover;
	object-position: 50%;
	height: 100%;
	width: 100%;
}

#fotoslider {list-style:none;padding:0;white-space: nowrap;margin-top: 30px;margin-bottom: 50px;overflow: hidden;}
/*
#fotoslider.slider { margin-left: calc(50% - 50vw + 15px);margin-right: calc(50% - 50vw + 15px); }
*/
#fotoslider li { padding: 0 20px; display:inline-block; }
#fotoslider img { max-height:100px; max-width:400px; }
#fotoslider img.klein { max-height:60px; max-width:300px; }
#fotoslider img.groot { max-height:120px; max-width:400px; }

.tabel img { max-width:100%;}
.tabel .row { margin-bottom:20px; }
.tabel h3 { margin-top:0; color:#CD2122;}
.tabel.team .col-md-4 { padding-right:0; }
.tabel.team .col-md-8 { padding:40px 0 0 50px; border:1px solid #CCC; border-left:none; }
.tabel.team .col-md-8 p:last-child { margin:0; }

.files { margin-top:30px; }
.files a {display:block;padding: 0 20px 0 80px;margin-bottom:20px;border:1px solid #CCC;line-height: 80px;position: relative;font-weight: 500;}
.files a i {font-size:40px;color:#cd2122;position: absolute;top: 20px;left: 20px;}

section.panden .row { margin-top:20px; }
section.panden .img {padding-right:0;overflow: hidden;}
section.panden .col-md-7 {border:1px solid #CCC;height: 330px; padding:30px;}
section.panden .col-md-12 {border:1px solid #CCC;height: 330px;}
section.panden .img a { overflow:hidden;border: none; display:block; }
section.panden .img img { height: 330px;width:100%; object-fit: cover;}
section.panden .img.left img { }
section.panden .img.center img { margin-left: 50%;transform: translateX(-50%); object-fit: cover;}
section.panden .img.right img { margin-left: 100%;transform: translateX(-100%);}
section.panden .row h2 { font-size:160%;margin: 25px 0 0;}
section.panden h2 { color:inherit; border:none; }
section.panden a { color:inherit; border:none; text-decoration: none; }
section.panden h3 { margin-top:10px;}

section.uitgelicht .row { margin-top:20px; }
section.uitgelicht .img {padding-right:0;overflow: hidden; border:none;}
section.uitgelicht .row h2 { font-size:160%;}
section.uitgelicht h2 a { color:inherit; border:none; }
section.uitgelicht h3 { margin-top:10px;}
.uitgelicht-tekst {border: 1px #ccc solid;}

.footer {background-color: #dddee1;}
.footer .container { padding:20px 0;}
.footer ul { list-style:none; padding:0;}
.footer a { border:none; color:inherit; }

#contact-popup {
    position: fixed;
    right: 50px;
    bottom: 50px;
    display: block;
    z-index: 999;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#contact-popup #contact-cta {
    width: 250px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.3s ease all;
    scale: 1;
    animation-name: fade;
    animation-duration: .5s;
}
#contact-popup #contact-cta.hidden {display: none!important;}
#contact-popup #contact-cta:hover {scale: 1.1;}
#contact-popup #contact-cta .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#contact-popup #contact-cta .row .col-7 {width:60%; padding:0; padding: 15px; background-color: #CD2122;}
#contact-popup #contact-cta .row .col-5 {width:40%; padding:0;}
#contact-popup #contact-cta .col-7 h4 {color: #fff;}
#contact-popup #contact-cta .image {
    padding: 15px;
    background-color: #dddee1;
    height:125px;
    width:125px;
    display: block;
}
#contact-popup #contact-form {
    display: block;
    animation-name: fade;
    animation-duration: .5s;
    background-color: #fff;
    border-radius: 25px;
    padding: 30px;
    position: relative;
    z-index: 9999;
}
#contact-form.hidden {display: none!important;}
#contact-form .close-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
}
#contact-form .close-btn i {font-size: 50px;}
#contact-form .logo {
    width: 100%;
    text-align: center;
    margin-top: -75px;
    margin-bottom: 30px;
}
#contact-form .logo img {max-width: 150px;}
#contact-form .details {margin-bottom: 30px; display: flex; justify-content: space-between;}
#contact-form .details a {
    color: #424752;
    text-decoration: none;
    font-size: 18px;
}
#contact-form .details a i {margin-right: 10px;}
#contact-form .form .btn {background-color:#cd2122; color:#fff;}

.slick-prev { left:0px; height:50px; width:50px; border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; background-color:rgba(0,0,0,0.5); }
.slick-next { right:0px; height:50px; width:50px; border-radius:10px 0 0 10px; -moz-border-radius:10px 0 0 10px; -webkit-border-radius:10px 0 0 10px; background-color:rgba(0,0,0,0.5); }
.slick-prev::before { content:'\f104'; }
.slick-next::before { content:'\f105'; }
.slick-prev::before, .slick-next::before { font-family:'FontAwesome'; font-size:50px; line-height:50px; opacity:1; color:white; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.slick-prev, .slick-next { font-size:0; line-height:0; position:absolute; top:50%; display:block; padding:0; -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); transform:translate(0, -50%); cursor:pointer; color:transparent; border:none; outline:none; z-index:1000; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color:#fff; outline:none; background:#CD2122; }
.slick-dots { position:absolute; bottom:15px; display:block; width:100%; padding:0; margin:0; list-style:none; text-align:center; }
.slick-dots li { position:relative; display:inline-block; width:20px; height:20px; margin:0 2px; padding:0; cursor:pointer; }
.slick-dots li button::before { font-family:'FontAwesome'; font-size:14px; line-height:20px; position:absolute; top:0; left:0; width:20px; height:20px; content:'\f10c'; text-align:center; opacity:1; color:#fff; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.slick-dots li.slick-active button::before { opacity:1; color:#fff; content:'\f111'; }

.filter {margin: 0 0 20px;}
.filter a { display:inline-block; background:#999; border:none; padding:5px 10px; color:#FFF; margin:0 10px 10px 0; cursor:pointer; }
.filter a.active { background:#CD2122; }

.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

.partner-item{
	display: block;
	margin: 20px;
	text-decoration: none;
	border-bottom: none;
}

.partner-item img{
	max-height: 100px;
	width: auto;
}


.video-button {position:relative; height: 50px;background: #cd2223;color: rgba(255,255,255,0.8);padding: 16px;font-size: 20px; font-family:inherit; margin-bottom: 15px;text-decoration:  none;border: none; transition: all 0.3s ease;}
.video-button h4 {margin: 0px;padding: 0 0 0 30px;}
a.video-button:hover { text-decoration: none; color:white; }
.video-button:focus {text-decoration:none; color:white; outline:none;}
.video-button::before {content:"\f04b";position:absolute;top: 50%;transform: translateY(-45%);left: 20px;font-family:FontAwesome;}

@media ( min-width:768px ) {
    .row { margin-left:-30px;margin-right:-20px; }
    *[class*='col-'] {padding:0 30px; }
	.container>.row, .tabel.team>.row { display: flex;flex-direction: row; }
	.container>.row>div[class*='col-'] { flex: 1 0 auto;display: flex;flex-direction: column; }
}

@media (max-width:768px) {
  section.panden .col-md-5 {padding:30px 30px 0 30px;}
  section.panden .col-md-7 {display: block; border:none; border-bottom:1px solid #CCC; height:auto;}
}

.grecaptcha-badge{
	display: none;
}

.wpcf7{
    margin-bottom: 30px;
}

.wpcf7 br {
  display: none;
}
.wpcf7 p {
  margin: 0;
}

.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}

.wpcf7 form .wpcf7-response-output {
  margin: 0;
  margin-top: 10px;
  padding: 15px;
  border: 1px solid #00a0d2;
  /* Blue */
  border-radius: 10px;
}

.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
  display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
  color: #155724;
  background-color: #d4edda;
  border-color: #c3e6cb;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
  /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
  border-color: #f56e28;
  /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
  /* Yellow */
}

.wpcf7-form-control-wrap {
  display: block;
  position: relative;
  margin-bottom: 10px;
}
.wpcf7-form-control-wrap input {
  width: 100%;
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #CCCACA;
  transition: 0.3s ease all;
}
.wpcf7-form-control-wrap textarea {
  width: 100%;
  padding: 10px 5px;
  border-radius: 5px;
  border: 1px solid #CCCACA;
  transition: 0.3s ease all;
}
.wpcf7-form-control-wrap select {
  width: 100%;
  padding: 10px 5px;
  border-radius: 5px;
  border: 1px solid #CCCACA;
  transition: 0.3s ease all;
}
.wpcf7-form-control-wrap textarea:focus,
.wpcf7-form-control-wrap input[type=text]:focus,
.wpcf7-form-control-wrap input[type=password]:focus,
.wpcf7-form-control-wrap input[type=datetime]:focus,
.wpcf7-form-control-wrap input[type=datetime-local]:focus,
.wpcf7-form-control-wrap input[type=date]:focus,
.wpcf7-form-control-wrap input[type=month]:focus,
.wpcf7-form-control-wrap input[type=time]:focus,
.wpcf7-form-control-wrap input[type=week]:focus,
.wpcf7-form-control-wrap input[type=number]:focus,
.wpcf7-form-control-wrap input[type=email]:focus,
.wpcf7-form-control-wrap input[type=url]:focus,
.wpcf7-form-control-wrap input[type=search]:focus,
.wpcf7-form-control-wrap input[type=tel]:focus,
.wpcf7-form-control-wrap input[type=color]:focus,
.wpcf7-form-control-wrap .uneditable-input:focus {
  border-color: rgba(33, 181, 243, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(33, 181, 243, 0.8);
  outline: 0 none;
  transition: 0.3s ease all;
}

.wpcf7-not-valid-tip {
  color: #721c24;
  background-color: #f8d7da;
  font-size: 1em;
  font-weight: normal;
  display: inline-block;
  margin-top: 5px;
  border: 1px solid #f5c6cb;
  padding: 5px 10px;
  border-radius: 5px;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
  position: relative;
  top: -2ex;
  left: 1em;
  z-index: 100;
  border: 1px solid #dc3232;
  background: #fff;
  padding: 0.2em 0.8em;
  width: 24em;
}

.wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 1em;
}

.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
  content: " ";
}

.wpcf7 .ajax-loader {
  visibility: hidden;
  display: inline-block;
  background-color: #23282d;
  /* Dark Gray 800 */
  opacity: 0.75;
  width: 24px;
  height: 24px;
  border: none;
  border-radius: 100%;
  padding: 0;
  margin: 0 24px;
  position: relative;
}

.wpcf7 form.submitting .ajax-loader {
  visibility: visible;
}

.wpcf7 .ajax-loader::before {
  content: "";
  position: absolute;
  background-color: #fbfbfc;
  /* Light Gray 100 */
  top: 4px;
  left: 4px;
  width: 6px;
  height: 6px;
  border: none;
  border-radius: 100%;
  transform-origin: 8px 8px;
  animation-name: spin;
  animation-duration: 1000ms;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion: reduce) {
  .wpcf7 .ajax-loader::before {
    animation-name: blink;
    animation-duration: 2000ms;
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes blink {
  from {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.wpcf7 input[type=file] {
  cursor: pointer;
}

.wpcf7 input[type=file]:disabled {
  cursor: default;
}

.wpcf7-checkbox{
    margin: 0;
}

.wpcf7-list-item{
    display: block;
    margin: 0;
}

.wpcf7-checkbox .wpcf7-list-item input{
    width: auto;
}

.wpcf7 .wpcf7-submit:disabled {
  cursor: not-allowed;
}

.wpcf7 input[type=url],
.wpcf7 input[type=email],
.wpcf7 input[type=tel] {
  direction: ltr;
}

/* ======================
   FAQ Accordion
   ====================== */

.faq-accordion {
	margin-top: 10px;
}

.faq-accordion .panel-faq {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 4px;
}

.faq-accordion .panel-faq .panel-heading {
	background-color: #cd2122;
	border: none;
	border-radius: 0;
	padding: 0;
}

.faq-accordion .panel-faq .panel-title a {
	display: block;
	padding: 14px 45px 14px 18px;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	position: relative;
	outline: none;
}

.faq-accordion .panel-faq .panel-title a:hover {
	background-color: #b51c1d;
	text-decoration: none;
	color: #fff;
}

.faq-accordion .panel-faq .panel-title a .faq-icon {
	position: absolute;
	right: 16px;
	top: 50%;
	transform: translateY(-50%) rotate(0deg);
	transition: transform 0.25s ease;
	font-size: 14px;
}

.faq-accordion .panel-faq .panel-title a.collapsed .faq-icon {
	transform: translateY(-50%) rotate(-90deg);
}

.faq-accordion .panel-faq .panel-body {
	background-color: #f5f5f7;
	border-top: 3px solid #cd2122;
	border-radius: 0;
	padding: 18px 20px;
	color: #333;
}