*, *::before, *::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
a {
text-decoration: none;
}
a, button, input:focus, input[type="button"], input[type="submit"], textarea:focus, .wp-element-button {
transition: all 0.2s ease-in-out;
}
a, a:focus, a:hover, a:not(.wp-element-button) {
text-decoration-thickness: 1px;
}
a:hover {
text-decoration: underline;
}
b, strong, th {
font-weight: var(--wp--custom--font-weight--semi-bold);
}
mark {
background: linear-gradient(90deg, var(--wp--preset--color--primary) 0%, var(--wp--preset--color--primary) 100%);
background-position: 0 85%;
background-repeat: repeat-x;
background-size: 100% 15%;
} input, select, textarea {
background-color: var(--wp--preset--color--base);
border: 1px solid var(--wp--preset--color--neutral);
border-radius: 0;
color: var(--wp--preset--color--contrast);
font-family: var(--wp--preset--font-family--primary);
font-size: var(--wp--preset--font-size--medium);
font-weight: var(--wp--custom--font-weight--light);
line-height: var(--wp--custom--line-height--body);
padding: 10px 20px;
width: 100%;
}
h2 {
color: var(--wp--preset--color--primary);
}
.has-primary-background-color h2, .has-secondary-background-color h2 {
color: #fff
}
input:focus, textarea:focus {
background-color: var(--wp--preset--color--neutral);
outline: none;
}
input[type="checkbox"], input[type="image"], input[type="radio"] {
width: auto;
}
input[type="button"], input[type="email"], input[type="search"], input[type="submit"], input[type="text"], textarea {
-webkit-appearance: none;
}
::placeholder {
color: var(--wp--preset--color--contrast);
font-size: var(--wp--preset--font-size--small);
opacity: 0.5;
}
main .wp-block-group li, main .wp-block-group.has-background li:not(.wp-block-post) {
list-style: none;
}
main .wp-block-group li:not(.wp-block-post)::before, main .wp-block-group.has-background li::before {
margin-left: -30px;
margin-right: 1em;
content: '';
display: inline-block;
background-repeat: no-repeat;
width: 16px;
background-position: center;
height: 16px;
}
main .wp-block-group li:not(.wp-block-post)::before {
background-image: url(//dgroups.info/wp-content/themes/dgroups-block-theme/assets/images/list-dark.svg)
}
main .wp-block-group.has-background:not(.has-neutral-background-color) li::before {
background-image: url(//dgroups.info/wp-content/themes/dgroups-block-theme/assets/images/list-white.svg)
} main .wp-block-post {
display: flex;
flex-direction: column;
} main .wp-block-post .wp-block-read-more {
margin-top: auto;
align-self: center;
margin-bottom: 1.5rem;
border: 1px solid;
padding: 10px 20px;
}
section {
padding: 2rem;
gap: 20px
}
p.wp-block-paragraph {
margin-block-start: 1.2em;
}
.wp-block-post-date {
margin-bottom: 2rem;
} .wp-block-button__link:hover {
background: #fff;
color: var(--wp--preset--color--primary)
}
.wp-block-button__link::after {
content: "⟶";
display: inline-block
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
transform: scale(1.1);
}
.page-numbers a:not(.prev):not(.next) {
display: inline-block;
background-color: #f3f3f3;
width: 2em;
height: 2em;
border-radius: 50%;
text-align: center;
margin: 0 0.5em;
padding: 0.2em;
font-weight: normal !important;
}
.page-numbers a:hover {
background-color: #DEDEDE;
} @media only screen and (min-width: 782px) {
.wp-block-group .bkgd-img {
background-image: url(https://dgroups.info/wp-content/uploads/2026/05/dgroups-bkgd.svg);
background-position: 100% 80%;
background-repeat: no-repeat;
background-size: 30%;
}
.wp-block-group .bkgd-bulb {
background-image: url(https://dgroups.info/wp-content/uploads/2026/05/bulb.svg);
background-position: 12% 60%;
background-repeat: no-repeat;
background-size: 22%;
}
} *:not(.wp-block-code) > code {
background-color: var(--wp--preset--color--neutral);
font-size: var(--wp--preset--font-size--small);
padding: 5px 8px;
} .wp-block-navigation__responsive-container.is-menu-open {
padding: var(--wp--custom--spacing--gap);
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
padding-top: var(--wp--custom--spacing--gap);
}
.has-background .wp-block-navigation__responsive-container-open:focus, .has-background .wp-block-navigation__responsive-container-open:hover {
color: var(--wp--preset--color--base);
} .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
background-color: var(--wp--preset--color--contrast);
border: var(--wp--preset--color--contrast);
color: var(--wp--preset--color--base);
padding: 10px;
}
.wp-block-navigation :where(.wp-block-navigation__submenu-container) a {
padding: 2px 10px;
}
.post-meta, .post-meta a, .tag-links a {
color: #a7a7a7;
text-decoration: none;
}
.post-meta a:hover, .tag-links a:hover {
color: var(--wp--preset--color--secondary);
}
.post-meta p {
margin-block-start: 0
}  .is-style-shadow-light {
box-shadow: var(--wp--preset--shadow--light);
}
.is-style-shadow-solid {
box-shadow: var(--wp--preset--shadow--solid);
}
.is-style-shadow-standard {
box-shadow: var(--wp--preset--shadow--standard);
} .partner-card {
perspective: 1000px;
width: 100%;
height: 260px; 
cursor: pointer;
position: relative;
} .partner-card .wp-block-image,
.partner-card .partner-desc {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
margin: 0;
padding: 0;
} .partner-card .wp-block-image {
transform: rotateY(0deg);
z-index: 2;
overflow: hidden;
}
.partner-card .wp-block-image img {
width: 100%;
height: 100%;
object-fit: contain;
display: block;
min-height: 260px;
}
.partner-card .wp-block-image a {
display: block;
width: 100%;
height: 100%;
} .partner-card .partner-desc {
transform: rotateY(180deg);
background: #eeeeee; 
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
box-sizing: border-box;
font-size: 1rem;
line-height: 1.6;
text-align: center;
} .partner-card:hover .wp-block-image {
transform: rotateY(-180deg);
}
.partner-card:hover .partner-desc {
transform: rotateY(0deg);
} button#open_cookie_modal {
color:#fff;
margin-top:16px
}
dialog.cookieModal .h2, .cookieChoiceContainers .h2 {
color:#e86b26;
font-size:1.2rem
}  @media only screen and (min-width: 601px) {
.main-nav ul li a:hover {
text-decoration: none
}
.main-nav ul li ul li:not(:last-child) {
border-bottom: 1px solid #fff;
}
.main-nav ul li ul li a:hover {
background-color: #dd5e17;
text-decoration: none
}
}
@media only screen and (max-width: 600px) { .is-style-hidden-mobile {
display: none !important;
}
.main-nav.wp-block-navigation {
padding: 6px;
}
}
@media only screen and (max-width: 782px) { .is-style-columns-reverse {
flex-direction: column-reverse;
}
}