/* Theme Name: Routebureau Groningen Theme URI: https://www.wplounge.nl/ Description: Allegiant Pro Child Theme Author: RAPIDE Software Author URI: https://rapide.software/ Template: allegiant_pro Version: 1.0.0 Text Domain: allegiant-child */
/* Defaults */
 @font-face {
     font-family: GroningenGronika;
     src: local("GroningenGronika"), local("Gronika"), url(../allegiant_pro-child/fonts/gronika-webfont.woff2) format("woff2"), url(../allegiant_pro-child/fonts/gronika-webfont.woff) format("woff");
}
 @font-face {
     font-family: GroningenText;
     src: local("GroningenText"), local("TT Norms"), url(../allegiant_pro-child/fonts/TTNorms-Regular.woff2) format("woff2");
}
 @font-face {
     font-family: GroningenLead;
     src: local("GroningenText"), local("TT Norms"), url(../allegiant_pro-child/fonts/TTNorms-Medium.woff2) format("woff2");
}
 @font-face {
     font-family: GroningenHeading;
     src: local("GroningenHeading"), local("TT Norms"), url(../allegiant_pro-child/fonts/TTNorms-Bold.woff2) format("woff2");
}
 html, body, span {
     font-family: GroningenText, "TT Norms", Arial, sans-serif!important;
     color: #1b2c3c !important;
}
 .section-title.features-title.heading, h1.pagetitle-title.heading, h2.has-luminous-vivid-orange-color.has-text-color.has-text-align-center, .highlighted-routes {
     font-size: 60px!important;
     line-height: 70px;
     margin-bottom: 16px;
     font-weight: 500;
     padding-top: 0;
     padding-bottom: 0;
}
 .page-id-2 .section-title.features-title.heading {
     font-family: GroningenGronika, "TT Norms", Arial, sans-serif!important;
     text-transform: uppercase;
     font-weight: 100;
     max-width: 1170px;
     margin: auto;
     padding-bottom: 30px;
}
 .col-md-9 p {
     white-space: pre-wrap;
}
 .col-sm-12.col-md-6.col-lg-4 {
     display: flex;
}
 h2 {
     font-size: 32px!important;
     line-height: 37px;
}
 h1, h2, .section-heading, .heading, .dark .heading, .header .title {
     margin: 0;
     padding: 2rem 0 1rem;
     font-family: GroningenHeading, "TT Norms", Arial, sans-serif !important;
     text-transform: none;
}
 h1.section-title.features-title.heading {
     text-align: center;
}
 h1, h2, .section-heading, .portfolio-title, .heading {
     color: #0e0e0e!important;
}
 h2.beleef-route-name {
     max-width: 840px;
}
 h2.has-text-align-center{
     margin: auto;
     max-width: 840px;
}
 h2.highlighted-routes {
     text-align: center;
     padding: 20px 0;
     font-size: 50px!important;
}
 h3 {
     font-size: 1.75rem;
}
 h3.feature-title a {
     color: #fff;
}
 h3 {
    font-family: GroningenHeading, "TT Norms", Arial, sans-serif!important;
    font-weight: 500 !important;
    color: #1b2c3c !important;
    padding-bottom: 0rem;
}
h4, h5, h6 {
     font-family: GroningenHeading, "TT Norms", Arial, sans-serif!important;
     font-weight: 500 !important;
     color: #1b2c3c !important;
     padding-bottom: 1.5rem;
}
 .feature {
    /* display: -webkit-inline-box;
     */
}
 .features .feature {
     margin: 0 0 0!important;
     text-align: center;
}
 .center{
     text-align: center;
}
 .container {
     max-width: 1520px;
}
 .features .feature .feature-title {
     text-transform: none;
     font-size: 24px;
     line-height: 28px;
     margin: 0 0;
     position: relative;
     bottom: 65px;
     pointer-events: none;
		 text-decoration: none;
}
.features .feature .feature-title a {
		text-decoration: none!important;
}
 .page-id-2 .features .feature .feature-title {
     bottom: 40px;
}

