/*--------------------------------------------------------------

  Template Name: Educan Education HTML Template.
  Template URI: #
  Description: Educan is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
  Author: HasTech
  Author URI: https://themeforest.net/user/hastech/portfolio
  Version: 1.0
---------------------------------------------------------------*/

/* ----------------------------------------------------
	You can put your custom css code here: 
-------------------------------------------------------*/

.slideachtergrondfoto {
  background: var(--background) no-repeat scroll center center / cover;
}

.bannerachtergrondfoto {
  background: var(--background) no-repeat scroll center center / cover;
  padding-top: 82px; 
  padding-bottom: 20px;
}

.dienstenfotocirkel {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

.nieuwsitemtitel {
  color:  #e9ae37;
}

input[type=text] {
  padding-left: 12px;
}

.htc-pagination li.active a, .htc-pagination li:hover a {
    background-color: #e9ae37;
    border: 1px solid #e9ae37;
    color: white;
}

.blog__courses li a:hover {
    color: #e9ae37;
}

.contact__address {
  border-top: none;
}

.contact-btn .htc__btn {
    border: none;
}

.contact-btn .htc__btn:hover {
  border: none;
}

.zoekresultatenlijst a {
  color: black;
}

.zoekresultatenlijst a:hover {
  color: #e9ae37;
}

.htc__blog__wrap .blog {
  margin-top: 0px;
  margin-bottom: 30px;
}

form.customsbform {
  background: white;
  height: 55px;
  display: flex;
}

input.customsbinput {
  flex: 1;
  outline: none;
  border: 1px solid lightslategray;
}

input.customsbinput:focus {
  border: 1px solid #e9ae37;
}

button.customsbbutton {
  background: #e9ae37;
  height: auto;
  line-height: normal;
  padding: 10px 30px;
  border: none;
  outline: none;
  color: white;
  letter-spacing: 1px;
}

.htc__blog__details {
  padding-top: 0px;
}

.blockquote {
    background: transparent;
    margin-bottom: 20px;
    border-left: 4px solid rgba(18, 21, 24, 0.1);
    padding: 16px 30px;
    font-size: 1.25rem;
    margin: 0 0 1rem;
}

.blockquote .blockquote-footer {
    margin-top: 10px;
    color: #121518;
}

.blockquote>:last-child {
    margin-bottom: 0;
}

.blockquote-footer {
    font-size: .875em;
}

.blockquote .blockquote-footer h6 {
    display: inline-block;
    margin: 0;
}

.titelinhoudblok h2 {
    color: #333333;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 13px;
}

.btn--theme2 {
    background: #005691;
    color: #fff;
    height: 48px;
    line-height: 48px;
    padding: 0 27px;
}

.btn--theme2:hover {
  color: #005691;
}

.btn--theme2:focus {
  color: white;
}

@media (max-width: 767px) {
  .bradcaump-title {
    font-size: 20px;
  }
}

.responsivevideo {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}

.responsivevideo iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}

.about__thumb {
  margin: auto;
}

@media (min-width: 768px) and (max-width: 991px) {
  .about__thumb {
    text-align: center;
    margin: 0px;
  }
}

@media (max-width: 767px) {
  .footerrow {
    gap: 25px;
  }
}

.mobilesbutton {
  position: absolute;
  right: 50px;
  top: 16px;
  color: #333333;
  z-index: 2147483647;
}

.mobilesbutton i {
  font-size: 24px;
}