:root {
--gt-oranje:       #f26522; --gt-oranje-hover: #ffa94d; --gt-online-groen: #82f338; --gt-online-tekst: #2c844a; --gt-donker:       #333; } #top .header_color .header_bg,
#top #header.header_color {
background-image: url(//www.gaytalk.net/wp-content/uploads/2020/03/header_background.png) !important;
background-size: cover !important;
background-position: center center !important;
background-repeat: no-repeat !important;
}
.header_color .header_bg {
background-color: #fff;
background-size: 100% 100%;
} .av-special-heading-tag {
-webkit-text-stroke-color: #808080;
-webkit-text-stroke-width: 0.3px; 
text-shadow: 0px 0px 5px black !important;
}
#slider .container { 
width: 100%;
max-width: none;
}
.iconbox_content {
min-height: 200px;
} .av-special-heading-tag {
-webkit-text-stroke-color: #808080;
-webkit-text-stroke-width: 0.3px; 
text-shadow: 0px 0px 5px black !important;
}
#top .fullsize .related_title{
display: none;
text-align: Left; 
} #imageblock .iconbox .iconbox_content .iconbox_content_title {
display: none;
}
#imageblock .iconbox .iconbox_content .iconbox_icon {
display: none;
}
.iconbox{ cursor: pointer; } #main, .html_stretched #wrap_all {
background-color: #ffffff!important; 
}
.js_active .grid-image {
opacity: 1 !important;
} #groups{ padding-top:100px; } #Underbox{ margin:0px; } .protected-content {
display: none !important;
}
.logged-in .protected-content {
display: block !important;
}
.avia_ajax_form fieldset p .button{
background-color: #82f338;
border-bottom-color: #000000;
border-left-color: #000000;
border-right-color: #000000;
border-top-color: #000000;
color: #000000;
}
.avia_ajax_form fieldset p .button:hover,
.avia_ajax_form fieldset p .button:focus{
background-color: #6fd92b;
color: #000000;
} .image-overlay-inside, .image-overlay.overlay-type-extern {
display: none;
} .bbp-forum-name{
font-size:17px !important;
}
.bbp-forum-title {
font-size:15px !important;
}
.bbp-forum-content{
font-size:13px !important;
} @media only screen and (max-width:767px) {	 
.responsive #top #wrap_all #header {
position: fixed;
top: 0;
left: 0;
right: 0;
}
.responsive #top #main { padding-top: var(--enfold-header-height, 82px) !important;
}  .responsive #top #wrap_all #header.header-scrolled .logo,
.responsive #top #wrap_all #header.header-scrolled .logo a {
height: 40px !important;
line-height: 40px !important;
}
} body#top.admin-bar #wrap_all #header { top: 32px; }
@media only screen and (max-width:782px) {
body.admin-bar #wpadminbar { position: fixed; }
body#top.admin-bar #wrap_all #header { top: 46px; }
}  #home-hero .flex_column,
#imageblock .flex_column { position: relative; aspect-ratio: 300 / 169; background-size: cover !important; }
#home-hero .iconbox,
#imageblock .iconbox { position: absolute; inset: 0; margin: 0; cursor: pointer; }
#home-hero .iconbox .entry-content-header,
#imageblock .iconbox .entry-content-header { position: absolute; inset: 0; margin: 0; }
#home-hero .iconbox .iconbox_content_title,
#imageblock .iconbox .iconbox_content_title,
#home-hero .iconbox .iconbox_icon,
#imageblock .iconbox .iconbox_icon,
#home-hero .iconbox .iconbox_content_container,
#imageblock .iconbox .iconbox_content_container {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
font-size: 0;
line-height: 0;
color: transparent;
background: transparent;
opacity: 0;
}
#home-hero .iconbox_content_title a,
#imageblock .iconbox_content_title a,
#home-hero .iconbox a.iconbox_icon,
#imageblock .iconbox a.iconbox_icon {
display: block;
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 0;
} .gt-rounded-card {
border-radius: 10px;
overflow: hidden;
} .um-members-grid .um-member,
.um-members .um-member {
border-radius: 10px;
overflow: hidden;
border: 1px solid rgba(0,0,0,.08);
box-shadow: 0 2px 8px rgba(0,0,0,.07);
transition: transform .15s ease, box-shadow .15s ease;
}
.um-members-grid .um-member:hover,
.um-members .um-member:hover {
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(0,0,0,.12);
} .um-directory .um-members-wrapper .um-members.um-members-grid .um-gutter-sizer {
width: 2% !important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
width: 23.5% !important;
margin-bottom: 24px !important;
box-shadow: 0 1px 4px rgba(0,0,0,.06) !important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member:hover {
box-shadow: 0 3px 8px rgba(0,0,0,.10) !important;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo {
padding: 20px 0 10px 0;
}
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-photo a img {
width: 96px;
height: 96px;
} .um-member-name,
.um-member-name a {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block;
max-width: 100%;
} .um-member:has(.gt-online) .um-member-photo a img {
border: 1px solid var(--gt-online-groen) !important;
box-shadow: 0 0 5px var(--gt-online-groen);
}  .gt-lastseen {
display: inline-block;
font-size: 12px;
color: #777;
margin: 4px 0;
}
.gt-lastseen.gt-online {
color: var(--gt-online-tekst);
font-weight: 600;
}
.gt-lastseen.gt-online::before {
content: "\25CF";
color: var(--gt-online-tekst);
margin-right: 5px;
}
.gt-age {
font-size: 12px;
color: #777;
} .um-directory .um-members-grid .um-member .gt-age {
display: block;
text-align: center;
}
.um-directory .um-members-grid .um-member .gt-lastseen {
display: block;
text-align: left;
padding-left: 14px;
} .gt-lastseen.gt-offline::before {
content: "\25CF";
color: #e08b8b;
margin-right: 5px;
} .um-member-directory-search-row {
display: none !important;
} .um-members-edit-btn {
position: absolute;
top: 8px;
right: 10px;
margin: 0 !important;
z-index: 5;
} .um-member:has(.gt-msg-card) .um-members-edit-btn,
.um-member:has(.gt-friend-ico) .um-members-edit-btn {
right: 44px;
}
.um-member:has(.gt-msg-card):has(.gt-friend-ico) .um-members-edit-btn {
right: 78px;
} body .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn {
font-size: 0 !important;
display: inline-flex !important;
align-items: center;
justify-content: center;
width: 26px !important;
min-width: 26px !important;
max-width: 26px !important;
height: 26px !important;
min-height: 26px !important;
max-height: 26px !important;
line-height: 1 !important;
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
border-radius: 50% !important;
background: rgba(255,255,255,.92) !important;
box-shadow: 0 1px 3px rgba(0,0,0,.15);
overflow: hidden;
box-sizing: border-box !important;
}
body .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn:before {
margin: 0;
width: auto;
position: static;
font-size: 14px;
line-height: 1;
color: var(--gt-donker);
}
body .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn:hover {
background: var(--gt-oranje-hover) !important;
}
body .um-directory .um-members-wrapper .um-members.um-members-grid .um-member .um-member-card .um-members-edit-btn a.um-edit-profile-btn:hover:before {
color: #fff;
} .gt-msg-card {
display: inline-flex !important;
align-items: center;
justify-content: center;
min-width: 26px !important;
max-width: 26px !important;
min-height: 26px !important;
max-height: 26px !important;
line-height: 1 !important;
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
box-sizing: border-box !important;
}
.gt-msg-card span {
display: block;
line-height: 1;
transform: translate(.5px, .5px);
} .um-new-dropdown ul,
.um-dropdown .um-dropdown-b ul {
background: #fff !important;
border: 1px solid #ddd !important;
border-radius: 6px !important;
box-shadow: 0 4px 14px rgba(0,0,0,.12) !important;
padding: 4px 0 !important;
text-align: left;
}
.um-new-dropdown li a,
.um-dropdown .um-dropdown-b li a {
display: block;
padding: 8px 14px !important;
font-size: 13px !important;
color: var(--gt-donker) !important;
text-align: left !important;
white-space: nowrap;
font-weight: 400 !important;
border: 0 !important;
background: none !important;
}
.um-new-dropdown li a:hover,
.um-dropdown .um-dropdown-b li a:hover {
background: #f5f5f5 !important;
color: var(--gt-oranje) !important;
} .gt-member-search-el {
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.gt-member-search-el .av_searchform_wrapper {
position: relative;
border: 1px solid #e1e1e1;
background: #fff;
}
.gt-member-search-el .av_searchsubmit_wrapper {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.gt-member-search-el #s {
width: 100%;
height: 40px;
line-height: 40px;
padding: 0 1.5em;
border: 0;
margin: 0;
box-sizing: border-box;
}
.gt-member-search-el #searchsubmit {
height: 100%;
padding: 0 2em;
border: 0;
margin: 0;
} .gt-member-filters {
margin-top: 10px;
}
.gt-member-filter {
display: block;
margin: 0 0 8px;
}
.gt-member-filter-label {
display: block;
font-size: 12px;
color: #777;
margin-bottom: 3px;
}
.gt-member-filter select,
.gt-member-filter input[type="text"],
.gt-member-age-row input[type="number"] {
width: 100%;
box-sizing: border-box;
padding: 7px 8px;
border: 1px solid #e1e1e1;
border-radius: 0;
background: #fff;
font-size: 14px;
color: var(--gt-donker);
}
.gt-member-age-row {
display: flex;
align-items: center;
gap: 6px;
}
.gt-member-age-sep {
color: #777;
}
.gt-member-more {
margin-top: 4px;
}
.gt-member-more > summary {
cursor: pointer;
font-size: 13px;
color: var(--gt-donker);
padding: 4px 0;
user-select: none;
}
.gt-member-more[open] > summary {
margin-bottom: 6px;
}
.gt-member-filter-check {
display: flex;
align-items: center;
gap: 7px;
font-size: 13px;
color: var(--gt-donker);
cursor: pointer;
} .gt-online-block {
margin-top: 10px;
margin-bottom: 16px;
padding-top: 10px;
border-top: 1px solid #e5e5e5;
}
.gt-online-countries {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 6px;
}
.gt-online-country {
display: inline-block;
padding: 3px 9px;
border: 1px solid #ddd;
border-radius: 20px;
font-size: 12px;
color: var(--gt-donker);
text-decoration: none;
background: #fff;
}
.gt-online-country b {
color: var(--gt-online-tekst);
font-weight: 600;
}
.gt-online-country:hover {
border-color: var(--gt-oranje);
color: var(--gt-oranje);
} .page-id-4503 .widget form:has(input[type="search"]):not(.gt-member-search),
.page-id-4609 .widget form:has(input[type="search"]):not(.gt-member-search),
.page-id-4612 .widget form:has(input[type="search"]):not(.gt-member-search),
.page-id-4615 .widget form:has(input[type="search"]):not(.gt-member-search) {
display: none !important;
} .um-profile .um-profile-meta .um-name,
.um-profile .um-profile-meta .um-name a {
text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff,
-1px 1px 0 #fff, 1px 1px 0 #fff,
0 0 4px rgba(255, 255, 255, .9) !important;
}
.um-profile .um-profile-meta .um-name .gt-lastseen,
.um-profile .um-profile-meta .um-name .gt-age,
.um-profile .um-profile-meta .um-name .gt-views,
.um-profile .um-profile-meta .um-name .gt-verified {
text-shadow: none !important;
} .um-profile .um-profile-meta .um-name .gt-lastseen {
background: rgba(255, 255, 255, .75);
padding: 2px 9px;
border-radius: 12px;
vertical-align: middle;
} .um-profile .um-profile-nav {
background: transparent !important;
border: 0 !important;
border-bottom: 1px solid #e8e8e8 !important;
display: flex;
justify-content: flex-end;
gap: 6px;
padding: 4px 0 8px 0;
margin-bottom: 14px;
} .um-profile .um-header {
border-bottom: 0 !important;
padding-bottom: 10px;
}
.um-profile .um-profile-meta {
border-bottom: 0 !important;
} .um-profile .um-profile-nav-item a,
.um-profile .um-profile-nav-item a:hover,
.um-profile .um-profile-nav-item.active a,
.um-profile .um-profile-nav-item.active a:hover {
background: transparent !important;
color: var(--gt-donker) !important;
padding: 6px 12px 6px 0 !important;
margin-left: 0 !important;
} .um-profile .um-profile-nav-item {
margin-left: 0;
margin-right: 18px;
}
.um-profile .um-profile-nav-item i {
font-size: 18px;
color: #9a9a9a !important;
transition: color .15s ease;
}
.um-profile .um-profile-nav-item.active i {
color: var(--gt-donker) !important;
} .um-profile .um-profile-nav-item a:hover i,
.um-profile .um-profile-nav-item.active a i {
background: linear-gradient(137deg, rgb(162,49,54) 0%, rgb(177,121,47) 20%, rgb(160,146,40) 40%, rgb(44,132,74) 60%, rgb(50,79,174) 80%, rgb(107,51,153) 100%);
-webkit-background-clip: text;
background-clip: text;
color: transparent !important;
-webkit-text-fill-color: transparent;
} .um-profile .um-profile-navbar {
display: flex;
align-items: center;
justify-content: flex-start;
}
.um-profile .um-profile-navbar:has(.gt-friend-nav) {
position: relative;
z-index: 3;
height: 44px;
margin-bottom: -44px;
pointer-events: none;
}
.um-profile .um-profile-navbar .gt-friend-nav { pointer-events: auto; }
.um-profile .um-profile-navbar .gt-friend-main {
margin-left: 0;
padding: 5px 14px;
border: 1px solid #e0e0e0;
border-radius: 14px;
} @media only screen and (max-width:767px) {
.um-profile .um-profile-navbar:has(.gt-friend-nav) {
height: auto;
margin-bottom: 0;
justify-content: center;
padding: 4px 0 10px;
}
.um-profile .um-profile-nav {
justify-content: center;
flex-wrap: nowrap;
gap: 0;
}
.um-profile .um-profile-nav-item {
flex: 1 1 0;
min-width: 0;
margin-right: 0;
text-align: center;
}
.um-profile .um-profile-nav-item a,
.um-profile .um-profile-nav-item a:hover,
.um-profile .um-profile-nav-item.active a,
.um-profile .um-profile-nav-item.active a:hover {
padding: 8px 2px !important;
}
} body:not(.gt-admin) .um-profile .um-profile-photo a {
pointer-events: none;
cursor: default;
} .um-profile .um-profile-body {
max-width: none !important;
margin: 0 !important;
}
.um-profile .um-item {
overflow: hidden;
padding: 14px 0 14px 0;
}
.um-profile .um-item-img {
float: left;
padding: 0;
margin: 2px 14px 4px 0;
}
.um-profile .um-item-img a {
padding: 0;
border: 0;
}
.um-profile .um-item-img img {
max-width: 120px;
height: auto;
} .um-profile .um-item-link {
padding-right: 30px;
}
.um-profile .um-item-link i {
margin-right: 6px;
font-size: 18px;
}
.um-profile .um-item-excerpt {
font-size: 13px;
color: #666;
margin: 4px 0 6px 0;
line-height: 1.45;
}
.um-profile .um-item-meta {
font-size: 13px;
} @media only screen and (max-width: 1024px) {
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member { width: 32% !important; }
}
@media only screen and (max-width: 640px) {
.um-directory .um-members-wrapper .um-members.um-members-grid .um-member { width: 49% !important; }
} .um-profile .um-cover {
border-radius: 10px 10px 0 0;
}
.um-profile .um-header {
display: flex;
align-items: flex-start;
position: relative;
padding: 0 0 15px 0;
}
.um-profile .um-profile-photo {
position: relative;
z-index: 2;
flex: 0 0 auto;
align-self: flex-start;
margin-top: 0;
} .um-profile .um-profile-photo:has(.um-dropdown[style*="block"]) {
z-index: 4;
} #main .content:has(.um-dropdown[style*="block"]),
#main .flex_column:has(.um-dropdown[style*="block"]) {
z-index: 2;
} .um-profile .um-profile-photo a.um-profile-photo-img {
background: #fff !important;
background-color: #fff !important;
background-image: none !important;
border: 0 !important;
border-bottom: 0 !important;
border-radius: 50%;
padding: 6px; width: auto !important;
height: auto !important;
box-sizing: content-box;
display: flex; line-height: 0;
}
.um-profile .um-profile-photo a img {
border: 3px solid #fff !important;
box-sizing: border-box;
box-shadow: none;
display: block;
border-radius: 50%;
} .um-profile:has(.gt-online) .um-profile-photo a.um-profile-photo-img {
box-shadow: 0 0 0 2px var(--gt-online-groen) !important;
} #top .um-profile.um-editing .um-profile-photo a.um-profile-photo-img .um-profile-photo-overlay,
.um-profile.um-editing .um-profile-photo a.um-profile-photo-img .um-profile-photo-overlay {
top: 9px !important;
left: 9px !important;
right: 9px !important;
bottom: 9px !important;
width: auto !important;
height: auto !important;
border-radius: 50% !important;
padding: 0 !important;
background: rgba(0,0,0,.5) !important;
} #top .um-profile .um-profile-photo a.um-profile-photo-img,
#top .um-profile.uimob800 .um-profile-photo a.um-profile-photo-img,
#top .um-profile.uimob960 .um-profile-photo a.um-profile-photo-img {
top: -70px !important;
}  #top .um-profile.uimob500 .um-header,
#top .um-profile.uimob340 .um-header {
display: block;
position: relative;
padding: 0;
} #top .um-profile.uimob500 .um-profile-photo,
#top .um-profile.uimob340 .um-profile-photo {
position: relative !important;
left: auto !important;
top: auto !important;
float: none !important;
width: 150px !important;
height: 155px;
margin: -70px auto 0 auto !important;
}
#top .um-profile.uimob500 .um-profile-photo a.um-profile-photo-img,
#top .um-profile.uimob340 .um-profile-photo a.um-profile-photo-img {
position: relative !important;
top: 0 !important;
left: 0 !important;
justify-content: center;
} #top .um-profile.uimob500 .um-profile-meta,
#top .um-profile.uimob340 .um-profile-meta {
position: static !important;
margin: 12px 0 10px 0 !important;
padding: 0 !important; width: auto;
text-align: left !important; }
#top .um-profile.uimob500 .um-profile-meta .um-name,
#top .um-profile.uimob500 .um-profile-meta .um-main-meta,
#top .um-profile.uimob500 .um-profile-meta .um-meta,
#top .um-profile.uimob340 .um-profile-meta .um-name,
#top .um-profile.uimob340 .um-profile-meta .um-main-meta,
#top .um-profile.uimob340 .um-profile-meta .um-meta {
text-align: left !important;
float: none !important;
padding: 0 !important;
}
#top .um-profile.uimob500 .um-profile-meta .um-meta,
#top .um-profile.uimob340 .um-profile-meta .um-meta {
margin-top: 2px;
} .um-profile .um-profile-meta {
flex: 1 1 auto;
align-self: flex-start;
margin-top: -35px;
padding-left: 24px !important;
padding-right: 70px;
text-align: left;
}
.um-profile .um-main-meta {
padding: 0;
text-align: left;
}
.um-profile .um-name {
float: none;
text-align: left;
margin: 0;
padding: 0;
line-height: 1.3;
}
.um-profile .um-name a {
font-size: 26px;
} .um-profile .um-profile-meta .um-meta {
text-align: left;
margin-top: 2px;
}
.um-profile .um-profile-meta .um-meta span {
margin: 0 3px;
} .um-profile .um-profile-meta .um-meta span:first-child { margin-left: 0; } .um-profile .um-profile-meta .um-meta-text { margin-top: 2px; } .gt-gate-note {
display: inline-block;
padding: 8px 12px;
color: #666;
font-style: italic;
}
.gt-gate-note .fas { margin-right: 6px; } .um-profile .um-name .gt-lastseen,
.um-profile .um-name .gt-age {
display: inline-block;
vertical-align: middle;
margin: 0 0 0 10px;
font-size: 13px;
font-weight: 400;
}
.um-profile .um-name br {
display: none;
} @media only screen and (max-width: 767px) {
.um-profile .um-header { flex-direction: column; align-items: center; }
.um-profile .um-profile-meta {
padding-left: 0 !important;
padding-right: 0 !important;
text-align: center;
}
#top .um-profile.uimob340 .um-profile-meta .um-main-meta,
#top .um-profile.uimob340 .um-profile-meta .um-meta,
#top .um-profile.uimob500 .um-profile-meta .um-main-meta,
#top .um-profile.uimob500 .um-profile-meta .um-meta {
text-align: center !important;
}
.um-profile .um-main-meta,
.um-profile .um-name,
.um-profile .um-profile-meta .um-meta { text-align: center; }
} .gt-photos { margin-top: 10px; }
.gt-photo-main img.gt-main-img {
width: 100%;
aspect-ratio: 4 / 3;
object-fit: contain;
border-radius: 6px;
background: #f5f5f5;
}
.gt-photo-thumbs-wrap { position: relative; margin-top: 10px; }
.gt-photos--single .gt-photo-thumbs-wrap { display: none; }
.gt-photo-thumbs {
display: flex;
gap: 8px;
overflow-x: auto;
padding: 0 4px 4px;
scrollbar-width: none;
}
.gt-photo-thumbs::-webkit-scrollbar { display: none; }
.gt-th-nav {
display: none;
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
width: 30px;
height: 30px;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(0,0,0,.55);
color: #fff;
font-size: 20px;
line-height: 1;
cursor: pointer;
}
.gt-th-scrollable .gt-th-nav { display: block; }
.gt-th-prev { left: 2px; }
.gt-th-next { right: 2px; }
.gt-th-nav:disabled { opacity: .25; cursor: default; }
.gt-thumb-wrap {
flex: 0 0 auto;
cursor: pointer;
border: 2px solid transparent;
border-radius: 6px;
overflow: hidden;
line-height: 0;
}
.gt-thumb-wrap.gt-active { border-color: var(--gt-online-groen); }
.gt-thumb-wrap.gt-feat { border-color: #7c68ee; }
.gt-thumb-wrap img.gt-thumb { width: 80px; height: 80px; object-fit: cover; }
.gt-photo-upload {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
margin: 10px 0 15px;
}
.gt-photo-upload input[type=file] { position: absolute; left: -9999px; }
.gt-photo-edit {
display: flex;
align-items: center;
gap: 14px;
margin-top: 12px;
flex-wrap: wrap;
font-size: 13px;
}
.gt-featured-photo { margin: 15px 0; }
.gt-featured-photo .gt-feat-img { border-radius: 6px; }
.gt-featured-photo .gt-feat-label {
display: inline-block;
margin-top: 6px;
font-size: 13px;
color: var(--gt-online-tekst);
}
.gt-photos-empty, .gt-photos-locked { color: #6b6b6b; font-style: italic; } .gt-photo-ints-view { margin-top: 14px; }
.gt-photo-int-chip {
display: inline-block;
padding: 3px 10px;
margin: 0 6px 6px 0;
border-radius: 12px;
background: #f0f0f0;
color: var(--gt-donker, #333);
font-size: 12px;
text-decoration: none;
}
.gt-photo-int-chip:hover { background: var(--gt-oranje, #f68b1f); color: #fff; }
.gt-photo-ints { flex-basis: 100%; }
.gt-photo-ints label { font-size: 12px; color: #6b6b6b; display: block; margin-bottom: 4px; }
.gt-photo-ints select { max-width: 320px; font-size: 13px; }
.gt-ints-hint { font-size: 11px; color: #999; margin-left: 8px; } .gt-int-photos { margin-top: 22px; }
.gt-int-photos-label { display: block; font-size: 12px; color: #6b6b6b; margin-bottom: 10px; }
.gt-int-photo-wrap { display: inline-block; margin: 0 8px 8px 0; }
.gt-int-photo-wrap img.gt-int-photo {
width: 64px; height: 64px; object-fit: cover; border-radius: 6px;
} .gtlp-notice {
padding: 12px 16px;
margin: 0 0 18px;
border-radius: 6px;
font-size: 14px;
}
.gtlp-notice-success {
background: #e8f5e9;
color: #2c844a;
border: 1px solid #b7dfb8;
}
.gtlp-notice-error {
background: #ffebee;
color: #c62828;
border: 1px solid #ef9a9a;
}
.gtlp-intro {
font-size: 14px;
color: #666;
margin: 0 0 18px;
}
.gtlp-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 16px;
margin: 0 0 24px;
}
.gtlp-card {
display: flex;
align-items: flex-start;
gap: 12px;
padding: 14px;
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0,0,0,.06);
text-decoration: none;
transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.gtlp-card:hover,
.gtlp-card:focus {
border-color: var(--gt-oranje);
box-shadow: 0 4px 14px rgba(0,0,0,.1);
transform: translateY(-2px);
}
.gtlp-card-icon {
flex: 0 0 48px;
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
background: #f8f8f8;
border-radius: 8px;
overflow: hidden;
}
.gtlp-card-icon img {
max-width: 36px;
max-height: 36px;
object-fit: contain;
}
.gtlp-card-body {
flex: 1 1 auto;
display: flex;
flex-direction: column;
min-width: 0;
}
.gtlp-card-title {
color: var(--gt-donker);
font-size: 15px;
font-weight: 600;
margin-bottom: 3px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gtlp-card-desc {
color: #777;
font-size: 13px;
line-height: 1.4;
margin-bottom: 4px;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.gtlp-card-url {
color: var(--gt-oranje);
font-size: 12px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gtlp-card:hover .gtlp-card-url,
.gtlp-card:focus .gtlp-card-url {
color: var(--gt-oranje-hover);
}
.gtlp-toggle-form {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 18px;
border: 0;
border-radius: 6px;
background: var(--gt-oranje);
color: #fff;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: background .15s ease;
}
.gtlp-toggle-form:hover,
.gtlp-toggle-form:focus {
background: #d9541e;
}
.gtlp-toggle-form::before {
content: "+";
font-size: 18px;
line-height: 1;
}
.gtlp-form {
margin-top: 16px;
padding: 18px;
background: #f9f9f9;
border: 1px solid #e6e6e6;
border-radius: 10px;
}
.gtlp-form p {
margin: 0 0 14px;
}
.gtlp-form label {
display: inline-block;
font-size: 13px;
color: var(--gt-donker);
margin-bottom: 4px;
font-weight: 500;
}
.gtlp-form input[type="url"],
.gtlp-form input[type="text"],
.gtlp-form textarea {
width: 100%;
max-width: 500px;
padding: 10px 12px;
border: 1px solid #ddd;
border-radius: 6px;
background: #fff;
font-size: 14px;
box-sizing: border-box;
}
.gtlp-form input[type="url"]:focus,
.gtlp-form input[type="text"]:focus,
.gtlp-form textarea:focus {
border-color: var(--gt-oranje);
outline: none;
}
.gtlp-submit {
padding: 10px 22px;
border: 0;
border-radius: 6px;
background: var(--gt-oranje);
color: #fff;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: background .15s ease;
}
.gtlp-submit:hover,
.gtlp-submit:focus {
background: #d9541e;
}
.gtlp-login-hint {
margin-top: 18px;
font-size: 14px;
}
.gtlp-login-hint a {
color: var(--gt-oranje);
}
@media only screen and (max-width: 640px) {
.gtlp-grid {
grid-template-columns: 1fr;
}
.gtlp-card {
align-items: center;
}
} #usp_form fieldset {
margin: 0 0 18px;
}
#usp_form label {
display: inline-block;
font-size: 13px;
color: var(--gt-donker);
margin-bottom: 4px;
font-weight: 500;
}
#usp_form .usp-input,
#usp_form .usp-select,
#usp_form .usp-textarea {
width: 100%;
max-width: 640px;
padding: 10px 12px;
border: 1px solid #ddd;
border-radius: 6px;
background: #fff;
font-size: 14px;
box-sizing: border-box;
}
#usp_form .usp-input:focus,
#usp_form .usp-select:focus,
#usp_form .usp-textarea:focus {
border-color: var(--gt-oranje);
outline: none;
}
#usp_form .usp_text-editor .wp-editor-wrap {
border: 1px solid #ddd;
border-radius: 6px;
}
#usp_form input[type="file"].usp-input {
padding: 8px;
}
#usp_form .usp-submit {
padding: 10px 26px;
border: 0;
border-radius: 6px;
background: var(--gt-oranje);
color: #fff;
font-size: 14px;
font-weight: 500;
cursor: pointer;
transition: background .15s ease;
}
#usp_form .usp-submit:hover,
#usp_form .usp-submit:focus {
background: #d9541e;
}
#usp-success-message {
padding: 12px 16px;
border-radius: 6px;
background: #eaf7ee;
border: 1px solid #b9e2c6;
color: var(--gt-online-tekst);
font-weight: 500;
}
#usp-error-message,
#usp_form .usp-error {
padding: 12px 16px;
border-radius: 6px;
background: #fdeeee;
border: 1px solid #f0c6c6;
color: #a33;
}
#usp-upload-message {
font-size: 13px;
color: #666;
margin: 0 0 8px;
}
#usp_add-another {
font-size: 13px;
}  .gt-friend-requests-widget h3 {
font-weight: 600;
line-height: 30px;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 10px;
padding-bottom: 4px;
} .gt-friend-requests-widget .gt-freq,
.gt-friends-tab .gt-freq {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 0;
border-bottom: 1px solid #eee;
}
.gt-friend-requests-widget .gt-freq:last-child,
.gt-friends-tab .gt-freq:last-child {
border-bottom: 0;
}
.gt-freq-ava {
flex: 0 0 44px;
}
.gt-freq-ava img {
width: 44px;
height: 44px;
border-radius: 50%;
object-fit: cover;
display: block;
border: 2px solid #fff;
box-shadow: 0 1px 4px rgba(0,0,0,.28);
box-sizing: border-box;
}
.gt-freq-body {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
.gt-freq-name {
font-weight: 600;
color: var(--gt-donker);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gt-freq-btns {
display: flex;
gap: 6px;
}
.gt-friend-btn {
border: 0;
border-radius: 14px;
padding: 4px 12px;
font-size: 12px;
font-weight: 600;
cursor: pointer;
background: #eee;
color: var(--gt-donker);
}
.gt-friend-btn.gt-accept {
background: var(--gt-oranje);
color: #fff;
}
.gt-friend-btn.gt-accept:hover {
background: var(--gt-oranje-hover);
}
.gt-friend-btn.gt-decline:hover {
background: #ddd;
} .gt-friend-ico {
display: inline-flex !important;
align-items: center;
justify-content: center;
position: absolute;
top: 8px;
right: 10px;
width: 26px !important;
min-width: 26px !important;
max-width: 26px !important;
height: 26px !important;
min-height: 26px !important;
max-height: 26px !important;
padding: 0 !important;
margin: 0;
border: 0 !important;
border-radius: 50% !important;
background: rgba(255,255,255,.92) !important;
box-shadow: 0 1px 3px rgba(0,0,0,.15);
color: var(--gt-donker);
font-size: 12px;
line-height: 1;
box-sizing: border-box !important;
z-index: 5;
}
.gt-friend-ico i,
.gt-friend-ico .fas {
line-height: 1;
display: inline-block;
}
.gt-friend-ico:hover {
background: var(--gt-oranje-hover) !important;
color: #fff;
} .um-member:has(.gt-msg-card) .gt-friend-ico {
right: 44px;
}
.gt-friend-ico.gt-is-friend { color: var(--gt-oranje); }
.gt-friend-ico.gt-req-out  { color: #999; } .gt-friend-main {
display: inline-block;
vertical-align: middle;
margin-left: 8px;
padding: 2px 9px;
border-radius: 12px;
background: #fff;
color: var(--gt-oranje);
font-size: 13px;
}
.gt-friend-main:hover { background: #f2f2f2; }
.gt-friend-main.gt-is-friend { background: #fff; color: var(--gt-donker); }
.gt-friend-main.gt-req-out  { background: #fff; color: #888; }
.gt-friend-main.gt-req-in   { background: #fff; color: var(--gt-online-tekst); } .gt-friends-count { color: var(--gt-oranje); } .gt-friends-tab .gt-friends-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
gap: 14px;
margin: 10px 0 20px;
}
.gt-friend-card {
position: relative;
text-align: center;
}
.gt-friend-card a {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
color: var(--gt-donker);
font-size: 13px;
font-weight: 600;
}
.gt-friend-card img,
.gt-friend-card .gt-friend-ph {
width: 72px;
height: 72px;
border-radius: 50%;
object-fit: cover;
display: block;
}
.gt-friend-card .gt-friend-ph {
background: #ddd;
color: #999;
display: flex;
align-items: center;
justify-content: center;
font-size: 13px;
font-weight: 700;
}
.gt-friends-anon .gt-friend-card span:last-child { min-height: 1em; }
.gt-friend-card .gt-remove {
position: absolute;
top: -4px;
right: 8px;
width: 20px;
height: 20px;
padding: 0;
border-radius: 50%;
background: #e8e8e8;
color: #888;
font-size: 13px;
line-height: 1;
}
.gt-friend-card .gt-remove:hover { background: #d9534f; color: #fff; }  .gt-friend-badge {
display: inline-block;
min-width: 16px;
height: 16px;
line-height: 16px;
border-radius: 8px;
background: #ffd21e;
color: var(--gt-donker);
font-size: 11px;
font-weight: 700;
text-align: center;
padding: 0 4px;
margin-left: 4px;
vertical-align: middle;
} .gt-total-badge {
display: inline-block;
min-width: 16px;
height: 16px;
line-height: 16px;
border-radius: 8px;
background: linear-gradient(90deg, var(--gt-oranje) 0 50%, #f0b400 50% 100%);
color: #fff;
font-size: 11px;
font-weight: 700;
text-align: center;
padding: 0 4px;
margin-left: 4px;
vertical-align: middle;
text-shadow: 0 0 3px rgba(0, 0, 0, .55);
}
.gt-total-badge.gt-msgs-only { background: var(--gt-oranje); }
.gt-total-badge.gt-friends-only {
background: #ffd21e;
color: var(--gt-donker);
text-shadow: none;
} .gt-settings-toggle {
display: inline-block;
vertical-align: middle;
border: 0;
background: none;
padding: 0 2px;
margin: 0 0 0 4px;
font-size: 15px;
color: #999;
cursor: pointer;
line-height: 1;
}
.gt-settings-toggle:hover { color: var(--gt-oranje); }
.gt-friend-settings { display: none; margin-top: 12px; }
.gt-friend-settings select,
.gt-friend-settings input[type="checkbox"] {
margin-left: 4px;
}
.gt-friend-save-msg { color: var(--gt-online-tekst); font-size: 13px; }  .gt-follow-block {
margin: 30px 0 10px;
padding: 20px;
background: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 10px;
}
.gt-follow-widget .gt-follow-block {
margin: 0;
padding: 14px;
}
.gt-follow-widget .gt-follow-strip { margin-top: 10px; }
.gt-follow-btn {
display: inline-block;
border: 0;
border-radius: 16px;
padding: 7px 18px;
font-size: 13px;
font-weight: 600;
cursor: pointer;
background: var(--gt-oranje);
color: #fff;
text-decoration: none;
}
.gt-follow-btn:hover { background: var(--gt-oranje-hover); color: #fff; }
.gt-follow-btn.gt-is-following { background: var(--gt-online-groen); color: #1c4d2c; }
.gt-follow-btn.gt-follow-login { background: #eee; color: var(--gt-donker); }
.gt-follow-btn.gt-follow-login:hover { background: #ddd; }
.gt-follow-count {
color: #777;
font-size: 13px;
margin-left: 6px;
} .gt-new-post { margin-bottom: 16px; }
.gt-new-post > summary { list-style: none; display: inline-block; cursor: pointer; }
.gt-new-post > summary::-webkit-details-marker { display: none; }
.gt-pp-form { margin-top: 14px; max-width: 640px; }
.gt-pp-form input[type="text"], .gt-pp-form textarea, .gt-pp-form select {
border: 1px solid #ddd; border-radius: 6px; padding: 8px 10px; font-size: 14px;
}
.gt-pp-notice { padding: 10px 14px; border-radius: 6px; margin-bottom: 12px; }
.gt-pp-ok { background: #e6f7e6; color: #1c4d2c; }
.gt-pp-err { background: #fdeaea; color: #8a1f1f; }
.gt-follow-strip {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 14px;
}
.gt-follow-ava img {
width: 48px;
height: 48px;
border-radius: 50%;
object-fit: cover;
display: block;
border: 2px solid #fff;
box-shadow: 0 1px 4px rgba(0,0,0,.28);
box-sizing: border-box;
}
.gt-follow-ava:hover img { border-color: var(--gt-oranje); } .gt-int-chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 8px 0 18px;
}
.gt-int-chip {
display: inline-flex;
align-items: center;
gap: 6px;
border-radius: 14px;
padding: 4px 12px;
font-size: 13px;
font-weight: 600;
background: #f0f0f0;
color: var(--gt-donker);
border: 1px solid #e2e2e2;
}
.gt-int-chip a { color: var(--gt-donker); }
.gt-int-chip:hover { border-color: var(--gt-oranje); }
.gt-int-cat {
margin: 14px 0 4px;
font-size: 14px;
color: #555;
text-transform: uppercase;
letter-spacing: .4px;
}
.gt-int-unf {
border: 0;
border-radius: 50%;
width: 18px;
height: 18px;
padding: 0;
font-size: 12px;
line-height: 1;
background: #ddd;
color: #888;
cursor: pointer;
}
.gt-int-unf:hover { background: #d9534f; color: #fff; } .um-profile-body.main {
display: flex;
flex-direction: column;
min-height: clamp(320px, 55vh, 620px);
} .um-profile-body.main .gt-main-socials { margin-bottom: 30px; }
.gt-socials-row { flex-direction: column; align-items: flex-start !important; gap: 6px !important; }
.gt-social-item { display: inline-flex; align-items: center; gap: 8px; }
.gt-social-net { font-weight: 600; min-width: 74px; }
.gt-social-item a {
display: inline-flex;
align-items: center;
gap: 5px;
color: #333;
}
.gt-social-item a:hover { color: #e87722; }
.um-profile-body.main .gt-main-friends,
.um-profile-body.main .gt-main-interests { margin-top: auto; } .um-profile-body.main .gt-main-friends + .gt-main-interests { margin-top: 30px; } .gt-profile-extra { clear: both; width: 100%; }
.um-profile.um-viewing .gt-profile-extra .um-field-label {
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
width: 100%;
box-sizing: border-box;
}
.gt-profile-extra .um-field-label .gt-int-more { font-weight: 400; } .gt-sec-count { color: #999; font-weight: 400; }
.gt-head-side { display: inline-flex; align-items: baseline; gap: 10px; }
.gt-vis-ico { color: #aaa; font-size: 13px; }
a.gt-vis-ico:hover { color: var(--gt-oranje); } .gt-ft-ava {
width: 104px;
height: 104px;
border-radius: 10px;
background: #eee;
display: flex;
align-items: center;
justify-content: center;
color: #ccc;
font-size: 34px;
}
.gt-ft-unk {
display: block;
height: 12px;
width: 68%;
background: #eee;
border-radius: 6px;
margin-top: 8px;
}
.gt-int-chip.gt-int-ph {
width: 90px;
height: 30px;
padding: 0;
cursor: default;
}
.gt-int-chip.gt-int-ph:hover { border-color: #e2e2e2; }
.gt-profile-extra .gt-extra-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
padding: 6px 0 4px;
} .gt-friend-tile {
display: inline-flex;
flex-direction: column;
width: 104px;
text-decoration: none;
color: var(--gt-donker);
}
.gt-friend-tile img {
width: 104px;
height: 104px;
object-fit: cover;
border-radius: 10px;
}
.gt-friend-tile:hover img { outline: 2px solid var(--gt-oranje); }
.gt-main-friends .gt-extra-row { align-items: flex-start; }
.gt-friend-tile .gt-ft-name {
font-size: 13px;
font-weight: 600;
margin-top: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gt-friend-tile .gt-ft-sub {
font-size: 11px;
color: #777;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gt-int-more { font-size: 13px; color: var(--gt-oranje); white-space: nowrap; } .gt-interests-count { color: var(--gt-oranje); } .gt-int-suggest {
margin-top: 10px;
padding: 14px;
background: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 8px;
max-width: 460px;
}
.gt-int-suggest input[type="text"],
.gt-int-suggest select {
width: 100%;
max-width: 420px;
}
.gt-int-suggest label { font-weight: 600; }
.gt-int-settings { margin-top: 4px; }
.gt-int-msg,
.gt-int-save-msg { color: var(--gt-online-tekst); font-size: 13px; } .gt-tg-box {
margin-top: 18px;
padding: 14px;
background: #f8f9fa;
border: 1px solid #e9ecef;
border-radius: 8px;
max-width: 460px;
}
.gt-tg-box h4 { margin: 0 0 6px; }
.gt-tg-help { color: #555; font-size: 13px; }
.gt-tg-status { font-size: 13px; color: #777; margin: 6px 0 0; }
.gt-tg-msg { font-size: 13px; color: var(--gt-online-tekst); }
#gt_tg_open { background: #229ed9; } #gt_tg_open:hover { background: #1b87b8; }
.gt-tg-actions { margin: 4px 0 0; white-space: nowrap; }
.gt-tg-sm { padding: 4px 12px; font-size: 12px; border-radius: 13px; }
.gt-tg-muted { background: #eee; color: var(--gt-donker); }
.gt-tg-muted:hover { background: #ddd; color: var(--gt-donker); } .um-field .gt-tg-box { margin-top: 4px; max-width: 100%; box-sizing: border-box; }
.um-field .gt-tg-box p { margin: 0 0 8px; } .gt-skip-link {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
white-space: nowrap;
z-index: 100010;
background: var(--gt-donker, #1a1a1a);
color: #fff;
padding: 10px 16px;
font-size: 14px;
border-radius: 0 0 6px 0;
text-decoration: none;
}
.gt-skip-link:focus,
.gt-skip-link:focus-visible { left: 8px !important;
top: 8px !important;
width: auto !important;
height: auto !important;
overflow: visible !important;
clip: auto !important;
clip-path: none !important;
white-space: normal !important;
color: #fff;
outline: 2px solid #fff;
} .template-search .entry-content-wrapper:has(.search-result-thumb) {
padding-left: 105px;
}
.search-result-thumb {
position: absolute;
left: 0;
top: 0;
display: block;
width: 85px;
}
.search-result-thumb .search-result-thumb-img {
width: 85px;
height: 85px;
object-fit: cover;
border-radius: 6px;
margin: 0;
}
.search-result-thumb:hover .search-result-thumb-img {
outline: 2px solid var(--gt-oranje);
} .gt-search-members { margin: 26px 0 10px; clear: both; }
.gt-search-members-hint { color: #666; font-size: 14px; margin: 0; }
.gt-search-members-grid {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 14px;
margin-top: 10px;
}
.gt-search-member {
display: inline-flex;
flex-direction: column;
align-items: center;
width: 104px;
text-decoration: none;
color: var(--gt-donker);
text-align: center;
}
.gt-search-member-avatar {
display: block;
width: 96px;
height: 96px;
border-radius: 50%;
overflow: hidden;
}
.gt-search-member-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.gt-search-member:hover .gt-search-member-avatar { outline: 2px solid var(--gt-oranje); }
.gt-search-member-avatar.is-online {
outline: 2px solid var(--gt-online-groen);
box-shadow: 0 0 5px var(--gt-online-groen);
}
.gt-search-member-name {
display: block;
font-size: 13px;
font-weight: 600;
margin-top: 6px;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.gt-search-members-all {
display: inline-block;
margin-top: 12px;
font-size: 13px;
font-weight: 600;
color: var(--gt-oranje);
} .gt-extranet-btn {
display: block;
text-align: center;
background: var(--gt-oranje);
color: #fff !important;
padding: 10px 18px;
border-radius: 4px;
font-weight: 600;
text-decoration: none !important;
transition: background .2s;
}
.gt-extranet-btn:hover {
background: var(--gt-donker);
color: #fff !important;
} ins.adsbygoogle.google-auto-placed {
min-height: 280px;
}
ins.adsbygoogle[data-ad-status="unfilled"] {
display: none !important;
min-height: 0 !important;
} .gt-ad {
clear: both;
margin: 20px 0;
overflow: hidden;
text-align: center;
}
.gt-ad ins.adsbygoogle {
min-height: 250px;
}
.gt-ad:has(ins.adsbygoogle[data-ad-status="unfilled"]) {
display: none;
} .telegram-groups-grid .gt-ad-card {
margin: 0;
min-height: 340px;
border: 1px dashed #ccc;
border-radius: 8px;
background: #fafafa;
display: flex;
flex-direction: column;
overflow: hidden;
}
.gt-ad-card .gt-ad-label {
display: block;
padding: 4px 10px;
font-size: 11px;
color: #999;
text-transform: uppercase;
letter-spacing: .05em;
text-align: right;
}
.gt-ad-card ins.adsbygoogle {
width: 100%;
min-height: 250px;
flex: 1;
} .gt-article-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin: 10px 0 30px;
}
.gt-article-grid .gt-ag-card {
background: #fff;
border: 1px solid #e6e6e6;
border-radius: 8px;
overflow: hidden;
display: flex;
flex-direction: column;
}
.gt-article-grid .gt-ag-media { display: block; }
.gt-article-grid .gt-ag-media img {
width: 100%;
height: auto;
aspect-ratio: 16/10;
object-fit: cover;
display: block;
}
.gt-article-grid .gt-ag-title {
font-size: 17px;
margin: 14px 16px 6px;
}
.gt-article-grid .gt-ag-title a { color: inherit; text-decoration: none; }
.gt-article-grid .gt-ag-excerpt {
margin: 0 16px 12px;
font-size: 14px;
color: #666;
}
.gt-article-grid .gt-ag-more {
margin: auto 16px 16px;
font-weight: 600;
} .gt-article-grid .gt-ad-card {
margin: 0;
min-height: 0;
border: 1px dashed #ccc;
border-radius: 8px;
background: #fafafa;
display: flex;
flex-direction: column;
overflow: hidden;
}
@media only screen and (max-width: 989px) {
.gt-article-grid { grid-template-columns: repeat(2, 1fr); }
}
@media only screen and (max-width: 600px) {
.gt-article-grid { grid-template-columns: 1fr; }
}  .gt-discord-widget {
border: 1px solid rgba(0,0,0,.08);
border-radius: 8px;
padding: 14px;
background: #fafafa;
}
.gt-discord-widget h3 { margin-top: 0; }
.gt-dc-count { margin-bottom: 8px; } .gt-dc-list {
list-style: none;
margin: 0;
padding: 0;
}
.gt-dc-av {
display: flex;
align-items: center;
gap: 9px;
padding: 3px 0;
}
.gt-dc-av img {
display: block;
width: 32px;
height: 32px;
border-radius: 50%;
border: 2px solid transparent;
flex: none;
}
.gt-dc-name { line-height: 1.2; }
.gt-dc-av.gt-dc-online img { border-color: #43b581; }
.gt-dc-av.gt-dc-idle img    { border-color: #faa61a; }
.gt-dc-av.gt-dc-dnd img     { border-color: #f04747; } .gt-socials-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 12px;
}
@media only screen and (max-width: 767px) {
.gt-socials-grid { grid-template-columns: 1fr; }
}
.gt-social-tile {
border: 1px solid rgba(0,0,0,.08);
border-radius: 8px;
padding: 12px 14px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
} .gt-soc-ic {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 8px;
flex: none;
text-decoration: none;
}
.gt-soc-fb .gt-soc-ic { color: #1877f2; background: #e7f0fd; }
.gt-soc-ig .gt-soc-ic { color: #e1306c; background: #fde7f0; }
.gt-soc-x  .gt-soc-ic { color: #111;    background: #eee; }
.gt-soc-dc .gt-soc-ic { color: #5865f2; background: #e9ebfe; }
.gt-soc-tg .gt-soc-ic { color: #229ed9; background: #e3f3fc; }
.gt-soc-bsky .gt-soc-ic { color: #1185fe; background: #e3f0ff; } .gt-socials-side { display: flex; gap: 10px; align-items: center; }
.gt-socials-side a {
display: inline-flex; align-items: center; justify-content: center;
width: 30px; height: 30px; border-radius: 7px; flex: none;
}
.gt-socials-side a.gt-soc-fb { color: #1877f2; background: #e7f0fd; }
.gt-socials-side a.gt-soc-ig { color: #e1306c; background: #fde7f0; }
.gt-socials-side a.gt-soc-x  { color: #111;    background: #eee; }
.gt-socials-side a.gt-soc-dc { color: #5865f2; background: #e9ebfe; }
.gt-socials-side a.gt-soc-tg { color: #229ed9; background: #e3f3fc; }
.gt-socials-side a.gt-soc-bsky { color: #1185fe; background: #e3f0ff; } .av-social-link-bluesky a::before {
content: "" !important;
display: inline-block;
width: 16px; height: 16px;
vertical-align: -3px;
background: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.955 3.195 2.817 9.501 7.834 4.308 4.556-5.072 1.082-6.501-2.83-7.078-.139-.016-.277-.034-.415-.056.14.017.279.037.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z'/%3E%3C/svg%3E") center/contain no-repeat;
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479.815 2.736 3.713 3.66 6.383 3.364.136-.02.275-.039.415-.056-.138.022-.276.04-.415.056-3.912.58-7.387 2.005-2.83 7.078 5.013 5.19 6.87-1.113 7.823-4.308.955 3.195 2.817 9.501 7.834 4.308 4.556-5.072 1.082-6.501-2.83-7.078-.139-.016-.277-.034-.415-.056.14.017.279.037.415.056 2.67.297 5.568-.628 6.383-3.364.246-.828.624-5.79.624-6.478 0-.69-.139-1.861-.902-2.206-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8Z'/%3E%3C/svg%3E") center/contain no-repeat;
} #top #wrap_all .av-social-link-bluesky:hover a,
#top #wrap_all .av-social-link-bluesky a:focus {
color: #fff;
background-color: #1185fe;
} .gt-social-tile { justify-content: flex-start; }
.gt-social-tile .gt-soc-name { margin-left: 4px; }
.gt-social-tile .avia-button { margin-left: auto; }
@media only screen and (max-width: 767px) {
.gt-socials-grid {
display: flex;
flex-wrap: nowrap;
gap: 8px;
justify-content: space-between;
}
.gt-social-tile {
padding: 8px;
flex: 1;
justify-content: center;
}
.gt-social-tile .gt-soc-name,
.gt-social-tile .avia-button { display: none; }
.gt-soc-ic { width: 100%; max-width: 44px; height: 40px; }
}
.gt-latest-posts {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
@media only screen and (max-width: 479px) {
.gt-latest-posts { grid-template-columns: repeat(3, 1fr); gap: 6px; }
}
.gt-latest-posts img {
width: 100%;
border-radius: 6px;
display: block;
aspect-ratio: 1/1;
object-fit: cover;
} .gt-a11y {
position: fixed; left: 12px; bottom: 12px; z-index: 99999;
}
.gt-a11y-btn {
width: 40px; height: 40px; border-radius: 50%; border: 0;
background: rgba(25, 28, 38, .72); color: #fff; cursor: pointer;
display: flex; align-items: center; justify-content: center;
opacity: .4; padding: 0; transition: opacity .15s;
}
.gt-a11y-btn:hover, .gt-a11y-btn:focus, .gt-a11y-btn[aria-expanded='true'] {
opacity: 1; outline: 2px solid var(--gt-oranje); outline-offset: 2px;
}
.gt-a11y-panel {
position: absolute; bottom: 50px; left: 0;
background: #fff; border: 1px solid #d8d8d8; border-radius: 8px;
box-shadow: 0 6px 20px rgba(0,0,0,.2); padding: 12px 14px;
min-width: 210px; font-size: 13px;
}
.gt-a11y-title { margin: 0 0 6px; font-weight: 700; color: #111; font-size: 13px; }
.gt-a11y-panel label {
display: flex; align-items: center; gap: 8px;
color: #222; padding: 4px 0; cursor: pointer; font-weight: 400;
}
.gt-a11y-panel input { margin: 0; }
.gt-a11y-more {
display: inline-block; margin-top: 8px; font-size: 12px;
color: var(--gt-oranje); text-decoration: underline;
} html.gt-a11y-zoom #main { zoom: 1.15; } html.gt-a11y-zoom #main .avia-section:first-child { zoom: 0.87; width: 114.9%; }
html.gt-a11y-links a { text-decoration: underline !important; }
html.gt-a11y-motion *, html.gt-a11y-motion *::before, html.gt-a11y-motion *::after {
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
scroll-behavior: auto !important;
} html.gt-a11y-contrast body,
html.gt-a11y-contrast p,
html.gt-a11y-contrast li,
html.gt-a11y-contrast td,
html.gt-a11y-contrast .entry-content-wrapper,
html.gt-a11y-contrast .widgettitle,
html.gt-a11y-contrast h1, html.gt-a11y-contrast h2,
html.gt-a11y-contrast h3, html.gt-a11y-contrast h4 {
color: #000 !important;
}
html.gt-a11y-contrast a { color: #003d8f !important; } html.gt-a11y-contrast #header,
html.gt-a11y-contrast #header_main,
html.gt-a11y-contrast .header_color,
html.gt-a11y-contrast .container_wrap,
html.gt-a11y-contrast .avia-section,
html.gt-a11y-contrast .footer_color,
html.gt-a11y-contrast .socket_color,
html.gt-a11y-contrast #socket {
background-color: #fff !important;
background-image: none !important;
color: #000 !important;
}
html.gt-a11y-contrast .footer_color a,
html.gt-a11y-contrast #socket a { color: #003d8f !important; } html.gt-a11y-contrast a.avia-button,
html.gt-a11y-contrast .avia-button,
html.gt-a11y-contrast button:not(.gt-a11y-btn),
html.gt-a11y-contrast input[type="submit"] {
color: #fff !important;
} .gt-stats-line{margin:0 0 10px;color:#2e7d32;font-weight:600;font-size:.95em}
.gt-stats-line .gt-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#43a047;margin-right:6px;vertical-align:1px}
.gt-member-showcase .gt-stats-line{margin:0 0 14px} .gt-completion{position:relative;background:#fdf7f0;border:1px solid #f0e0cc;border-radius:8px;padding:14px 18px;margin:0 0 18px}
.gt-completion-x{position:absolute;top:8px;right:10px;background:none;border:0;font-size:20px;line-height:1;color:#999;cursor:pointer;padding:0 4px}
.gt-completion-x:hover{color:#333}
.gt-completion-head{font-size:15px;color:#333;margin-bottom:8px}
.gt-completion-bar{height:10px;background:#eee;border-radius:5px;overflow:hidden;margin-bottom:8px}
.gt-completion-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gt-oranje,#f58220),#e91e63);border-radius:5px}
.gt-completion-todo{margin:0;font-size:.9em;color:#666}
.gt-completion-todo a{color:var(--gt-oranje,#f58220)} .template-page .entry-content-wrapper h2.gt-h2-label{font-size:16px;font-weight:600;line-height:1.1em;margin-top:1.5em;text-transform:none;letter-spacing:normal} #footer .widgettitle{color:#dddddd}.flex_column.av-j4q7x-4aad5f64e65f5e08b9b83f99cdc93c15{
border-radius:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.avia-image-container.av-k8dggyen-1db6ecaeaeb26ce47e4a3ab0da45bf77 img.avia_image{
box-shadow:none;
}
.avia-image-container.av-k8dggyen-1db6ecaeaeb26ce47e4a3ab0da45bf77 .av-image-caption-overlay-center{
color:#ffffff;
}
#top .hr.hr-invisible.av-esyyt-d01e76398d5d0d2a6d161100119e0097{
height:50px;
}
.flex_column.av-8hsq5-08c1b40e30f58eb819f881d12048f699{
border-radius:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}