.page-id-3603 .feature-title {
    bottom: 80px!important;
}
 .features .feature .about-title {
     text-transform: none;
     font-size: 24px;
     line-height: 28px;
     margin: 0 0;
     position: relative;
     bottom: 40px;
     pointer-events: none;
}
 .features .feature .about-title a {
     color: #fff;
}
 .features .feature .feature-image img {
     transform: scale(1);
     transition: .2s all, .2s opacity ease-in;
     width: 100%;
}
 .features .feature .feature-image img:hover {
     filter: brightness(0.8);
     transform: scale(1.05);
     transition: .2s all, .2s opacity ease-in;
}
 .main {
     overflow: hidden;
     padding: 20px 0;
}
 div#beleefContent p {
     font-size: 24px;
     line-height: 28px;
     font-family: GroningenText, "TT Norms", Arial, sans-serif;
     max-width: 1170px;
}
 div#features-subtitle {
     max-width: 1170px;
     margin: auto;
}
 p.has-text-align-center {
     max-width: 1170;
     margin: auto;
     margin-bottom: 24px;
}
 p.has-text-align-center b {
     font-size: 28px!important;
}
 #features p, #features-subtitle, p.has-text-align-center, span#greetings, .lead {
     font-family: GroningenHeading, "TT Norms", Arial, sans-serif !important;
     font-weight: 500!important;
     color: #1b2c3c!important;
     font-size: 24px!important;
     line-height: 1.5em!important;
     margin-bottom: 24px!important;
}
 .sublead {
     font-family: GroningenHeading, "TT Norms", Arial, sans-serif!important;
     font-weight: 500!important;
     color: #1b2c3c!important;
     font-size: 20px!important;
     line-height: 1.5em!important;
     margin-bottom: 10px!important;
}
 p, .section ul li, .section ol li, .main ul li, .main ol li {
     font-size: 1.2rem;
     line-height: 1.8rem;
}
 p.has-text-align-center.small {
     font-size: 20px!important;
     font-family: GroningenText, "TT Norms", Arial, sans-serif!important;
   }

 #features p {
     max-width: 1170px;
     margin: auto;
}
 .page-id-3603 #features p {
     max-width: 1170px;
     margin: auto;
     font-family: GroningenLead, "TT Norms", Arial, sans-serif!important;
}
 strong {
     font-family: GroningenHeading, "TT Norms", Arial, sans-serif!important;
}
 a.white {
     font-family: GroningenHeading, "TT Norms", Arial, sans-serif;
}
h3.feature-title a {
	   font-family: GroningenHeading, "TT Norms", Arial, sans-serif!important;
}
 a.wp-block-button__link {
     text-transform: uppercase;
     font-family: GroningenHeading, "TT Norms", Arial, sans-serif;
     font-size: 16px;
     border-radius: 0px;
}
 a.wp-block-button__link.has-cyan-bluish-gray-background-color {
     margin-bottom: 20px;
}
 a {
     color: #000;
     text-decoration: underline!important;
     font-family: GroningenLead, "TT Norms", Arial, sans-serif;
     font-weight: 400;
}
 a:hover {
     text-decoration: underline !important;
     color: #009d59!important;
}
 .main span, label, input, select {
     font-size: 1.2rem;
     line-height: 1.8rem;
}
 body.page-template-default.page.page-id-4141 .main, body.page-template-default.page.page-id-4150 .main, body.page-template-default.page.page-id-4153 .main {
     overflow: hidden;
     padding: 0px 0 0px;
}
 :root .has-luminous-vivid-orange-color, #portfolio h1, #beleefContent h2 {
     color: #0e0e0e !important;
     font-weight: 500;
}
 ::selection {
     color: #fff;
     background: #f2892bb3;
}
 .feature-icon span {
     font-family: 'fontawesome' !important;
     color: #fff !important;
}
 .wp-block-button__link {
     margin-top: 1rem;
}
 .wp-block-button__link:hover {
     opacity: 0.9;
     text-decoration: none;
     color: white!important;
}
 .wp-block-columns {
     margin-top: 1rem!important;
}
 .form-control:focus {
     border-color: #009d59;
     box-shadow: 0 0 0 0.2rem rgba(2, 157, 89, 0.25);
}
 .has-cyan-bluish-gray-background-color, .leaflet-popup-content .button, a.beleef-route-list, a.beleef-route-list-highlighted, div#beleef-filter-title, button#beleef-share-button, input#submit{
     color: #fff !important;
     background-color: #009d59 !important;
     border-radius: 0px!important;
     font-family: GroningenHeading, "TT Norms", Arial, sans-serif;
     font-size: 16px!important;
     text-transform: uppercase;
     text-decoration: none!important;
     padding: 12px 24px!important;
     border-radius: 1px!important;
     cursor: pointer;
}
 button#beleef-share-button {
     line-height: 1;
     width: 100%;
     margin: 10px 0;
}
 div#beleef-share-title {
     margin: 2em 0em 0em;
     cursor: pointer;
}
 div#beleef-share-tag input {
     width: 100%;
}
 a.button.beleef-route-detail {
     border: none;
}
 .beleef-route-vote a {
     font-size: 20px;
		 text-decoration: none!important;
}
a.beleef-route-list-highlighted {
    margin-right: 15px;
}
 .section.contact {
     display: none;
}
 .page.page-id-4141 .main .container, .page.page-id-4150 .main .container, .page.page-id-4153 .main .container, .page.page-id-3563 .main .container {
     max-width: 100%;
     margin: 0;
     padding: 0;
}
/* Nav */
 .header {
     padding: 0;
     border-bottom: 0
}
 .header .logo {
     height: 72px;
    /* margin: 6px 10px 6px 5px;
     */
}
 .header .logo img {
     width: 200px;
     /* min-width: 200px; */
     /* padding: 19px; */
     min-width: 208px;
     padding: 15px;
}
 .menu-main li a {
     font-family: GroningenHeading, "TT Norms", Arial, sans-serif!important;
     font-size: 1rem;
     text-transform: uppercase;
		 text-decoration: none!important;
     font-weight: 500 !important;
     margin: 0 0.7rem;
     padding: 30px 0px;
     border-radius: 0;
     color: #0e0e0e!important;
     transition: 0s;
}
 .menu-main li.current-menu-item a {
     border-bottom: 3px solid #009d59;
    /* color:#009d59!important;
     */
     transition: 0s;
}
 .menu-main li a:hover {
     color: #009d59!important;
}
 .menu-main li:hover>a, .menu-main li:focus-within>a, .menu-main li a:hover, .menu-main li a:focus {
     color: inherit;
}
/* Homepage */
/* Slider */
 .slider-prev:before, .slider-prev:after, .slider-next:before, .slider-next:after {
     background: #fff;
     height: 6px;
}
 .slider-prev:before, .slider-prev:after, .slider-next:before, .slider-next:after {
     width: 15px;
     border-radius: 0px;
}
 .slider-next:after, .slider-prev:before {
     margin-top: 4px;
}
 .slider-next {
     right: 5%;
}
 .slider-prev {
     left: 5%;
}
 .slider-prev:before, .slider-next:before {
     -moz-transform: rotate(-45deg);
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 .slider-prev:after, .slider-next:after {
     -moz-transform: rotate(45deg);
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .slider .slider-prev:focus:before, .slider .slider-prev:focus:after, .slider .slider-next:focus:before, .slider .slider-next:focus:after {
     background: #fff!important;
}
 .slider-slides {
     height: 30vh !important;
}
 .slider .slider-prev:focus:before, .slider .slider-prev:focus:after, .slider .slider-next:focus:before, .slider .slider-next:focus:after {
     background: #1b2c3c;
}
 .slide-caption h2, .slide-caption h3 {
     color: #fff !important;
}
 .slide-content {
     display: none;
}
 .slider-slides .slide-title {
     padding: 20px;
     background: #009d57;
     border-radius: 1px;
}
 .slider-slides .slide-title:after{
     background: transparent!important;
}
/* Features: TransportTypes */
 .features-heading {
     padding-top: 0;
}
 .features .feature .feature-icon {
     border: 0;
     background-color: transparent;
     display: block;
     font-family: 'fontawesome';
     font-size: 30px;
}
 .features .feature .feature-image {
     min-height: 40px;
     margin: 0;
     overflow: hidden;
     line-height: 0;
}
/* Footer: Logo */
 img.footerLogo {
     width: 100%;
}
 img.footerLogo:hover {
     opacity: 0.75;
     box-shadow: 1px 1px 2px #9c9c9c;
}
 .center-footer-logo {
     margin: 45px auto 0;
     max-width: 300px;
}
/* Portfolio: FeaturedRoutes */
 .section-subtitle {
     opacity: 1;
}
/* Content */
 .container-fluid {
     max-width: 1400px;
     margin: 0 auto;
     padding: 0 2em;
}
 .row {
     display: flex;
     margin-right: 0px;
     margin-left: 0px;
}
 .pagetitle.dark h1.heading {
     color: white;
}
/* Map */
 #beleef-map {
     height: 500px;
     min-width: 100%;
}
 div#beleefContent {
     padding: 30px 0 0 0;
     margin: auto;
     max-width: 1520px;
}
 div#beleef-tags {
     display: block;
     border: #009d59 solid 1px;
}

