/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.logged-in header .login-btn,
header .logout-btn {
	display: none !important;
}
header .login-btn,
.logged-in header .logout-btn {
	display: inline-block !important;
}

/* Events Page List */
#page-content-title {
	position: relative;
    bottom: 27px;
}
#page-content-title h1 {
	font-family: "Optima", Sans-serif;
    line-height: 1.2;
	font-size: 40px;
}
.post-type-archive-tribe_events .post-type-archive-pagetitle {
    padding-right: 25%;
}
.tribe-events.tribe-common .tribe-common-l-container {
    max-width: 1200px;
    padding: 100px 10px 100px;
}
.tribe-events.tribe-common .tribe-events-c-search {
    display: flex;
    align-items: flex-end;
}
.tribe-events.tribe-common .tribe-events-c-search__input-control {
    margin: 0;
}
.tribe-events.tribe-events .tribe-events-c-events-bar__search-container {
    padding: 32px;
    position: relative !important;
	background: #EBEDF1;
    display: none;
	margin-bottom: 60px;
	border-radius: 10px;
}
.tribe-events.tribe-events label.tribe-events-c-top-bar__datepicker-label {
    color: #565D6A;
	margin-bottom: 5px;
	font-family: 'Helvetica', sans-serif;
}
.tribe-events .tribe-events-c-top-bar__datepicker-button,
.tribe-events.tribe-common .tribe-common-form-control-text__input ,
.tribe-common.tribe-common--breakpoint-medium button.tribe-events-c-top-bar__datepicker-button {
    font-size: 18px !important;
    color: #8d97a9;
    padding: 12px 38px 12px 18px;
    margin: 0;
    border: 1px solid #F0F3F7;
    line-height: 1.35;
    background: transparent;
	outline: none;
	font-family: 'Helvetica', sans-serif;
	border-radius: 20px;
	max-height: 50px;
}
.tribe-common.tribe-common--breakpoint-medium button.tribe-events-c-top-bar__datepicker-button {
    background: #fff url('/wp-content/uploads/2024/07/event-calendar.svg') calc(100% - 15px) center no-repeat;
}
.tribe-events.tribe-common .tribe-common-form-control-text__input {
    background: #fff url('/wp-content/uploads/2024/07/event-search.svg') calc(100% - 15px) center no-repeat;
}
.tribe-events .tribe-events-c-top-bar__datepicker-button {
    width: 100%;
    color: #4D4D4D;
}
.tribe-events .tribe-events-c-top-bar__datepicker-button:hover,
.tribe-events.tribe-common .tribe-common-form-control-text__input:hover {
	color: #8d97a9;
    border: 1px solid #F0F3F7;
	background-color: #fff;
}
.tribe-events .tribe-events-c-top-bar__datepicker-button:focus,
.tribe-events.tribe-common .tribe-common-form-control-text__input:focus {
	background-color: #fff;
	border-color: #8d97a9;
	color: #8d97a9;
}
.tribe-events button.search-btn {
	font-family: "Helvetica", Sans-serif;
    padding: 12.4px 20px;
    font-size: 18px;
    max-width: 267px;
    width: 100%;
    margin-top: 5px;
	background: var( --e-global-color-accent );
	color: #fff;
	border-color: var( --e-global-color-accent );
	outline: none;
	border-radius: 20px;
}
.tribe-events button.search-btn:hover {
	background: #fff;
	color: var( --e-global-color-accent );
	border-color: #FFF;
}
.tribe-events button.search-btn:after {
    content: '';
    background: url('/wp-content/uploads/2024/07/arrow-right.svg') left center no-repeat;
    padding-left: 20px;
    margin-left: 8px;
}
.tribe-events .tribe-events-c-search__input-group,
.tribe-events.tribe-common .tribe-events-c-top-bar__datepicker {
    width: calc((100% - (267px + 5%)) / 2);
    margin-right: 2.5%;
}
.tribe-events .tribe-events-calendar-list__month-separator {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 50px;
}
.tribe-events .tribe-events-calendar-list__month-separator-text {
    font-family: "Optima", Sans-serif;
    font-size: 28px !important;
    line-height: 1.2 !important;
    text-transform: capitalize;
}
.tribe-events .dp-post .dp-small-post {
    margin-bottom: 50px;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list-nav {
	border-top: 0;
}
/* Filter Button */
.filter-button-wrapper {
    display: flex;
    justify-content: flex-end;
    position: relative;
    bottom: 77px;
    max-width: 60%;
    margin: 0 0 -30px auto !important;
}
.filter-button-wrapper .dm-filter-toggle {
    font-family: "Helvetica", Sans-serif;
    padding: 16px 32px 16px 64px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.25;
    color: #565d6a;
    border: 0;
    margin: 0;
    background: #EBEDF1 url('/wp-content/uploads/2024/07/filter-icon.svg') no-repeat 32px center;
	outline: none;
	border-radius: 20px;
}
.filter-button-wrapper .dm-filter-toggle:hover,
.filter-button-wrapper .dm-filter-toggle:focus {
    color: #565d6a;
    background-color: #EBEDF1;
	border: 0;
}
.tribe-events .tribe-events-c-events-bar__search-button {
    display: none !important;
}
.tribe-events .tribe-events-header {
    background: transparent !important;
}
.tribe-events .tribe-events-header__events-bar {
    width: 100%;
    margin: 0 !important;
}
.tribe-events .header-show .tribe-events-header__events-bar {
    margin-bottom: 32px !important;
}
.tribe-events.tribe-common .tribe-events-c-nav__list > div {
    width: 33.3333%;
    margin-top: 0;
}
.tribe-events-nav-pagination .tribe-events-sub-nav {
    display: flex;
}
.tribe-events-nav-pagination .tribe-events-sub-nav li {
    width: 50%;
}
.tribe-events-nav-pagination .tribe-events-sub-nav .tribe-events-nav-previous {
    text-align: left;
}
.tribe-events-nav-pagination .tribe-events-sub-nav .tribe-events-nav-next {
    text-align: right;
}
.tribe-events-button {
    display: block;
}
.tribe-events-cal-links a {
    display: inline-block;
	background: none !important;
}
.tribe-events-cal-links a,
.tribe-events-nav-pagination .tribe-events-sub-nav a,
.tribe-events.tribe-common .tribe-events-c-nav__list > div a {
    font-weight: 500;
    font-size: 16px;
    color: #4D4D4D;
    text-transform: uppercase;
    padding: 0;
	transition: all 0.3s ease;
	font-family: 'Helvetica', sans-serif;
	border: 0;
}
.tribe-events-cal-links a:hover,
.tribe-events-nav-pagination .tribe-events-sub-nav a:hover,
.tribe-events.tribe-common .tribe-events-c-nav__list > div a:hover {
    color: var( --e-global-color-accent );
	background: transparent;
}
.tribe-events-nav-pagination .tribe-events-sub-nav a i,
.tribe-events.tribe-common .tribe-events-c-nav__list > div a i {
    color: var( --e-global-color-accent );
    font-size: 14px;
}
.tribe-events-nav-pagination .tribe-events-sub-nav .tribe-events-nav-previous a i,
.tribe-events.tribe-common .tribe-events-c-nav__list > div a .tribe-events-c-nav__prev-label i {
    margin-right: 5px;
}
.tribe-events-nav-pagination .tribe-events-sub-nav .tribe-events-nav-next a i,
.tribe-events.tribe-common .tribe-events-c-nav__list > div a .tribe-events-c-nav__next-label i {
    margin-left: 5px;
}
.tribe-events-cal-links a > img,
.tribe-events.tribe-common .tribe-events-c-nav__list > div a > img {
    margin-left: 5px;
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
}
.tribe-events-cal-links a > img {
    margin-left: 0;
    margin-right: 5px;
}
.tribe-events .tribe-events-c-ical {
    text-align: center;
}

.tribe-common .dp-small-post h3 {
	font-size: 20px;
	color: #222B31;
	font-family: 'Optima', sans-serif;
	font-weight: 500;
	margin-bottom: 5px;
}
.tribe-common .dp-small-post h3 a {
	color: #222B31;
}

.post-type-archive-tribe_events .dp-event-list.smallPost {
    max-width: none;
    padding-bottom: 10px;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.post-type-archive-tribe_events .dp-event-list .dp-small-post {
    width: 49%;
	position: relative;
    padding: 30px 20px;
	box-shadow: 4px 6px 20px rgb(169 173 185 / 15%);
    border-radius: 10px;
	display: flex;
	align-items: center;
	transition: all 0.3s ease;
}
.post-type-archive-tribe_events .dp-event-list .dp-small-post:hover {
	box-shadow: 4px 6px 20px rgb(169 173 185 / 30%);
}
.post-type-archive-tribe_events .dp-post-content,
.post-type-archive-tribe_events .dp-post-content div {
    font-size: 16px;
    line-height: 1.4;
	padding-bottom: 10px !important;
	font-family: "Helvetica", sans-serif;
	color: #222632;
    font-weight: 400;
}
.post-type-archive-tribe_events .dp-more i {
    color: var( --e-global-color-accent );
    margin-left: 6px;
    font-size: 14px;	
}
.post-type-archive-tribe_events .dp-event-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    color: #222925;
    line-height: 1.1;
    margin-right: 30px;
    font-family: 'Optima', Sans-serif;
}
.post-type-archive-tribe_events .dp-event-date {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.1em;	
}
.post-type-archive-tribe_events .dp-event-month {
    font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
    color: #006B5D;
}
.post-type-archive-tribe_events .dp-post a.dp-more {
    color: var( --e-global-color-accent );
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    text-transform: initial;
	transition: all 0.3s ease;
	font-family: 'Optima', Sans-serif;
	text-transform: uppercase;
	text-decoration: underline;
}
.post-type-archive-tribe_events .dp-post a.dp-more:hover {
    color: var( --e-global-color-accent );
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-c-events-bar--border {
	border: 0 !important;
}
.tribe-events .tribe-events-calendar-list__month-separator:after {
	display: none !important;
}
.tribe-common a {
	color: #141827;
}


.post-type-archive-tribe_events .dp-event-list .dp-small-post .dp-event-category-wrapper {
    display: flex;
    justify-content: end;
	flex-wrap: wrap;
}
.post-type-archive-tribe_events .dp-event-list .dp-small-post .dp-event-category {
    color: #87898d;
    font-size: 14px;
    font-weight: 600;
	margin-left: 8px;
}
.post-type-archive-tribe_events .dp-event-list .dp-small-post .dp-event-category:fist-child {
	margin-left: 0;
}
.tribe-events-header__breadcrumbs {
    display: none !important;
}
.the-events-calendar-category-list {
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    margin: 35px 0 25px !important;
}
.the-events-calendar-category-list a {
    background: #fff;
    padding: 5px 15px 6px;
    margin: 5px;
	border: 1px solid #151D2C;
    border-radius: 30px;
    color: #151D2C !important;
    transition: all 0.3s ease;
	
}
body.archive .tribe-cat-alle,
body.tribe-event-category-arrangement .tribe-cat-arrangement,
body.tribe-event-category-cobra-rummet .tribe-cat-cobra-rummet,
body.tribe-event-category-pop-up-udstilling .tribe-cat-pop-up-udstilling,
body.tribe-event-category-sophienholm .tribe-cat-sophienholm,
body.tribe-event-category-udstilling-portnerbolig .tribe-cat-udstilling-portnerbolig,
body.tribe-event-category-generalforsamling .tribe-cat-generalforsamling,
body.tribe-event-category-popup .tribe-cat-popup,
body.tribe-event-category-portnerboligen .tribe-cat-portnerboligen,
.the-events-calendar-category-list a:hover,
body.tribe-event-category-arrangement .tribe-cat-alle:hover,
body.tribe-event-category-cobra-rummet .tribe-cat-alle:hover,
body.tribe-event-category-pop-up-udstilling .tribe-cat-alle:hover,
body.tribe-event-category-sophienholm .tribe-cat-alle:hover,
body.tribe-event-category-udstilling-portnerbolig .tribe-cat-alle:hover,
body.tribe-event-category-generalforsamling .tribe-cat-alle:hover,
body.tribe-event-category-popup .tribe-cat-alle:hover,
body.tribe-event-category-portnerboligen .tribe-cat-alle:hover {
    background: #FF9933;
	color: #fff !important;
	border-color: #FF9933;
}
body.tribe-event-category-arrangement .tribe-cat-alle,
body.tribe-event-category-cobra-rummet .tribe-cat-alle,
body.tribe-event-category-pop-up-udstilling .tribe-cat-alle,
body.tribe-event-category-sophienholm .tribe-cat-alle,
body.tribe-event-category-udstilling-portnerbolig .tribe-cat-alle,
body.tribe-event-category-generalforsamling .tribe-cat-alle,
body.tribe-event-category-popup .tribe-cat-alle,
body.tribe-event-category-portnerboligen .tribe-cat-alle {
    background: #fff;
	color: #151D2C !important;
	border-color: #151D2C;
}

/* Single Event */
#rtec .rtec-register-button:focus, #rtec-confirm-unregister button:focus {
	outline: none;
}
#tribe-events-pg-template {
    padding: 80px 10px 100px;
	max-width: 1280px;
}
.dp-single-event h1 {
    margin-top: 0;
	font-family: "Optima", Sans-serif;
	font-weight: 400;
    margin-bottom: 20px;
	color: #4D4D4D;
    font-size: 42px;
	text-transform: none;
}
.dp-single-event h2 {
	font-family: "Optima", Sans-serif;
    font-size: 24px;
	font-weight: 400;
    margin-top: 0;
    width: 100%;
	color: #4D4D4D;
}
.dp-single-event .tribe-events-back {
    margin: 10px 0 20px;
}
.dp-single-event .dm-start-date,
.dp-single-event .dm-end-date {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    width: 100%;
}
.dp-single-event .dm-start-date span,
.dp-single-event .dm-end-date span {
    font-size: 16px;
    font-weight: 400;
    color: #565d6a;
    text-transform: uppercase;
}
.dp-single-event .dm-start-date time,
.dp-single-event .dm-end-date time {
    font-size: 18px;
    font-weight: 400;
    color: #4D4D4D;
    text-transform: capitalize;
}
.dp-single-event .dp-single-event-wrapper {
    display: flex;
    flex-wrap: wrap;
}
.dp-single-event .dp-single-event-wrapper .type-tribe_events {
    width: 67%;
}
.dp-single-event .dp-event-sidebar {
    width: 30%;
    margin-right: 3%;
}
.dp-single-event .dp-event-sidebar-inner {
    background: #EBEDF1;
    padding: 25px 20px;
    display: flex;
    flex-wrap: wrap;
	font-family: "Helvetica", sans-serif;
	border-radius: 10px;
}
.dp-single-event .tribe-events-cal-links {
    width: 100%;
    margin: 15px 0 0;
    padding-top: 15px;
    border-top: 1px solid #ADADAD;
	font-family: "Helvetica", sans-serif;
}
.dp-single-event .tribe-events-cal-links a {
	padding: 0;
}
.dp-single-event .tribe-events-single-event-description {
    margin-bottom: 20px;
	font-family: "Helvetica", sans-serif;
	font-size: 16px;
	color: #4D4D4D;
}
.dp-single-event .dp-more {
	color: #4D4D4D;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
	transition: all 0.3s ease;
	font-family: "Helvetica", sans-serif;
}
.dp-single-event .dp-more:hover {
	color: var( --e-global-color-accent );
}
.dp-single-event .dp-more i {
    font-size: 14px;
    margin-right: 6px;
	color: var( --e-global-color-accent );
}
.dp-single-event .tribe-events-sub-nav {
	padding: 0;
}
.dp-single-event .tribe-events-sub-nav li {
	list-style: none;
	font-family: "Optima", sans-serif;
}
.dp-single-event .dp-event-sidebar-img img {
	min-height: 200px;
    object-fit: cover;
}
.dp-single-event .tribe-events-nav-next a:after,
.dp-single-event .tribe-events-nav-previous a:before {
	display: none !important;
}

