/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
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: 2.0.0
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
*/

/* General */
table thead, table tbody, table tfoot {
    border: 1px solid #f1f1f1;
    background-color: #fefefe;
}

.otgs-development-site-front-end {
	display: none;
}

p:last-child {
	margin-bottom: 0;
}

.heading-pangden-bar h1, .heading-pangden-bar h2, .heading-pangden-bar h3, .heading-pangden-bar h4, .heading-pangden-bar h5, .heading-pangden-bar h6,
#page-content h1, #page-content h2, #page-content h3, #page-content h4, #page-content h5, #page-content h6 {
	display: inline-block;
}
.heading-pangden-bar h1:after, .heading-pangden-bar h2:after, .heading-pangden-bar h3:after, .heading-pangden-bar h4:after, .heading-pangden-bar h5:after, .heading-pangden-bar h6:after,
#page-content h1:after, #page-content h2:after, #page-content h3:after, #page-content h4:after, #page-content h5:after, #page-content h6:after {
	background: url("https://savetibet.nl/wp-content/uploads/2025/05/pangden-bar.svg") 0 0 no-repeat;
	background-size: cover;
	width: 110%;
	height: 5px;
	margin-top: 10px;
	content: "";
	display: block;
}

.pb-0 .e-con-inner {
	padding-bottom: 0;
}

.elementor-element {
    scroll-margin-top: 120px;
}

/* Buttons */
.wp-element-button {
	background-color: var(--e-global-color-primary);
    font-size: 1rem;
    text-transform: uppercase;
    color: #fff !important;
    border: none;
    border-radius: 5px;
	padding: 12px 24px;
	line-height: 1;
    transition: all .3s;
}

.wp-element-button:hover, .wp-element-button:focus {
    background-color: var(--e-global-color-accent);
}

/* Gravity forms general */
.gform_wrapper.gravity-theme .ginput_complex label,
.gform_wrapper.gravity-theme .ginput_complex legend {
	padding-bottom: 5px;
}

.gform_wrapper.gravity-theme .gform_fields {
	grid-row-gap: 8px !important;
}

.gf_donate_radio .ginput_container_radio .gfield_radio {
    display: flex;
    justify-content: center;
    width: 100%;
}
.gf_donate_radio .ginput_container_radio .gfield_radio .gchoice {
    width: 100%;
	margin-right: 0 !important;
}
.gf_donate_radio .ginput_container_radio .gfield_radio .gchoice input{
	position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.gf_donate_radio .ginput_container_radio .gfield_radio .gchoice label {
	background-color: #fff;
    border: 1px solid var(--e-global-color-accent);
    color: var(--e-global-color-accent);
    display: block;
    max-width: 100%;
    padding: 15px 30px;
    position: relative;
    text-align: center;
    transition: all .2s linear;
    width: 100%;
	font-size: 1.25rem;
	font-family: var(--e-global-typography-accent-font-family), sans-serif;
    font-weight: var(--e-global-typography-accent-font-weight);
	cursor: pointer;
}
.gf_donate_radio .ginput_container_radio .gfield_radio div[class*=gchoice_] input:checked + label {
    background-color: var(--e-global-color-accent);
    color: #fff;
}

/* Swipers */
.swiper-pagination-bullet-active {
	background: var(--e-global-color-accent) !important;
}

/* Header */
#header-top .e-con-inner{
    position: relative;
}

#slogan-img {
	margin-right: auto;
}
#slogan-img a, #slogan-img img {
	display: block;
}

/* Language */
.wpml-ls-legacy-list-horizontal {
	border: none;
	padding: 0;
}

.wpml-ls-legacy-list-horizontal > ul {
	display: flex;
}

.wpml-ls-legacy-list-horizontal a {
	padding: 0 0 0 4px;
}
.wpml-ls-legacy-list-horizontal a:after {
	content: '|';
	color: #fff;
}
.wpml-ls-legacy-list-horizontal a span {
	vertical-align: baseline;
	padding: 0 4px 0 0;
}

.wpml-ls-current-language a {
	color: var(--e-global-color-accent) !important;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child a:after {
	display: none;
}

#cart-amount-btn {
	position: absolute;
	top: -6px;
	right: -4px;
}
#cart-amount-btn .elementor-menu-cart__toggle .elementor-button {
	width: 20px;
	height: 20px;
	display: block;
}

.elementor-menu-cart--items-indicator-bubble .elementor-menu-cart__toggle .elementor-button-icon .elementor-button-icon-qty[data-counter] {
	width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}