div#beleef-filter-tags h4 {
    font-size: 20px;
}
#beleef-filter-inputs {
    overflow: visible!important;
}
#beleef-filter-inputs.open {
    background: #f5f5f5!important;
    padding: 20px!important;
    border-radius: 1px;
}
div#beleef-route-list-items {
    padding: 20px 0;
}
div#beleef-route-list-items h3 {
  margin-bottom: 20px;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none!important;
    background: #009d59!important;
}
.ui-widget-header {
    background: #ffffff!important;
}
 span.route-label.tags {
     display: block;
     margin-bottom: 10px;
}
 span.route-label.tags i.fa:first-of-type {
     padding-left: 0;
}
span.route-label {
    padding: 0px 5px 0px 0px;
}
 .leaflet-popup-content .icon {
     width: 50px !important;
     height: 50px !important;
     margin-top: -3rem !important;
     margin-left: 0 !important;
     border: none !important;
     border-bottom: 0 !important;
     border-radius: 0px !important;
     border-bottom-left-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
     position: relative;
     top: 48px;
}
 .leaflet-popup-content .inner {
     padding: 1rem !important;
     display: block!important;
}
.leaflet-popup-content h3 {
    font-size: 22px!important;
}
.leaflet-popup-content .route-tag {
    font-size: 10px!important;
}
.leaflet-popup-content span.route-label {
    line-height: 1!important;
    font-size: 14px!important;
    text-transform: uppercase;
    color: #1b2c3c!important;
    font-weight: 500;
    font-family: GroningenHeading, "TT Norms", Arial, sans-serif!important;
}
.leaflet-popup-content span.route-label i.fas.fa-walking{
  background: transparent!important;
  color: #000!important;
  border: solid 2px transparent!important;
}
.leaflet-popup-content span.route-label i.fas.fa-bicycle{
  background: transparent!important;
  color: #000!important;
  border: solid 2px transparent!important;
}
.leaflet-popup-content span.route-label i.fas.fa-ship{
  background: transparent!important;
  color: #000!important;
  border: solid 2px transparent!important;
}
 .leaflet-container a.leaflet-popup-close-button {
     color: #000!important;
}
.leaflet-popup-content h3 {
    line-height: 24px!important;
}
.leaflet-popup-content img {
    min-height: 40px;
}
 .leaflet-popup-content a.button.beleef-route-detail {
     margin-top: 5px;
}
.leaflet-popup-content p.card-text.route-params {
    display: block;
    text-align: center;
    margin: auto;
}
 .popup-label {
     padding-right: 5px;
}
.modal-title {
    padding-bottom: 0rem;
    font-size: 20px;
}
.modal-body {
    padding: 0rem;
}
.modal-body img {
    width: 100%!important;
}
.modal-body p, .modal-body ul {
    font-size: 18px;
    padding: 0px 20px 0;
}
 a.carousel-control-next, a.carousel-control-prev {
     opacity: 1;
}
.carousel {
    margin-bottom: 25px;
}
 a.beleef-gps-center {
     text-decoration: none!important;
}
 .main .leaflet-marker-icon span {
     font-size: 0.8rem;
}
 div#beleef-map .beleef-map-handle {
     background-color: rgb(255, 255, 255) !important;
     border: 2px solid #009d59;
     border-bottom: 0;
     opacity: 1 !important;
     transition: 0.2s ease-in-out !important;
     border-top-left-radius: 1px!important;
     border-top-right-radius: 1px!important;
}
 .beleef-map-handle:hover {
     background-color: rgba(255, 255, 255, 1) !important;
}
 div#beleef-filter-tags {
     width: 100%;
}
 div#beleef-filter-tag label {
     line-height: 1!important;
     font-size: 12px!important;
     font-family: GroningenHeading, "TT Norms", Arial, sans-serif!important;
     border: 1px solid #1b2c3c;
     display: inline-block;
     margin: 0px 5px 0px 0px;
     padding: 4px;
     border-radius: 2px;
     text-transform: uppercase;
     position: relative;
     top: -2.5px;
}
.chosen-container .chosen-results {
     max-height: 150px!important;
}
li.group-result {
    font-family: GroningenHeading, "TT Norms", Arial, sans-serif;
}
.chosen-container {
    width: 100%!important;
}
.chosen-container-active .chosen-choices {
    border: 1px solid #009d59!important;
}
.chosen-container .chosen-results li.highlighted {
    background-color: #009d59!important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #009d59 ), color-stop(90%, #009d59))!important;
    background-image: linear-gradient(#009d59  20%, #009d59 90%)!important;
    font-family: GroningenLead, "TT Norms", Arial, sans-serif;
}
.chosen-container-multi .chosen-choices li.search-choice {
    border: none!important;
    border-radius: 2px!important;
    background-color: #009d59!important;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #009d59), color-stop(50%, #009d59), color-stop(52%, #009d59), to(#009d59))!important;
    background-image: linear-gradient(#009d59 20%, #009d59 50%, #009d59 52%, #009d59 100%)!important;
}
.chosen-container-multi .chosen-choices li.search-choice span {
    color: #fff!important;
    font-family: GroningenHeading, "TT Norms", Arial, sans-serif!important;
    text-transform: uppercase;
    font-size: 14px!important;
    padding: 0px 0px 0px 5px !important;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    font-family: GroningenText, "TT Norms", Arial, sans-serif!important;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: url(img/chosen-sprite.png) -42px 1px no-repeat!important;
}
 .beleef-map-handle i, .beleef-map-handle span {
     color: #4E6B52;
}
 i.fas.fa-crosshairs {
     color: #000;
}
 .route-params i.fas, i.fa {
     padding: 0 5px;
}
 #beleef-map i.fas.fa-crosshairs {
     background-color: #009d59!important;
}
 .beleef-routestrip-line.first {
     background: transparent!important;
}
 .page-id-4141 .beleef-routestrip-line {
     background: #e82833;
}
 .page-id-4153 .beleef-routestrip-line {
     background: #15a8a2;
}
 .beleef-routestrip-line {
     background: #009d59;
     height: 15px;
     width: 2px;
     margin: -3px 30px -3px;
}
#beleef-map .icon i.fas {
    font-size: 24px;
		padding-top: 0px;
}
#beleef-map .beleef-poi i.fas {
    width: 18px !important;
    height: 18px !important;
    font-size: 10px;
    padding-top: 2px;
    background-color: #000!important;
    border-color: #000!important;
}
 .transport-walking path.leaflet-interactive {
     stroke: #e82833;
}
 .transport-walking #beleef-map i.fas {
     background-color: #e82833;
     color: #fff;
     border: 2px solid #e82833;
     transition: 0.3s
}
 .transport-walking #beleef-map i.fas:hover {
     color: #fff;
     background-color: #e82833;
     filter: drop-shadow(2px 2px 4px grey);
     border: solid 2px white;
     transition: 0.3s;
}
 .transport-walking #beleef-map .icon i.fas:hover {
     filter: none;
     border: 2px solid #e82833;
}
 .transport-cycling #beleef-map i.fas {
     background-color: #009d59;
     color: #fff;
     border: 2px solid #009d59;
     transition: 0.3s;
}
 .transport-cycling #beleef-map i.fas:hover {
     color: #fff;
     background-color: #009d59;
     filter: drop-shadow(2px 2px 4px grey);
     border: solid 2px white;
     transition: 0.3s;
}
.transport-cycling #beleef-map .icon i.fas {
		 padding-right: 28px;
}
 .transport-cycling #beleef-map .icon i.fas:hover {
     filter: none;
     border: 2px solid #009d59;
}
 .transport-cycling path.leaflet-interactive {
     stroke: #009d59;
}
 .transport-sailing path.leaflet-interactive {
     stroke: #15a8a2;
}
 .transport-sailing #beleef-map i.fas {
     background-color: #15a8a2;
     color: #fff;
     border: 2px solid #15a8a2;
     transition: 0.3s;
}
 .transport-sailing #beleef-map i.fas:hover {
     color: #fff;
     background-color: #15a8a2;
     filter: drop-shadow(2px 2px 4px grey);
     border: solid 2px white;
     transition: 0.3s;
}
.transport-sailing #beleef-map .icon i.fas {
		 padding-right: 28px;
}
 .transport-sailing #beleef-map .icon i.fas:hover {
     filter: none;
     border: 2px solid #15a8a2;
}
 #beleef-map i.fas {
     width: 24px!important;
     height: 24px!important;
     font-size: 12px;
}
 .leaflet-marker-icon.leaflet-interactive:hover {
     z-index: 999!important;
}
 .leaflet-control-scale-line {
     background-color: rgba(255,255,255,.75)!important;
     font-weight: 600;
     color: #404040;
}
/* Gallery */
 .list-routes {
     padding-bottom: 25px;
}
 .beleef-transport-types li {
     padding: 5px 30px !important;
     border: 1px solid #1b2c3c;
     border-radius: 4px !important;
     color: #1b2c3c !important;
     background-color: #fff !important;
}
 .beleef-transport-types li:hover {
     opacity: 0.9;
}
 .beleef-transport-types li.active {
     color: #fff !important;
     background-color: #1b2c3c !important;
}
 .leaflet-popup-content {
     padding: 0px!important;
}
 .leaflet-popup-close-button {
     opacity: 1!important;
}
 .leaflet-popup-close-button:hover {
     background-color: #ffffff00!important;
}
 .page.page-id-2 i.fas.fa-walking.fa-2x {
     background: #e82833;
     color: #fff!important;
     height: 50px!important;
     width: 50px!important;
     padding-left: 18px;
     padding-top: 13px;
}
 .page.page-id-2 i.fas.fa-bicycle.fa-2x {
     background: #009d59;
     color: #fff!important;
     height: 50px!important;
     width: 50px!important;
     padding-left: 10px;
     padding-top: 13px;
}
 .page.page-id-2 i.fas.fa-ship.fa-2x {
     background: #15a8a2;
     color: #fff!important;
     height: 50px!important;
     width: 50px!important;
     padding-left: 10px;
     padding-top: 13px;
}
.page.page-id-2 span.route-label.transport-type {
    padding: 0;
}
 .page.page-id-4141 .container span.route-label.transport-type {
     background: #e82833;
     color: white!important;
     height: 50px!important;
     width: 50px!important;
     padding: 0px;
}
 .page.page-id-4141 .container .icon {
     background: #e82833;
}
 .page.page-id-4150 .container span.route-label.transport-type {
     background: #009d59;
     color: white!important;
     height: 50px!important;
     width: 50px!important;
     padding: 0px;
}
 .page.page-id-4150 .container .icon {
     background: #009d59;
}
 .page.page-id-4153 .container span.route-label.transport-type {
     background: #15a8a2;
     color: white!important;
     height: 50px!important;
     width: 50px!important;
    padding: 0px;
}
 .page.page-id-4153 .container .icon {
     background: #15a8a2;
}
 .page.page-id-4713 .container span.route-label.transport-type {
     background: #15a8a2;
     color: white!important;
     height: 50px!important;
     width: 50px!important;
    padding: 0px;
}
 .page.page-id-4713 .container .icon {
     background: #15a8a2;
}
 select#beleef-filter-km {
     border: 1px solid #b2b39f;
     border-radius: 4px;
     color: #000000a3;
}
/* Gallery item */
 .card {
     /* display: block; */
     width: 100%;
     margin-bottom: 2rem;
     box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .1);
     cursor: pointer;
     border-radius: 0px;
}
 .card:hover {
     box-shadow: 0 12px 30px 10px rgba(0, 0, 0, .1);
}
 .card-body p {
     margin-bottom: 0;
}
 .card-title {
     margin-bottom: .75rem;
     font-size: 20px;
     line-height: 1em;
     padding-bottom: 0;
}
 .beleef-route-label {
     color: #868887;
}
 .beleef-route-label {
     margin-bottom: 2.6em!important;
}
 .card-img-top {
     border-radius: 0px;
     flex-shrink: 7;
     min-height: 100px;
     text-align: center;
     font-size: 20px;
     display: block;
     line-height: 45px;
}
 #beleefContent .route-label.transport-type, .beleef-content .route-label.transport-type {
     position: absolute;
     display: flex;
     width: 50px;
     height: 50px;
     border-radius: 0;
     justify-content: center;
     align-items: center;
     color: #fff;
}
/* Item detail */
 .transport- path.leaflet-interactive {
     stroke:#009d59;
}
 .transport- .beleef-marker-adjuct{
     border: 2px solid #009d59;
}
 .transport-walking path.leaflet-interactive {
     stroke:#e82833;
}
 .transport-walking .beleef-marker-adjuct{
     border: 2px solid #e82833;
}
 .transport-cycling path.leaflet-interactive {
     stroke:#009d59;
}
 .transport-cycling .beleef-marker-adjuct{
     border: 2px solid #009d59;
}
.row.beleef-content .col-md-4 {
    display: flex;
}
 a.beleef-route-detail {
     display: flex;
     width: 100%;
		 text-decoration: none!important;
}
 a.beleef-route-list, a.beleef-route-list-highlighted {
     margin-top: 10px;
     display: inline-block;
     margin-left: 15px;
     border: none;
		 text-decoration: none!important;
}
 h2.beleef-route-name {
     padding: 0rem 0 2rem;
}
 #beleef-route-strip, div#beleef-route-vote {
     margin-top: 70px;
     margin-bottom: 20px;
     background-color: rgba(239, 239, 239, 0.2);
     padding: 2rem;
     border-radius: 5px;
     box-shadow: 0 1px 4px 0 rgb(165, 165, 165);
}
i.fa.fa-share, i.fa.fa-download {
    margin-right: 5px;
}
i.fa.fa-save {
  margin-right: 7px;
}
 .transport-walking #beleef-route-strip {
    /* border: solid #e82833;
     */
}
 .transport-cycling #beleef-route-strip {
    /* border: solid #009d59;
     */
}
 .beleef-routestrip-point {
     float: left;
     clear: both;
     margin: 3px 2rem 3px 1rem;
     width: 30px;
     height: 30px;
     display: flex;
     justify-content: center;
     align-items: center;
     border-radius: 50px;
     color: black;
}
.beleef-routestrip-point.startstop{
    background: #009d59;
    color: white;
}
.transport-walking .beleef-routestrip-point.startstop {
    background: #e82833;
    color: white;
}
.transport-cycling .beleef-routestrip-point.startstop {
    background: #009d59;
    color: white;
}
.transport-sailing .beleef-routestrip-point.startstop {
    background: #15a8a2;;
    color: white;
}
 .transport-walking .beleef-routestrip-point{
     border: 2px solid #e82833;
}
 .transport-cycling .beleef-routestrip-point, .beleef-routestrip-point{
     border: 2px solid #009d59;
}
 .beleef-routestrip-path {
     height: 28px;
     margin: 3px;
     display: flex;
     justify-content: flex-start;
     align-items: center;
     position: relative;
     top: 20px;
}
 .beleef-routestrip-title, .beleef-vote-title{
     padding-bottom: 10px;
     font-size: 18px;
     font-weight: 500;
     font-family: GroningenHeading, "TT Norms", Arial, sans-serif!important;
}
 div#beleef-filter-km {
     margin: 40px 0px 0px 0px;
     padding: 0px 22px 0 0px;
}
 div#beleef-filter-slider {
     margin: 0 11px;
     width: 100%;
}
 .beleef-filter-title {
     margin-bottom: 10px;
     font-family: GroningenText, "TT Norms", Arial, sans-serif;
     font-weight: 600;
     width: 100%;
     font-size: 18px;
}
 div#beleef-filter-value {
     margin-top: 10px;
     font-family: GroningenText, "TT Norms", Arial, sans-serif;
     width: 100%;
     font-size: 16px;
}
 div#beleef-filter-title {
     margin: 10px auto;
     width: 200px;
}
 div#beleef-filter-tag {
     margin: 10px 0 0 10px;
}
 div#beleef-filter-tag label{
     font-size: 16px;
}
 div#beleef-filter-tag:hover {
     cursor: pointer;
}
 input[type=checkbox]:checked + label {
     color: #009d59;
}
 .ui-state-default, .ui-widget-content .ui-state-default {
     border-radius: 1px;
}
 .ui-state-active, .ui-widget-content .ui-state-active {
     background: #ededed!important;
     border: 1px solid #009d59!important;
}
 span.ui-slider-handle.ui-corner-all.ui-state-default:focus {
     outline-color: #009d59!important;
     background: #009d59!important;
}
/* WP-content */
 .wp-block-columns {
     margin-top: 4rem;
}
 .wp-block-image img, .wp-block-gallery img {
     box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .2);
}
 .wp-block-image .alignleft {
     max-width: 100%;
}
/* Footer */
 .section-heading:before, .footer:before {
     content: none;
}
 .footer i {
     left: -12px;
     top: 10px;
     position: relative;
}
 .footer i:hover {
     opacity: 0.9;
}
 ul.footer-nav {
     font-size: 14px;
     text-align: left;
     margin-bottom: 0px;
     margin: 5px 0px;
     padding: 12px 0px 0px 0px;
}
 ul.footer-nav li {
     list-style-type: none;
     color: #000;
     margin-bottom: 5px;
     margin-left: 0px;
}
 ul.footer-nav li a {
     color: #000!important;
}
 ul.footer-nav li a:hover {
     color: #009d59!important;
}
 footer#footer a, p.has-text-align-center a {
     text-decoration: underline;
     color: black;
}
p.has-text-align-center a:hover {
     text-decoration: underline!important;
     color: #009d59;
}
 #footer {
     background-color: #f8f8f8;
}
 i.fab.fa-twitter-square.fa-2x, i.fab.fa-facebook-square.fa-2x, i.fab.fa-instagram.fa-2x, i.fab.fa-linkedin.fa-2x {
     color: #000;
}
 .footer {
     padding: 32px 0;
     font-size: 14px;
}
 .footer-link {
     display: inline;
     margin-right: 16px;
}
 .footer-contact-card {
     color: black;
     margin: 10px 0px;
     background: white;
     padding: 32px;
     box-shadow: 0px 0px 4px #dedede;
     width: max-content;
     float: right;
}
 #footer h4 {
     padding-bottom: 0;
     padding-top: 20px;
     font-size: 16px;
     margin-bottom: 10px;
}
 .footer-contact-card p {
     font-size: 14px;
}
 .contact-details {
     line-height: 20px;
}
.contact-title {
    padding-top: 0px!important;
}
 .socials {
     display: flex;
     float: right;
     text-align: right;
     width: auto;
}
 .copyright-text {
     display: flex;
     padding-top: 20px;
		 color: black;
     align-self: center;
}
 .socialIcon {
     margin-right: 5px;
     border-radius: 50%;
     width: 45px;
     height: 45px;
     background-color: #fff;
     box-shadow: 0 1px 4px 0 rgba(14,14,14,.1);
}
 i.fab:hover {
     color: #009d59!important;
}
 .fa-2x {
     font-size: 24px;
}
 .contact.socials i.fab {
     left: -10px;
     top: 9px;
     position: relative;
}
 .contact.socials {
     float: none;
     padding-top: 0px;
}
 .contact .socialIcon {
     box-shadow: none;
     width: 36px;
}
 div#tagline {
     background: #fff;
     border-top: none;
     padding: 0px;
}
 .page.page-id-2 div#tagline {
     background: rgba(0, 0, 0, 0.3);
}
 .page.page-id-2 .tagline-content {
     color: white;
     font-family: GroningenLead, "TT Norms", Arial, sans-serif!important;
}
 .page-id-2 .subtitle {
     color: #e0e0e0;
     font-family: GroningenLead, "TT Norms", Arial, sans-serif!important;
}
/* Custom pages */
 section#pagetitle {
     display: none;
}
 .transport-sailing span.route-label.calories {
     display: none;
}
 .page-id-3563 #pagetitle, .page-id-3598 #pagetitle {
     display: none;
}
 .page-id-3563 #main, .page-id-3598 #main {
     padding-top: 0;
}
 .page-id-3563 .container-fluid, .page-id-3598 .container-fluid {
     max-width: none;
     padding: 0;
}
 i.fas.fa-map-marker-alt {
     padding-top: 5px;
}
 div#beleef-share-title{
     margin: 1.5em 0 0em;
}
 .beleef-route-label {
     margin: 0px 0px 5px!important;
     padding-top: 32px;
}
 .route-tag {
     line-height: 1!important;
     font-size: 12px!important;
     font-family: GroningenHeading, "TT Norms", Arial, sans-serif!important;
     border: 1px solid #1b2c3c;
     display: inline-block;
     margin: 10px 5px 0px 0px;
     padding: 4px;
     border-radius: 2px;
     text-transform: uppercase;
}
 .beleef-route-vote {
     margin: 10px 0px 10px!important;
}
 a.beleef-route-gpx, div#beleef-share-title {
     font-size: 18px;
     margin: 1em 0;
		 font-family: GroningenLead, "TT Norms", Arial, sans-serif;
		 font-weight: 400;
		 text-decoration: underline;
}
 a.beleef-route-gpx:hover, div#beleef-share-title:hover, .beleef-route-pdf-title:hover {
     color: #009d59!important;
     text-decoration: underline!important;
}
 .beleef-route-pdf-title a {
     font-size: 18px;
}
 i.fa.fa-file-pdf {
     margin-right: 5px;
}
 div#beleef-share-tag {
     margin-top: 10px;
}
 .card-body span.route-label, span.beleef-route-param-distance, span.beleef-route-param-duration, span.beleef-route-param-calories {
     display: table-cell;
     line-height: 1!important;
     font-size: 14px!important;
     text-transform: uppercase;
     color: #1b2c3c!important;
     font-weight: 500;
     font-family: GroningenHeading, "TT Norms", Arial, sans-serif!important;
}
 .card-body span.route-label.tags {
     display: inline;
}
 i.fa.fa-star {
     color: #009d59 !important;
}
 div#carouselExampleControls {
     margin: 2.6em 0;
}
/*Om slider fotos clickable te maken, mits de link tekst is gezet*/
 a.slide-link.button.button-medium {
     position: absolute;
     width: 150vw;
     left: -50vw;
     top: -15vh;
     height: 75vh;
     border: none;
}
 .button:hover:before{
     opacity: 0;
}
 .wp-block-button__link:hover {
     opacity: 1;
}
 a.slide-link.button.button-medium:hover {
     background: transparent;
}
 .wp-block-button.aligncenter {
     margin-bottom: 1.6em;
}
 .tagline-content {
     font-family: GroningenGronika, "TT Norms", Arial, sans-serif;
     font-size: 30px;
     line-height: 50px;
     text-transform: uppercase;
     color: black;
     margin: 0px auto 0px;
     padding: 50px 0 50px;
}
 .tagline-body {
     padding: 0 0 0px;
}
 .subtitle {
     font-family: GroningenGronika, "TT Norms", Arial, sans-serif;
     color: #b6b4b3;
     font-size: 16px;
     font-weight: 500;
     font-style: normal;
     text-transform: uppercase;
}
 .menu-mobile-open {
     margin: 32px 25px;
}
 .menu-mobile-open:before {
     border: 3px solid #000;
     border-width: 3px 0;
}
 .menu-mobile-open::after {
     border-top: 3px solid #000;
}
 a[title="nav-link"] {
     font-family: GroningenText, "TT Norms", Arial, sans-serif!important;
     text-decoration: underline;
     font-weight: 600!important;
}
 a[title="nav-link"]:hover {
     color: #009d59!important;
}
 a[aria-current="page"] {
     color: #009d59!important;
}
 .menu-mobile-open:focus:before, .menu-mobile-open:focus:after {
     border-color: #000000;
}
 .menu-mobile-active .menu-mobile-close {
     background: white;
     right: 15px;
}
 .menu-mobile-close {
     top: 22px;
     right: 10px;
     transition: 0s;
}
 .menu-mobile-close:before, .menu-mobile-close:after {
     top: 50%;
     right: 70%;
     background: #000;
     border: 2px solid #000;
}
 .menu-mobile li a {
     font-family: GroningenText, "TT Norms", Arial, sans-serif!important;
     font-weight: 600!important;
     text-decoration: underline;
}
 .menu-mobile li a:hover {
     color: #009d59!important;
     transition: 0s;
}
 div#post-10 {
     margin: 0 20px;
}
 .column {
     margin: 0;
     padding-left: 15px;
     padding-right: 15px;
}
 .col3 {
     width: 33.333333333%;
}
#beleef-route-list-items {
    width: 100%;
    background: white;
    z-index: 2;
}
 div#beleef-route-list-items h3 {
     margin-left: 15px;
}
 h4.categories {
     padding-top: 20px;
     padding-bottom: 1em;
}
 .feature-content {
     display: none;
}
 footer#footer .col-sm-6.col-md-4, .col-sm-4.col-md-4.text-left {
     flex-direction: row-reverse;
     display: inline-table;
}
 [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
     cursor: pointer;
     outline: none;
}
 div#kaliforms-thank-you-message {
     font-size: 1.2rem;
     line-height: 1.8rem;
     border-bottom: #049e5a solid;
     width: fit-content;
}
#footer h4 {
    padding-top: 5px;
}
.beleef-loading{
    font-size: 20px;
    font-family: GroningenHeading, "TT Norms", Arial, sans-serif;
}
.spinner-border {
    margin-right: 10px;
    color: #009d59!important;
    width: 28px;
    height: 28px;
}
div#cookie-law-info-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 16px!important;
    height: auto;
    width: calc(100% - 32px);
    max-width: 768px;
    margin: 0 auto;
    padding: 24px;
    z-index: 1100;
    overflow: hidden;
    background: #fff;
    transition: all .25s ease;
    box-shadow: 0 0 5px rgba(14,14,14,.5);
}
a#CONSTANT_OPEN_URL {
    font-family: GroningenText, "TT Norms", Arial, sans-serif!important;
    color: #009d59!important;
    margin: 10px 0px 0px 10px;
}
a#CONSTANT_OPEN_URL:hover {
    color: #1b2c3c!important;
    text-decoration: none!important;
}
a#cookie_action_close_header {
    text-decoration: none!important;
    background-color: #009d57!important;
    color: white!important;
}
a#cookie_action_close_header:hover {
  background-color: #009d57!important;
}
h5.cli_messagebar_head{
  color: #0e0e0e!important;
  font-size: 22px;
}
.cookie-text {
    font-size: 20px;
}
.container.bottom-bar {
    margin-top: 30px;
}
img.wandelnet-img {
    margin: auto;
    max-width: 300px;
    display: block;
    padding: 0 20px 20px 20px;
}
img.fietsnet-img {
    max-width: 250px;
    display: block;
    padding: 0 20px 20px 20px;
}
#ie-alert {
    background: #009d59;
    font-family: GroningenHeading, "TT Norms", Arial, sans-serif!important;
    font-weight: 600!important;
    font-size: 16px;
    color: #fff!important;
    line-height: 1.5em!important;
    text-align: center;
    padding: 10px;
}

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {
	.slider-slides {
		height: 50vh !important;
	}
	img.footerLogo {
		 display: block!important;
	}
	#footer h4 {
    padding-top: 20px;
}
}

