/*
Theme Name: Detraagheid Custom Theme
Theme URI: https://www.detraagheid.be/
Author: Detraagheid Team
Author URI: https://www.detraagheid.be/
Description: Detraagheid Custom Theme is a culture-focused, responsive WordPress theme designed for art collectives, creative projects, and storytelling platforms. It features minimalist layouts, customizable sections for exhibitions and essays, multilingual support, and tools to highlight artists, publications, and community engagement.
Version: 1.0
Text Domain: detraagheid
Tags: art, culture, storytelling, creative, responsive, custom-theme
*/

* {
	box-sizing: border-box;

	margin: 0;

	padding: 0;

	font-family:
		'Helvetica Neue', 'Helvetica', 'Liberation Sans', 'Arial', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 15px 0;
}

h1 {
	font-size: 35px;

	line-height: 45px;
}

h2 {
	font-size: 30px;

	line-height: 40px;
}

h3 {
	font-size: 25px;

	line-height: 35px;
}

h4 {
	font-size: 22px;

	line-height: 32px;
}

h5 {
	font-size: 20px;

	line-height: 30px;
}

h6 {
	font-size: 18px;

	line-height: 28px;
}

p {
	font-size: 18px;

	margin-bottom: 12px;

	margin-top: 5px;

	line-height: 26px;

	font-weight: normal;
}

a {
	color: #169bc5;

	text-decoration: none;
}

.accordionButton h3 {
	font-weight: 800 !important;
}

.container {
	max-width: 1400px;

	margin: 0 auto;

	padding: 0 15px;
}

.toplist-sweepstakes__offer-title {
	display: none;
}
.detraagheid-content-part-area {
	font-size: 16px;

	line-height: 26px;

	padding-top: 20px;

	font-weight: normal;

	margin-bottom: 30px;
}

.detraagheid-content-part-area table tr td,
.detraagheid-content-part-area table tr th {
	border: 1px solid #000;

	padding: 10px;

	font-size: 16px;
}

.detraagheid-content-part-area table {
	margin: 25px 0;

	border-collapse: collapse;

	width: 100%;
}

.table-auto {
	overflow-x: auto;
}

.aligncenter,
#column-wrap img {
	display: block;

	margin: auto;
}

.detraagheid-content-part-area dl {
	margin: 20px;

	padding: 0;

	font-family: Arial, sans-serif;

	border: 1px solid #ddd;

	border-radius: 5px;

	background-color: #f9f9f9;
}

.detraagheid-content-part-area dt {
	font-weight: bold;

	margin: 10px 0 5px;

	padding: 10px;

	background-color: #eee;

	border-bottom: 1px solid #ddd;
}

.detraagheid-content-part-area dd {
	margin: 0 0 10px 20px;

	padding: 10px;

	border-left: 2px solid #ddd;

	background-color: #fff;
}

.detraagheid-content-part-area p + div {
	margin-bottom: 10px;
}

.detraagheid-content-part-area blockquote {
	padding: 45px 40px 45px;

	background: #ebebeb;

	border-left: 5px solid #000000;

	position: relative;

	margin: 20px auto;
}

.detraagheid-content-part-area blockquote:before {
	position: absolute;

	content: open-quote;

	font-size: 3em;

	margin-left: 10px;

	margin-top: 10px;

	left: 0;

	top: 1rem;
}

.detraagheid-content-part-area blockquote:after {
	position: absolute;

	content: close-quote;

	font-size: 3em;

	bottom: 0;

	right: 0;

	margin-right: 0.4em;

	margin-bottom: 0em;
}

.detraagheid-content-part-area blockquote p {
	display: inline;

	color: #000;
}

.mobile-menu {
	display: none;
}

li.menu-item-has-children::after {
	position: absolute;

	content: '\f107';

	font: normal normal normal 18px / 1 FontAwesome;

	top: 2px;

	right: 5px;

	color: #fff;
}