/* Main menu */
#main-menu .e-n-menu-content > .e-con:after {
	background: url("https://savetibet.nl/wp-content/uploads/2025/05/pangden-bar.svg") 0 0 no-repeat;
	background-size: 100%;
	width: 100%;
	height: 8px;
	content: "";
	display: block;
}
#main-menu .e-n-menu-item .e-n-menu-title.e-current:before {
	background: url("https://savetibet.nl/wp-content/uploads/2025/05/pangden-bar.svg") 50% 0 no-repeat;
	background-size: cover;
    width: 100%;
    height: 8px;
    content: "";
    display: block;
    position: absolute;
    bottom: -34px;
    left: 0;
}
#main-menu .e-n-menu-title .e-n-menu-dropdown-icon {
	display: none;
}

/* Subs in main */
.main-menu-sub {
	width: 100%;
}
.main-menu-sub .elementor-nav-menu .sub-arrow {
	display: none;
}
.main-menu-sub .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
	justify-content: center;
    align-items: flex-start;
    width: 100%;
}
.main-menu-sub .elementor-nav-menu--main .elementor-nav-menu > li {
	padding: 0 20px;
	flex-direction: column;
}
.main-menu-sub .elementor-nav-menu--main .elementor-nav-menu ul {
	display: block !important;
    opacity: 1 !important;
    visibility: visible;
    position: relative;
    top: auto !important;
    left: auto !important;
    transform: none;
    box-shadow: none;
    padding: 11px 0 0 0;
    margin: 0;
    width: auto !important;
	background: none;
}
.main-menu-sub .elementor-nav-menu--main .elementor-nav-menu ul li a {
	background: none;
	border: none;
}

.main-menu-sub li:not(:last-child) {
	margin-bottom: 10px;
}

/* Header Mobile */
#logo-mobile {
	margin-right: auto;
}
#mobile-menu-btn a {
	display: block;
}
#mobile-nav ul li {
	border-bottom: 1px solid #11384a;
}

#main-menu-mobile .e-n-menu-heading {
	flex-direction: column;
}
#main-menu-mobile .e-n-menu-item {
	display: block;
}
#main-menu-mobile .e-n-menu-item .e-n-menu-title {
	width: 100%;
	justify-content: space-between;
}
#main-menu-mobile .e-n-menu-content {
	position: static;
	width: 100%;
}
#main-menu-mobile .main-menu-sub .elementor-nav-menu--main .elementor-nav-menu {
	display: block;
}
#main-menu-mobile .main-menu-sub .elementor-nav-menu--main .elementor-nav-menu > li {
	width: 100%;
	border-bottom: none;
	padding: 5px 0;
}

/* Slideshow */
.slide-image:after {
    display: block;
    content: "";
}
.slide-title .elementor-heading-title span {
	background-color: #fff;
    display: inline-block;
    padding: 5px 10px;
}
.slide-content .elementor-button-icon {
	order: 2;
}

/* Page image */
#page-image:after {
    display: block;
    padding-top: 39%;
    content: "";
}
#page-image h1 {
	background-color: #fff;
	display: inline-block;
    padding: 5px 10px;
}

.type-nieuws #page-image {
	display: flex;
    align-items: flex-start;
    justify-content: end;
    flex-direction: column-reverse;
}

.type-nieuws .elementor-element.elementor-element-0dbdaae {
	position: relative;
}

@media (min-width: 768px) {
	#page-image.page-img-small:after {
		padding-top: 20%;
	}
	.main-menu-sub li:not(:last-child) {
		margin-bottom: 5px;
	}
	.type-nieuws .elementor-element.elementor-element-0dbdaae {
	position: absolute;
	}
}

/* Image with overlay block */
.iwo:after {
	position: absolute;
    bottom: -8px;
    left: 0;
	background: url("https://savetibet.nl/wp-content/uploads/2025/05/pangden-bar.svg") 0 0 no-repeat;
	background-size: cover;
	width: 100%;
	height: 8px;
	display: block;
    content: "";
}
.iwo-block-image:after {
    display: block;
    padding-top: 70%;
    content: "";
}

/* News & Event block */
.nae {
	height: calc(100% - 8px);
	flex-wrap: nowrap;
}
.nae:after, .sb:after {
	position: absolute;
    bottom: -8px;
    left: 0;
	background: url("https://savetibet.nl/wp-content/uploads/2025/05/pangden-bar.svg") 0 0 no-repeat;
	background-size: cover;
	width: 100%;
	height: 8px;
	display: block;
    content: "";
}

.nae-content {
	height: 100%;
}

.nae .block-date span:after {
	background: url("https://savetibet.nl/wp-content/uploads/2025/05/pangden-bar.svg") 0 0 no-repeat;
	background-size: cover;
	width: 90%;
	height: 1px;
	content: "";
	display: block;
	transform: scaleX(-1);
}