@media (max-width: 576px) {
	.socials {
      padding-top: 20px;
			padding-bottom: 0px;
	    position: relative;
			right: -5px;
			float: left;
	}
	.social-holder.col-sm-6.col-md-4 {
	    width: 50%;
	}
	h2 {
		font-size: 24px!important;
	}
  div#beleef-tags label, span.spacer {
    font-size: 16px;
}
.beleef-filter-tag {
    margin: 0px 0px 0 0;
}
.cookie-text {
    font-size: 16px;
}
}

@media only screen and (max-width: 600px){
.slider-slides .slide .slide-caption {
    margin: 0px 25px;
}
.slider-slides .slide-title {
    padding: 10px;
		font-size: 14px!important;
    line-height: 15px;
}
.slider-prev:before, .slider-prev:after, .slider-next:before, .slider-next:after {
    width: 18px;
}
.page-id-2 .section-title.features-title.heading {
    font-size: 40px!important;
		line-height: 40px;
		padding-top: 30px;
}
div#features-subtitle, #features p, div#beleefContent p, p.has-text-align-center {
    font-size: 18px!important;
}
p.has-text-align-center, div#features-subtitle {
    margin: 0 20px;
}
div#features {
    padding: 20px 0 10px;
}
h2.highlighted-routes {
    font-size: 35px!important;
		line-height: 35px;
}
.footer-contact-card {
		float: left;
}