@media screen and (max-width: 1024px) {
	.dp-post a.dp-post-img {
		height: 225px;
	}
    .post-type-archive-tribe_events .dp-event-meta {
        top: -27px;
        right: -1px;
        width: 50px;
        height: 50px;
    }
    .post-type-archive-tribe_events .dp-event-date {
        font-size: 24px;
    }
	.post-type-archive-tribe_events .dp-post-content,
	.post-type-archive-tribe_events .dp-post-content div {
		font-size: 16px;
	}
	.post-type-archive-tribe_events .dp-event-list .dp-small-post {
		width: 49%;
		padding-right: 50px;
	}
	.tribe-events.tribe-common .tribe-common-l-container {
		padding: 100px 10px 80px;
	}
	#tribe-events-pg-template {
		padding: 60px 10px 80px;
	}
}
@media screen and (max-width: 800px) {
	.tribe-events.tribe-common .tribe-events-c-search {
        flex-wrap: wrap;
        justify-content: center;
    }
    .tribe-events .tribe-events-c-search__input-group,
    .tribe-events.tribe-common .tribe-events-c-top-bar__datepicker {
        width: 100%;
        margin: 0 0 10px;
    }
	.dp-single-event .dp-event-sidebar {
		width: 35%;
	}
	.dp-single-event .dp-single-event-wrapper .type-tribe_events {
		width: 62%;
	}
	.dp-single-event h1 {
		font-size: 36px;
	}
	.dp-single-event .tribe-events-single-event-description {
		font-size: 16px;
	}
	.tribe-events button.search-btn {
		max-width: 100%;
	}
}
@media screen and (max-width: 600px) {
	.tribe-events.tribe-common .tribe-common-l-container {
		padding: 80px 10px 80px;
	}
	#tribe-events-pg-template {
		padding: 40px 10px 80px;
	}
	.dp-single-event h1 {
		font-size: 30px;
    	margin-top: 20px;
	}
	.dp-single-event h2 {
    	font-size: 20px;
    	margin-bottom: 8px;
	}
	.dp-single-event .dm-start-date span,
	.dp-single-event .dm-end-date span {
		font-size: 16px;
	}
	.dp-single-event .dm-start-date time, .dp-single-event .dm-end-date time {
		font-size: 16px;
	}
	.tribe-events.tribe-common .tribe-events-c-nav__list > div a span span,
	.tribe-events-nav-pagination .tribe-events-sub-nav a span, .tribe-events .tribe-events-c-ical span {
    	display: none;
	}
	.tribe-events-cal-links a, .tribe-events-nav-pagination .tribe-events-sub-nav a, .tribe-events.tribe-common .tribe-events-c-nav__list > div a {
		font-size: 14px;
	}
	.tribe-events .tribe-events-calendar-list-nav {
		padding-top: 0;
		border-top: 0;
	}
	.filter-button-wrapper .dm-filter-toggle {
		font-size: 0;
		color: transparent;
		width: 50px;
		height: 50px;
		padding: 0;
		background-position: center;
	}
	.tribe-events button.search-btn {
		max-width: 100%;
		font-size: 16px;
	}
	.post-type-archive-tribe_events .dp-event-list.smallPost {
		padding-bottom: 25px;
	}
	.tribe-events .tribe-events-calendar-list__month-separator {
		margin: 0 0 30px;
	}
	.tribe-events .tribe-events-calendar-list__month-separator-text {
		font-size: 24px !important;
	}
	.tribe-events .dp-post .dp-small-post,
	#calendar .dp-small-post {
		width: 100%;
	}
	.tribe-events .dp-post .tribe-events-calendar-list__month-separator:not(:first-of-type) {
		margin-top: 0;
	}
	.tribe-events.tribe-events .tribe-events-c-events-bar__search-container {
		padding: 16px;
		margin-bottom: 35px;
	}
	.tribe-events.tribe-events label.tribe-events-c-top-bar__datepicker-label {
		font-size: 12px;
	}
	.tribe-events .tribe-events-c-top-bar__datepicker-button,
	.tribe-events.tribe-common .tribe-common-form-control-text__input {
		font-size: 16px !important;
	}
	.post-type-archive-tribe_events #page-content-title #page-title .post-type-archive-pagetitle {
		padding-right: 50px !important;
		font-size: 30px !important;
	}
	#page-content-title {
		bottom: 14px;
	}
	.filter-button-wrapper {
		bottom: 50px;
	}
	.dp-single-event .dp-single-event-wrapper .type-tribe_events,
	.dp-single-event .dp-event-sidebar {
		width: 100%;
		margin: 0 0 30px;
	}
}
.tribe-events .datepicker .day.active, .tribe-events .datepicker .day.active.focused, .tribe-events .datepicker .day.active:focus, .tribe-events .datepicker .day.active:hover, .tribe-events .datepicker .month.active, .tribe-events .datepicker .month.active.focused, .tribe-events .datepicker .month.active:focus, .tribe-events .datepicker .month.active:hover, .tribe-events .datepicker .year.active, .tribe-events .datepicker .year.active.focused, .tribe-events .datepicker .year.active:focus, .tribe-events .datepicker .year.active:hover {
	background-color: #222925
;
}