body li.menu-item-has-children .sub-menu li.menu-item-has-children::after {
	color: #000;
}

.img-responsive img {
	width: 100%;

	display: block;

	margin: auto;
}

li.menu-item-has-children {
	position: relative;
}

.detraagheid-content-part-area ul {
	list-style-type: disc;

	padding-left: 30px;
}

.detraagheid-content-part-area ol {
	padding-left: 30px;

	list-style: decimal;
}

.detraagheid-content-part-area ul li {
	list-style: disc;
}

.detraagheid-content-part-area li {
	font-size: 18px;

	margin-bottom: 6px;

	line-height: 24px;
}

.detraagheid-content-part-area ol li::marker,
.detraagheid-content-part-area ul li::marker {
	font-weight: 600;
}

.detraagheid-content-part-area .campaign-compact-table__offer-key-features ul {
	padding-left: 0;
}

.detraagheid-content-part-area
	.campaign-compact-table__offer-key-features
	ul
	li {
	list-style: none;
}

/* su-button css */

.detraagheid-content-part-area .su-button {
	border-color: transparent !important;

	background: #000000 !important;

	color: #fff !important;

	border-radius: 8px !important;

	border: 0 !important;

	margin: 10px 0;
}

.detraagheid-content-part-area .su-button span {
	font-size: 16px !important;

	padding: 0px 16px !important;

	color: #fff !important;

	border-color: transparent !important;

	border: 0;

	border-radius: 8px !important;

	font-weight: 700;

	text-transform: uppercase;
}

.detraagheid-content-part-area .su-button:hover {
	background: #2e4147 !important;
}

.detraagheid-content-part-area .su-button:hover span {
	top: 0;
}

/* su-button css */

.campaign-list-item {
	background: #fff;
}

.campaign-compact-table__offers-wrapper .campaign-compact-table__offer td {
	border: 0;
}

.campaign-list-item_key-features ul,
td.campaign-compact-table__offer-key-features ul,
.toplist-poker__filter,
.toplist-poker-v2__offer-key-features ul,
.toplist-poker-compact__offer-key-features ul,
.toplist-flagship-crypto__offer-key-features ul,
.toplist-cardplayer__offer-inner .toplist-cardplayer__offer-key-features,
.dw-toplist-sp__offer-main .dw-toplist-sp__offer-key-features,
.dw-toplist-ct__offer-features .dw-toplist-ct__offer-key-features,
.toplist-99bitcoins__offer .toplist-99bitcoins__offer-key-features,
.toplist-99bitcoins-poker__offer .toplist-99bitcoins-poker__offer-key-features {
	padding-left: 0;
}

.toplist-tech__offer-inner .toplist-tech__offer-cta-btn {
	color: #f4e6ca;
}

.campaign-list-item .campaign-list-item_cta-btn,
.campaign-fullwidth-shortcode_item_face-wrapper .slider-item_cta-button,
.toplist-poker-v2__offer-buttons .toplist-poker-v2__offer-cta-btn,
.toplist-poker-compact__offer-extra .toplist-poker-compact__offer-cta-btn,
.toplist-flagship-crypto__offer-sidebar
	.toplist-flagship-crypto__offer-visit-link,
.toplist-outlook-india__offer .toplist-outlook-india__offer-cta-btn,
.toplist-poka__offer-cta-w-payments .toplist-poka__offer-cta-btn,
.toplist-cardplayer__offer-actions .toplist-cardplayer__offer-cta-btn,
.toplist-rivertimes__offer a.toplist-rivertimes__offer-cta-btn {
	color: #fff;
}

.campaign-list-item .campaign-list-item_key-features ul li,
.campaign-compact-table__offer .campaign-compact-table__offer-key-features li,
.toplist-poker-v2__offer-body .toplist-poker-v2__offer-key-features li,
.toplist-poker-compact__offer-body
	.toplist-poker-compact__offer-key-features
	li,