.main {
    padding: 10px 0;
}
.section-title.features-title.heading, h1.pagetitle-title.heading, h2.has-luminous-vivid-orange-color.has-text-color.has-text-align-center, .highlighted-routes {
    font-size: 30px!important;
    line-height: 30px;
}
h2.beleef-route-name {
    padding: 0em 0px 1em;
		line-height: 26px;
}
#beleef-route-strip, div#beleef-route-vote {
    margin-top: 20px;
	}
span.route-label, span.beleef-route-param-distance {
    font-size: 14px;
}
.tagline-content {
    font-size: 20px;
    line-height: 30px;
    padding: 20px 0 20px;
}
div#beleef-filter-tag label{
	font-size: 14px;
	display: inline;
}
.route-tag{
	font-size: 10px!important;
}
.leaflet-popup-content {
    width: 200px!important;
}
.leaflet-popup-content h3 {
    font-size: 18px!important;
		line-height: 16px;
		padding-bottom: 0px!important;
}
.leaflet-popup-content .button {
    font-size: 12px!important;
    padding: 5px 10px 5px 10px!important;
}
 span.beleef-route-param-distance, span.beleef-route-param-duration, span.beleef-route-param-calories {
	font-size: 10px!important;
}
.popup-label {
    padding-right: 2px;
}
.leaflet-popup-content .inner {
    padding: 0.5rem !important;
}
}

/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
	.slider-slides {
		height: 60vh !important;
	}
}

@media (min-width: 800px) {
	a[title="nav-link"] {
		font-family: GroningenText, "TT Norms", Arial, sans-serif!important;
		text-decoration: none;
		font-weight: 600!important;
	}
}

@media (max-width: 768px) {
	#beleef-route-strip {
		margin-top: 0px;
	}
	div#beleef-filter-tags{
		margin-bottom: 1em;
	}
	div#beleef-filter-title {
    margin-top: 0px;
}
.center-footer-logo {
    margin: 50px auto;
}
}