/*
Theme Name: The7
Theme URI: https://the7.io/
Author: Dream-Theme
Author URI: https://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you'll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Version: 11.9.3
Tested up to: 6.3
Requires PHP: 7.0.0
Requires at least: 5.4.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: https://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: https://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Text Domain: the7mk2
*/

header.custom-tribe-event-header {
    z-index: 999999 !important;
}

.custom-rsvp {
    padding-bottom: 30px;
}

.tiket-btn a {
    background-color: var(--tec-color-accent-primary);
    padding: 11px 14px;
    display: inline-block;
    width: auto !important;
    color: #fff;
    margin-top: 20px;
    border-radius: var(--tec-border-radius-default);
    box-shadow: none;
    color: var(--tec-color-background);
    font-style: normal;
    outline: none;
    text-decoration: none;
    border: 1px solid var(--tec-color-accent-primary);
}



.tiket-btn a:hover {
   background-color: #fff;
    border: 1px solid var(--tec-color-accent-primary);
    color: var(--tec-color-accent-primary);
}


.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor,
.main-page {}
.alert {
    position: relative;
    width: 50%;
    background: rgba(75,181,67,0.3);
    padding: 20px 50px;
}

.alert:before {
  content: "✔";
  font-size: 20px;
  color: #f00;
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
}
body.single-tribe_events p.tribe-events-back, body.single-tribe_events .tribe-events-series-relationship-single-marker.tribe-common, body.single-tribe_events h1.tribe-events-single-event-title, body.single-tribe_events .tribe-events-schedule.tribe-clearfix, body.single-tribe_events .tribe-events-event-image { display: none; }
body.single-tribe_events .tribe-events-pg-template .tribe-events-single .custom-data-append { display: none; }
header.custom-tribe-event-header .custom-container { padding-right: 50px; padding-left: 50px; max-width: calc(1280px - 50px - 50px); margin: 0 auto; }
header.custom-tribe-event-header .custom-container .custom-header-content { display: flex; align-items: center; justify-content: center; position: relative; z-index: 1; min-height: 450px; }
header.custom-tribe-event-header .custom-container .custom-header-content .custom-left { width: 50%; color:#fff; padding-right: 30px;}
header.custom-tribe-event-header .custom-container .custom-header-content .custom-right { width: 50%; }
header.custom-tribe-event-header .custom-container .custom-header-content .custom-left h1 { color: #fff; font-weight: 700; }
.custom-left .custom-address-wrap, .custom-left .custom-date-wrap, .custom-left .custom-time-wrap { font-weight: 600; font-size: 20px; margin-bottom: 10px; display: flex; align-items: center; justify-content: flex-start; gap: 12px; }
header.custom-tribe-event-header { background-repeat: no-repeat; background-size: cover; background-position: top center; position: relative;}
.custom-left .custom-address-wrap:before, .custom-left .custom-date-wrap:before, .custom-left .custom-time-wrap:before { content: ''; background-repeat: no-repeat; background-size: contain; display: inline-block; width: 23px; height: 23px; }
.custom-left .custom-address-wrap:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath d='M192 512s192-208 192-320C384 86 298 0 192 0S0 86 0 192C0 304 192 512 192 512zm0-256c-35.3 0-64-28.7-64-64s28.7-64 64-64s64 28.7 64 64s-28.7 64-64 64z' style='&%2310; fill: %23D94F00;&%2310;'/%3E%3C/svg%3E");}
.custom-left .custom-time-wrap:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M256 512C114.6 512 0 397.4 0 256S114.6 0 256 0S512 114.6 512 256s-114.6 256-256 256zM232 120V256v12.8l10.7 7.1 96 64 20 13.3 26.6-39.9-20-13.3L280 243.2V120 96H232v24z' style='&%2310; fill: %23D94F00;&%2310;'/%3E%3C/svg%3E");}
.custom-left .custom-date-wrap:before {background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192z' style='&%2310; fill: %23D94F00;&%2310;'/%3E%3C/svg%3E");}
body.single-tribe_events .tribe-events-single-section.tribe-events-event-meta.secondary, body.single-tribe_events .tribe-events-single-section.tribe-events-event-meta.primary {display: none;}
header.custom-tribe-event-header:after { content: ''; background-color: #000; position: absolute; display: inline-block; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; opacity: .3; }
header.custom-tribe-event-header .event-tickets .tribe-tickets__tickets-form {border-radius: unset;}

@media (max-width: 991px) {
	header.custom-tribe-event-header .custom-container { padding: 20px; max-width: 100%; margin: 0 auto; }
	header.custom-tribe-event-header .custom-container .custom-header-content{flex-flow: row wrap;}
	header.custom-tribe-event-header .custom-container .custom-header-content .custom-left { width: 100%; padding-right: 0; }
	header.custom-tribe-event-header .custom-container .custom-header-content .custom-right { width: 100%; }
	header.custom-tribe-event-header .custom-container .custom-header-content .custom-left h1 { font-size: 28px; line-height: 1.4; }
	.custom-left .custom-address-wrap, .custom-left .custom-date-wrap, .custom-left .custom-time-wrap {font-size: 16px; margin-bottom: 7px;}
}
/* Algemene styling */
section.wfea {
    background-color: #f8f9fa;
    padding: 20px;
}

.eaw-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.eaw-li__wrap {
    display: flex;
    flex-wrap: wrap;
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.eaw-li__wrap:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.eaw-thumb-wrap {
    flex: 1;
    max-width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
}

.eaw-img img {
    border-radius: 8px;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.eaw-content-wrap {
    flex: 2;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.eaw-title {
    font-size: 1.5rem;
    color: #333;
    margin-bottom: 10px;
}

.eaw-title a {
    color: #007bff;
    text-decoration: none;
    transition: color 0.3s ease;
}

.eaw-title a:hover {
    color: #0056b3;
}

.eaw-time {
    font-size: 1rem;
    color: #555;
    margin-bottom: 15px;
}

.eaw-summary {
    font-size: 1rem;
    color: #666;
    line-height: 1.5;
    margin-bottom: 20px;
}

.more-link {
    color: #007bff;
    font-weight: bold;
    text-decoration: none;
    transition: color 0.3s ease;
}

.more-link:hover {
    color: #0056b3;
}

.wfea-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #28a745;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.wfea-button:hover {
    background-color: #218838;
}
.widget .eaw-block h3 {
	font-size: 24px;
}