.toplist-flagship-crypto__offer-main
	.toplist-flagship-crypto__offer-key-features
	ul
	li,
tr.campaign-compact-table__offer .campaign-compact-table__offer-key-features li,
.dw-toplist-sp__offer-main .dw-toplist-sp__offer-key-features li,
.dw-toplist-ct__offer-features .dw-toplist-ct__offer-key-features li,
.toplist-99bitcoins__offer .toplist-99bitcoins__offer-key-features li,
.toplist-99bitcoins-poker__offer
	.toplist-99bitcoins-poker__offer-key-features
	li {
	list-style: none;
}

.toplist-poker__offer-cta-wrapper .toplist-poker__offer-cta-btn,
.toplist-ct__offer-actions .toplist-ct__offer-cta-btn {
	color: #0b062b;
}

.toplist-poker-compact__offer-extra .toplist-poker-compact__offer-rakeback {
	display: none;
}

.toplist-newsbtc__offer-cta-btn,
.toplist-htmq__offer-cta-btn,
.dw-toplist-nb__offer-cta-btn,
.dw-toplist-cp__offer-cta-btn,
.dw-toplist-sp__offer-cta-btn,
.dw-toplist-ct__offer-cta-btn,
.toplist-99bitcoins__offer-cta-btn,
.toplist-99bitcoins-poker__offer-cta-btn,
.toplist-iwcasino__offer-cta-btn,
.toplist-nokyc__offer-cta-btn,
.toplist-sportscasting__offer-cta-btn,
.toplist-casinoscout__offer-cta-btn {
	text-decoration: none;
}

ul.wp-menu {
	list-style: none;

	margin: 0;

	padding-left: 0;

	display: flex;

	flex-wrap: wrap;
}

.logo-menu-part {
	display: flex;

	align-items: center;

	justify-content: space-between;
}

.site-logo {
	width: 300px;

	margin-right: 20px;
}

.logo-present {
	width: 250px;
}

.site-logo img {
	max-width: 100%;

	height: auto;
}

ul.sub-menu {
	list-style: none;

	padding: 10px 0;

	position: absolute;

	left: 0;

	display: none;

	z-index: 9999;

	width: 200px;

	background-color: #fff;

	margin-left: 0;
}

body li.menu-item-has-children .sub-menu li.menu-item-has-children > .sub-menu {
	left: 100%;

	top: 0;

	display: none;
}

ul.wp-menu li .sub-menu a {
	color: #000 !important;

	text-decoration: none;

	font-weight: 400;

	font-style: normal;
}

ul.wp-menu ul.sub-menu li {
	padding-right: 0;
}

body ul.sub-menu li a {
	width: 100%;

	display: block;

	padding: 5px;

	color: #fff;

	border: none;
}

ul.wp-menu li .sub-menu a:hover {
	color: #169bc5;
}

ul.wp-menu {
	margin: 0;
}

ul.wp-menu li {
	padding-right: 25px;

	margin-top: unset;

	line-height: inherit;

	padding-left: 10px;
}

ul.wp-menu li a {
	color: #fff;

	text-decoration: none;

	font-weight: 400;

	font-style: normal;
}

ul.wp-menu li a {
	font-size: 18px;
}

ul.wp-menu li a:hover,
ul.wp-menu li.current_page_item a {
	color: #fff;
}

.site-logo a {
	font-size: 22px;

	color: #fff;
}

.site-logo a:hover {
	color: #fff;
}

footer.footer {
	color: #fff;

	padding: 10px 0;

	background: #0d1519;

	margin-top: 0;
}

footer.footer p {
	margin: 0;

	color: #fff;

	font-family: inherit;
}

.text-center {
	text-align: center;
}

.site-logo img {
	max-width: 100%;

	height: auto;

	display: block;

	width: 100%;
}

.content-area {
	margin-top: 1.25rem;
}