.nae-button {
	margin-top: auto;
}

/* Content */
.content-small {
	max-width: 770px !important;
}

/* Donation home */
#donation-form-home .gform_heading {
	display: none;
}
#donation-form-home .gform_wrapper {
	max-width: 494px;
    margin: 0 auto;
	color: #fff;
}
#donation-form-home .gform_wrapper .gfield_required,
#donation-form-home .gform_wrapper .gfield_error legend,
#donation-form-home .gform_wrapper .gfield_error label {
	color: #fff;
}
#donation-form-home .gform_wrapper .gsection {
	padding: 0;
	border: none;
}
#donation-form-home .gform_wrapper .gsection h3 {
	margin: 0;
	color: #fff;
}
.gfield_radio {
	display: flex;
}
.gfield_radio .gchoice {
    margin-right: 5px;
}
.gfield_radio .gchoice .gfield-choice-input+label {
	max-width: none;
}

#donation-form-home .gform_wrapper .gform_page_footer {
	margin: 0;
    padding: 0;
    text-align: center;
}
#donation-form-home .gform_wrapper .gform_page_footer input[type="button"] {
	margin-bottom: 0;
}

.donate-form .gform_body .gfield.gf_static_tooltip {
	margin-top: 20px;
}
.donate-form .gform_body .gfield.gf_static_tooltip strong {
    background-color: var(--e-global-color-accent);
    color: #fff;
    display: block;
    padding: 15px;
    position: relative;
    width: 100%;
}
.donate-form .gform_body .gfield.gf_static_tooltip strong:before {
    border-color: transparent transparent var(--e-global-color-accent) transparent;
    border-style: solid;
    border-width: 0 15px 20px 15px;
    content: "";
    height: 0;
    left: calc(37.5% - 1rem);
    position: absolute;
    top: -20px;
    width: 0;
}

/* Woocommerce products */
@media (max-width: 766px) {
	.elementor-widget-wc-archive-products .woocommerce.columns-3 ul.products {
		grid-template-columns: repeat(1, 1fr);
	}
	
}
.elementor-products-grid ul.products.elementor-grid li.product .onsale {
	padding: 0 15px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
	padding: 0 15px 15px 15px;
	display: block !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title:after {
	display: none !important;
}
.woocommerce ul.products li.product .price {
	padding: 0 15px;
	margin: 0 0 15px 0;
}
.woocommerce-loop-product__buttons {
	padding: 15px 15px 0 15px;
}

.woocommerce div.product div.images {
	margin-bottom: 0;
}
.woocommerce div.product.elementor .woocommerce-tabs .panel {
	background-color: #fff;
}
.woocommerce table.shop_attributes th {
	border: none;
	text-align: left;
}
.woocommerce table.shop_attributes td {
	padding: 8px;
	border: none;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: var(--e-global-color-secondary);
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock {
    color: var(--e-global-color-secondary);
}

/* Footer */
#newsletter-form-footer .gform_heading {
	padding: 15px 0 10px 0;
	color: #fff;
}
#newsletter-form-footer .gform_footer {
	margin: 0;
	padding-bottom: 0;
	justify-content: flex-end;
}
#newsletter-form-footer .gform_footer input[type="submit"] {
	background: #347e9f;
	margin-bottom: 0;
}
#newsletter-form-footer .gform_confirmation_message {
	padding-top: 15px;
	color: #fff;
}

/* Mobile */
@media (max-width: 767px) {
	.elementor-element {
    	scroll-margin-top: 118px;
	}
	.wp-block-group.is-layout-grid {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	
	.heading-pangden-bar h1:after, .heading-pangden-bar h2:after, .heading-pangden-bar h3:after, .heading-pangden-bar h4:after, .heading-pangden-bar h5:after, .heading-pangden-bar h6:after,
	#page-content h1:after, #page-content h2:after, #page-content h3:after, #page-content h4:after, #page-content h5:after, #page-content h6:after {
		max-width: 335px;
	}
	
	.gf_donate_radio .ginput_container_radio .gfield_radio .gchoice label {
		padding: 15px;
		font-size: 1rem;
	}
	
	.slide-image:after {
   		padding-top: 56.25%;
	}
	
	.slide-content {
		position: static;
		background: #fff;
	}
	.slide-content h1 {
		mix-blend-mode: normal !important;
	}
	.slide-content h1, .slide-content h2, .slide-content p {
		color: var(--e-global-color-text) !important;
	}
	.slide-title .elementor-heading-title span {
		background-color: transparent;
		display: inline;
		padding: 0;
	}
	.slide-content .elementor-button {
		background-color: var(--e-global-color-primary) !important;
    	font-size: 1rem !important;
	}
}