/*
Theme Name: BackpackTraveler
Theme URI: https://backpacktraveler.qodeinteractive.com
Description: Modern Travel Blog
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Text Domain: backpacktraveler
Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, threaded-comments, translation-ready
Version: 2.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

CSS changes can be made in files in the /css/ folder. This is a placeholder file required by WordPress, so do not delete it.

*/

@import url('https://fonts.googleapis.com/css2?family=Square+Peg&display=swap');

h2 {
  font-family: "Square Peg", cursive !important;
  font-weight: 400;
  font-style: normal;
}

.elementor-widget-image:not(.normal)::before {
    padding-top: 100%;
    content: '';
    display: block;
    /* width: 100%; */
}

.elementor-widget-image:not(.normal) img {
	height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
	object-fit: cover;
}

/* GENERAL BUTTON */
.wpcf7-submit {
	background-color: var(--e-global-color-primary) !important;
}

/* FOOTER */
footer .mkdf-footer-top-holder .mkdf-icon-widget-holder {
	width: 33% !important;
}

footer #block-5, footer #block-10, footer #block-12 {
	display: inline-block;
	width: 10%;
	margin: 0 10px;
}

footer #block-8 {
    width: 44%;
    margin: 0 auto;
}

footer #block-5 figure, footer #block-10 figure, footer #block-12 figure {
	margin: 0;
}

/* HEADER */
header.mkdf-page-header {
	background: rgba(0, 0, 0, .3) !important;
}

header .mkdf-logo-wrapper a {
	height: 105px !important;
}

.mkdf-main-menu>ul>li>a {
	font-size: 12px !important;
}

.mkdf-mobile-header .mkdf-mobile-logo-wrapper a {
	height: 75px !important;
}

.mkdf-header-divided .mkdf-page-header .mkdf-vertical-align-containers .mkdf-position-right .mkdf-position-right-inner {
	padding-left: 50px !important;
}

.mkdf-header-divided .mkdf-page-header .mkdf-vertical-align-containers .mkdf-position-left .mkdf-position-left-inner {
	padding-right: 50px !important;
}

/* HOMEPAGE */
.mkdf-page-header .mkdf-menu-area .mkdf-logo-wrapper a {
	max-height: 80px !important;
}

.elementor-610 .elementor-element.elementor-element-03664d3 {
	padding: 75px 0 0 0 !important;
}

.elementor-610 .elementor-element.elementor-element-370f7b8c {
	padding-top: 40px !important;
}

.mkdf-testimonial-text {
	font-family: Lora, sans-serif !important;
	font-size: 18px !important;
}

/* BLOG PAGE */
.mkdf-post-info-category,
.mkdf-blog-holder article .mkdf-post-heading {
	display: none !important;
}

.mkdf-post-info-top .mkdf-post-info-category ,
.mkdf-post-info-bottom-upper-part,
.mkdf-post-info-date.published,
.mkdf-title-holder .mkdf-title-image {
	display: none !important;
}

.mkdf-title-holder.mkdf-bg-responsive.mkdf-bg-responsive {
	height: 300px !important;
    background-position: center;
    background-size: cover;
}

.mkdf-full-width-inner,
.elementor-60 .elementor-element {
	padding-top: 0 !important;
}

.soort-cards-container {
    display: flex;
    flex-wrap: wrap;
	gap: 20px;
	justify-content: space-evenly;
}

.soort-card {
    width: 30%;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    background: #fff;
    transition: transform 0.2s;
}

@media screen and (max-width: 768px) {
	.soort-card {
		width: 100%;
	}
}

.soort-card:hover {
    transform: scale(1.02);
}

.soort-card .card-image img {
    width: 100%;
    height: 210px;
    display: block;
}

.soort-card .card-content {
    padding: 15px;
	text-align: center;
}

.soort-card h3 {
    margin-top: 0;
    font-size: 1.2em;
}

@media (max-width: 767px) {
    .e-con, .e-con>.e-con-inner {
        display: block !important;
    }
}

@media only screen and (max-width: 480px) {
    .elementor-widget-wrap>.mkdf-row-grid-section.elementor-element, .mkdf-container-inner, .mkdf-grid, .mkdf-row-grid-section {
        width: 330px !important;
    }
}

.e-con.e-child {
	padding-left: 0 !important;
	padding-right: 0 !important;
}