.img-responsive {
	max-width: 100%;

	height: auto;
}

/*AUTHOR SECTION START*/

/****************** Author Section ****/

.author-info--last-updated b {
	color: #fff;

	font-size: 16px;

	line-height: 18px;

	margin-top: 4px;
}

.author-info--name b {
	color: inherit;

	font-size: 16px;

	font-weight: 700;

	line-height: 21px;

	text-transform: capitalize;
}

.author-info--name a {
	color: #fff;

	font-weight: 400;
}

.author-info--name a:hover {
	text-decoration: underline;

	color: #000;
}

.author-info {
	color: #fff;

	margin-right: 10px;

	max-width: 100%;
}

.post-info-container .author-avatar--link img {
	border-radius: 40px;

	display: block;

	object-fit: cover;

	height: 48px;

	width: 48px;
}

.author-info--container {
	display: flex;

	align-items: center;
}

.post-info-container {
	display: flex;

	flex-wrap: wrap;

	background: #169bc5;

	border-radius: 12px;

	padding: 15px;

	margin-bottom: 20px;
}

.author-avatar--link {
	margin: 0 10px 0px 0;
}

.author-info--name--container {
	align-items: center;

	display: flex;
}

.author-info--badge {
	display: flex;

	margin-left: 10px;
}

/*AUTHOR SECTION END*/

.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
	display: none !important;

	width: 100%;
}

.dropdown-toggle::after {
	content: unset;
}

#navigation {
	position: unset;
}

#content_teaser {
	height: 100px;

	background-position: center;

	background-repeat: no-repeat;

	background-size: cover;
}

.mobile-menu i::before {
	color: #fff;
}

/*** main author page ***/

.profile-tab-content {
	padding: 30px 0;
}

.main-header {
	max-width: 100%;

	padding: 15px 0;

	background: #ffffff;

	box-shadow: rgba(149, 157, 165, 0.2) 0px 6px 24px;
}

.profile-header-container {
	display: flex;

	align-items: center;

	gap: 30px;
}

.header-avatar-container img {
	padding: 0;

	border: 0;

	width: 75px;

	height: 75px;

	object-fit: cover;
}

.header-profile-details {
	width: calc(100% - 30px - 75px);
}

.header-profile-details h2 {
	font-size: 30px;

	margin-bottom: 0;

	margin-top: 0;
}

.profile-fields-group.profile-fields-group-1 {
	border: 1px solid #eee;

	margin: 1.5rem 0 0;

	padding: 15px 20px;

	border-top-right-radius: 3px;

	border-top-left-radius: 3px;
}

.profile-fields-group.profile-fields-group-1 h3 {
	margin-top: 0;

	margin-bottom: 0;
}

.author-f-name {
	display: flex;

	gap: 15px;

	font-size: 20px;
}

.author-f-name .label,
.author-description-name .label {
	font-weight: 600;
}

.author-description-name {
	margin-top: 20px;

	font-size: 20px;
}

.profile-fields-table {
	margin-top: 10px;
}

.header_view,
.header_view .download {
	display: flex;

	flex-direction: column;
}

.header_view a,
.header_view span {
	font-size: 16px;

	color: black;

	margin-bottom: 18px;

	font-weight: 500;
}

.header_view a:hover,
.header_view span:hover {
	color: #169bc5;
}

.header-section {
	max-width: 100%;

	padding: 15px 0;

	box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 10px;

	background-color: #0d0d0d;
}

/* .page-wrapper {

	margin: 35px 0;

} */

div.main-container {
	padding-left: 0;
}

#main {
	padding: 20px 0px;
}

ul#menu-footer-menu {
	display: flex;
	justify-content: center;
	list-style: none;
	flex-wrap: wrap;
	padding: 10px 0;
	gap: 20px;
}

ul#menu-footer-menu a {
	color: #fff;
}

.y37bd78-a7d82d {
	background-color: #c5baba !important;
}

/* common media */

@media screen and (min-width: 992px) {
	ul.wp-menu {
		width: calc(100% - 220px - 20px);

		margin-left: auto;

		justify-content: flex-end;
	}

	/* Prevent Submenu Cutoff at Right Edge */

	.wp-menu > li:last-child .sub-menu {
		left: auto;

		right: 0;
	}

	.wp-menu > li:last-child .sub-menu .sub-menu {
		left: auto;

		right: 100%;
	}

	body li ul.sub-menu > .sub-menu li.menu-item-has-children:hover {
		display: block !important;
	}

	li.menu-item-has-children:hover ul.sub-menu {
		display: block;
	}

	body
		li.menu-item-has-children
		.sub-menu
		li.menu-item-has-children:hover
		> .sub-menu {
		display: block;
	}

	body .cmp_announcements {
		margin-left: auto;

		margin-right: auto;
	}

	.cmp_announcements article {
		text-align: left;
	}
}

@media (max-width: 1200px) {
	ul.wp-menu {
		width: 100%;
	}
}

@media screen and (max-width: 991px) {
	.site-logo a {
		word-wrap: break-word;
	}

	h1.entry-title,
	h1 {
		font-size: 32px;

		line-height: 40px;
	}

	h2 {
		font-size: 28px;

		line-height: 36px;
	}

	h3 {
		font-size: 22px;

		line-height: 30px;
	}

	h4 {
		font-size: 20px;

		line-height: 28px;
	}

	h5 {
		font-size: 18px;

		line-height: 26px;
	}

	h6 {
		font-size: 16px;

		line-height: 22px;
	}

	.table-auto {
		width: 100%;

		overflow-x: auto;

		-webkit-overflow-scrolling: touch;
	}

	.detraagheid-content-part-area table {
		display: block;

		width: 100%;

		overflow-x: auto;

		-webkit-overflow-scrolling: touch;
	}

	.header-section {
		padding: 10px 0;

		position: relative;
	}

	.detraagheid-content-part-area {
		padding-top: 10px;
	}

	.mobile-menu {
		display: block;
	}

	.mobile-menu i {
		font-size: 25px;
	}

	ul.wp-menu {
		position: absolute;

		width: 100%;

		left: 0;

		background: #f7f7f7;

		top: 100%;

		display: none;

		z-index: 999;
	}

	ul.wp-menu li,
	ul.wp-menu ul.sub-menu li {
		padding-right: 10px;

		width: 100%;
	}

	li.menu-item-has-children:hover ul.sub-menu {
		display: none;
	}

	li.menu-item-has-children:after,
	.dropdown-toggle::after {
		display: none;
	}

	ul.wp-menu li a {
		width: 100%;

		display: block;

		padding: 10px;

		color: #000;

		word-break: break-word;

		white-space: normal;

		font-size: 16px;

		line-height: 22px;
	}

	ul.wp-menu li.menu-item-has-children > a {
		padding-right: 32px;
	}

	span.toggle-menu {
		float: right;

		margin-top: 0;

		position: absolute;

		top: 12px;

		right: 13px;

		z-index: 99;

		width: 20px;

		height: 20px;

		text-align: center;

		transition: transform 0.3s ease;
	}

	span.toggle-menu.on {
		transform: rotate(180deg);
	}

	ul.sub-menu {
		position: relative;

		width: 100%;
	}

	.detraagheid-content-part-area table tr td {
		white-space: nowrap;
	}

	.detraagheid-content-part-area .su-button {
		margin: 15px 0;
	}

	.Content_Zone .Type_SocialButtons {
		width: 100% !important;
	}

	.site-logo a {
		font-size: 18px;
	}

	.detraagheid-content-part-area .su-button span {
		padding: 8px 16px !important;

		line-height: 1.5 !important;
	}

	footer.footer {
		padding: 10px 15px;
	}

	ul.wp-menu li a:hover,
	ul.wp-menu li.current_page_item a {
		color: #169bc5;
	}

	body
		li.menu-item-has-children
		.sub-menu
		li.menu-item-has-children
		> .sub-menu {
		left: unset;
	}
}

@media screen and (max-width: 782px) {
	html {
		margin-top: 0 !important;
	}
}

@media (max-width: 767px) {
	.visible-xs {
		display: block !important;
	}
}

@media only screen and (min-width: 579px) and (max-width: 991px) {
	.detraagheid-content-part-area table {
		display: table !important;
	}
}

/*AUTHOR SECTION START*/
.main-title {
	text-align: left;
}
.custom_top_author {
	display: flex;
	align-items: center;
	gap: 16px;
	background: unset;
	border-radius: 10px;
	padding: 0px;
}
.author_imag img {
	width: 60px;
	min-width: 60px;
	height: 60px;
	border-radius: 100%;
	object-fit: cover;
}
.name_author_out {
	display: flex;
}
.name_author_out span.lbl {
	margin-right: 5px;
}
.name_author_out h4 {
	margin: 0;
	color: #000;
	line-height: 24px;
	font-size: 18px;
	font-weight: normal;
}
.name_author_out p {
	margin: 0 !important;
}

/*AUTHOR SECTION And Page START*/

.main-title {
	text-align: left;
}

.custom_top_author {
	display: flex;
	align-items: center;
	gap: 16px;
}

.author_imag img {
	width: 60px;
	min-width: 60px;
	height: 60px;
	border-radius: 100%;
	object-fit: cover;
}

.name_author_out {
	display: flex;
	align-items: center;
}

.name_author_out span.lbl {
	margin-right: 5px;
}

.name_author_out h4,
.name_author_out p {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

.name_author_out a p {
	font-weight: 600;
	font-size: 16px;
}

.name_author_out a:hover p {
	color: #ea0101;
}

.modifyDetails {
	background: unset;
	border-radius: 20px;
	padding: 0px;
	margin-bottom: 20px;
}

.author_imag img {
	width: 60px;
	min-width: 60px;
	height: 60px;
	border-radius: 100%;
	object-fit: cover;
}

.author_imag {
	line-height: 0;
}

.name_author_out {
	display: flex;
}

.name_author_out span.lbl {
	margin-right: 5px;
}

.name_author_out a {
	color: inherit;
}

/*Author Page css*/
.header-profile-details h2 {
	font-size: 30px;
	margin-bottom: 0;
	margin-top: 0;
}

.profile-header-container {
	display: flex;
	align-items: center;
	gap: 30px;
}

.header-avatar-container img {
	padding: 0;
	border: 0;
	width: 75px;
	height: 75px;
	object-fit: cover;
}

.header-profile-details h2 {
	font-size: 30px;
	margin-bottom: 0;
	margin-top: 0;
}

.profile-fields-group.profile-fields-group-1 {
	border: 1px solid #eee;
	margin: 1.5rem 0 0;
	padding: 15px 20px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	letter-spacing: 1px;
}

.profile-fields-group.profile-fields-group-1 h3 {
	margin-top: 0;
	margin-bottom: 20px;
	color: #000;
}
.home-page.author-box-wrapper {
	padding: 30px 0;
	box-shadow: none;
}

.author-f-name .label,
.author-description-name .label {
	font-weight: 600 !important;
	font-size: inherit;
	line-height: inherit;
	background: transparent;
	color: inherit;
	padding: 0px;
}

.author-f-name {
	display: flex;
	gap: 15px;
	font-size: 20px;
}

.author-description-name {
	margin-top: 20px;
	font-size: 20px;
}
.name_author_out a:hover,
.name_author_out a:hover p {
	color: #000;
	text-decoration-color: #000;
}

/*AUTHOR SECTION And Page END*/