/*
Theme Name:     GameGuides Style
Version:        0.1
Description:    Dit is een thema speciaal gemaakt voor de website van GameGuides
Author:         Noah Cossu
Tags:           full-site-editing, one-column
*/

/* ------------------------------------ gameguides_css_attributen ------------------------------------ */

/* ------------------------------------ variabelen ------------------------------------ */

/* gradients */

:root {
    /* gradients */
    --grijsgradient-pagina: linear-gradient( #8EABBC 5%, #414E56 80%);
    --grijsgradient-inhoud-lang: linear-gradient( #8EABBC 5%, #414E56 25%);
    --grijsgradient-inhoud-kort: linear-gradient( #8EABBC 5%, #414E56 45%);
	--grijsgradient-inhoud-kort-licht: linear-gradient( #8EABBC 5%, #536878 45%);
    --knoppengroen: linear-gradient( #C1F19C 5%, #92C83E 50%);
    --error-message: linear-gradient( #C1F19C 15%, #92C83E 60%);
    --account-navbar: linear-gradient( #8EABBC 5%, #414E56 80%);
    --account-navbar-active: linear-gradient( #C1F19C 5%, #92C83E 50%);
    /* gradients-hover */
    --knoppengroen-hover: linear-gradient( #C1F19C 5%, #a1da46 50%);
    --grijsgradient-inhoud-kort-hover: linear-gradient( #8EABBC 5%, #414E56 45%);
}

/* ------------------------------------ gameguides_footer ------------------------------------ */

/* ------------------ footer_social_icons ------------------ */

/* achtergrond-icons-achtergrond */
.gg_social_icons {
    width: 50px;
    height: 50px;
    border-style: solid;
    border-width: 2px;
    border-color: #8EABBC;
    border-radius: 8px;
    transition: all .2s ease-in-out; 
}

/* achtergrond-icons-achtergrond-hover */
.wp-block-social-link:hover {
    width: 50px;
    height: 50px;
    border-style: solid;
    border-width: 2px;
    border-color: #8EABBC;
    border-radius: 8px;
    transform: scale(1.2);
    transition: 0.2s;
}

/* footer-social-icons */
.wp-block-social-link-anchor {
    padding: 0px;
    padding-top: 2px;
    justify-content: center;
}

/* footer-social-icons-size */
.wp-block-social-links.has-large-icon-size {
    font-size: 46px;
}

/* achtergrond_icons_achtergrond */
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x,
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord,
:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram {
    background-image: var(--grijsgradient-inhoud-kort);
}

/* footer-achtergrond-margin-bottom */
.gg_footer {
    margin-bottom: 0px;
}

/* footer-links */
.gg-footer-links {
    transition: all .2s ease-in-out; 
}


/* footer-links-hover */
.gg-footer-links:hover {
    transform: scale(1.1);
    transition: 0.2s;
}

/* ------------------------------------ gameguides_header ------------------------------------ */

/* header-navbar */
.gg-header-navbar {
    margin: 0px;
    padding: 2px 2px;
}

/* header-navbar-nav */
.gg-header-navbar-nav {
	width: 100%;
}

/* header-navbar-(gidsen-over-ons-contact-knoppen) */
.gg-header-navbar-nav-item > a {
    font-family: var(--wp--preset--font-family--segoe-ui);
    font-weight: 500;
    background-image: var(--knoppengroen);
    border-style: solid;
    border-width: 2px;
    border-color: #77BB44;
    border-radius: 8px;
    padding: 0.2em 1em;
    transition: all .2s ease-in-out;
}

/* header-navbar-(over-ons-contact-knoppen)-hover */
.gg-header-navbar-nav-item > a:hover {
    font-family: var(--wp--preset--font-family--segoe-ui);
    font-weight: 500;
    background-image: var(--knoppengroen-hover);
    border-style: solid;
    border-width: 2px;
    border-color: #77BB44;
    border-radius: 8px;
    padding: 0.2em 1em;
    transform: scale(1.04);
}

/* header-navbar-(gidsen)-margin-left */
.gg-header-gidsen-margin {
	margin-left: auto;
}

/* header-navbar-account-knop */
.gg-header-account > a {
	font-family: var(--wp--preset--font-family--segoe-ui);
    font-weight: 500;
    background-image: var(--knoppengroen);
    border-style: solid;
    border-width: 2px;
    border-color: #77BB44;
    border-radius: 8px;
    padding: 0.1em 0.5em;
    transition: all .2s ease-in-out;
}

/* header-navbar-account-knop-hover */
.gg-header-account > a:hover {
	font-family: var(--wp--preset--font-family--segoe-ui);
    font-weight: 500;
    background-image: var(--knoppengroen-hover);
    border-style: solid;
    border-width: 2px;
    border-color: #77BB44;
    border-radius: 8px;
    padding: 0.1em 0.5em;
    transform: scale(1.04);
}

/* header-navbar-account-knop-align*/
.gg-header-account {
	margin-left: auto;
}

.wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container {
    -webkit-text-stroke-color: #414E56;
    -webkit-text-stroke-width: 3px;
}

/* ------------------------------------ gameguides-mainpage ------------------------------------ */

/* ------------------ gameguides-mainpage-recente-geuploade-gidsen ------------------ */

/* nieuwste-berichten-blok */
.gg-berichten-homepage a {
	display: block;
	text-align: center;
}

/* nieuwste-berichten-berichten */
.wp-block-latest-posts.columns-2 > li {
	background-color: #414E56;
}

/* nieuwste-berichten-berichten*/
.wp-block-latest-posts__featured-image.aligncenter {
	margin-bottom: 0px;
}

/* nieuwste-berichten-berichten-afbeelding */
.wp-block-latest-posts__featured-image img {
	border-style: solid;
	border-color: #8EABBC;
	border-width: 2px;
	border-radius: 8px 8px 0px 0px;
	box-sizing: border-box;
}

/* nieuwste-berichten-berichten-margin */
.wp-block-latest-posts.is-grid > li {
	transition: all .2s ease-in-out;   
}

/* nieuwste-berichten-berichten-margin-hover */
.wp-block-latest-posts.is-grid > li:hover {
	transform: scale(1.04);
}

/* nieuwste-berichten-berichten-tekst */
.wp-block-latest-posts__post-title {
	padding: 1em 0.5em;
	background-image: var(--grijsgradient-inhoud-kort-licht);
	border-style: solid;
	border-color: #8EABBC;
	border-width: 2px;
	border-radius: 0px 0px 8px 8px;
}

/* ------------------------------------ gameguides-user-form-registreren / wachtwoord verloren ------------------------------------ */

/* ------------------ user_form_achtergrond ------------------ */

/* gameguides_user_form_achtergrond */
body.user-registration-page #user-registration:not(.user-registration-MyAccount), body.user-registration-page .user-registration:not(.user-registration-MyAccount), body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount), body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) {
    background: none;
    background-image: var(--grijsgradient-pagina);
    width: 380px;
    border-style: solid;
    border-color: #8EABBC;
    border-width: 2px;
    align-content: center;
    padding: 4px;
	margin-bottom: 6em;
}

/* ------------------ user_form_alert_tekst ------------------ */

/* gameguides_user_form_input */
.body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input, body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .ur-input-with-icon input {
    font-family: var(--wp--preset--font-family--convection);
    font-weight: 700;
    font-size: 20px;
    background-image: var(--grijsgradient-inhoud-kort);
    height: 36px;
    color: #ffffff;
    padding: 0 14px 0 36px;
    align-content: center;
}

/* gameguides_user_form_input_label_tekst */
#user-registration p {
    margin-bottom: 2px;
    color: #ffffff;
    font-family: var(--wp--preset--font-family--convection);
    font-weight: 700;
}

/* gameguides_user_form_input_label_asterisc */
.ur-frontend-form .ur-form-row .ur-form-grid legend .required, .ur-frontend-form .ur-form-row .ur-form-grid label .required {
    color: #77BB44;
}

/* ------------------ user_form_input ------------------ */

/* gameguides_wachtwoord_verloren_input */
.ur-frontend-form.login #user_login {
	border-style: solid;
	border-bottom-color: #8EABBC;
	border-width: 2px;
    border-radius: 8px;
	transition: all .2s ease-in-out;
}

/* gameguides_wachtwoord_verloren_input_hover */
.ur-frontend-form.login #user_login:hover {
	border-style: solid;
	border-bottom-color: #8EABBC;
	border-width: 2px;
    border-radius: 8px;
	transform: scale(1.04);
}

/* ------------------ user_form_knop ------------------ */

/* gameguides-user-form-knop */
.ur-frontend-form.login .ur-reset-password-btn {
    font-size: 1em;
    background-image: var(--knoppengroen);
    max-height: 40px;
    color: #ffffff;
	border-style: solid;
	border-color: #77BB44;
	border-width: 2px;
	border-radius: 8px;
	transition: all .2s ease-in-out;
}

/* gameguides-user-form-knop-hover */
.ur-frontend-form.login .ur-reset-password-btn:hover {
    font-size: 1em;
    background-image: var(--knoppengroen);
    max-height: 40px;
    color: #ffffff;
	border-style: solid;
	border-color: #77BB44;
	border-width: 2px;
	border-radius: 8px;
	transform: scale(1.04);
}

/* ------------------ user_form_fout_bericht ------------------ */

/* user-registration-error */
.ur-frontend-form .ur-form-row .ur-form-grid legend, .ur-frontend-form .ur-form-row .ur-form-grid label,
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error::before, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error::before, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error::before, body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error::before {
    margin-top: 2px;
    color: #92C83E;
}
/* gameguides-form-main-div*/
.ur-form-row {
    margin: 0px;
}

body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button, body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-button-container .ur-submit-button {
    border-width: 2px;
    border-color: #77BB44;
}

body.user-registration-page .user-registration.ur-frontend-form form .ur-button-container, body.user-registration-membership_page_user-registration-login-forms .user-registration.ur-frontend-form form .ur-button-container {
    width: unset;
}

/* ------------------------------------ gameguides-user-account-aanmelden ------------------------------------ */

/* ------------------ user_form_aanmelden_achtergrond ------------------ */

/* user_form-login-achtergrond */
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login, body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form.login {
    background-image: var(--grijsgradient-pagina);
    padding: 15px 10px;
}

/* ------------------ user_form_aanmelden_input ------------------ */

/* user_form-login-input */
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper input, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper input, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper input, body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-form-row .input-wrapper input {
    background-image: var(--grijsgradient-inhoud-kort);
    font-family: var(--wp--preset--font-family--convection);
    font-weight: 700;
}

/* user_form-login-input-border */
.ur-frontend-form .ur-form-row .ur-form-grid .user-registration-form-row input.input-text {
    border-style: solid;
    border-width: 2px;
    border-color: #8EABBC;
    border-radius: 8px;
}

/* ------------------ user_form_aanmelden_inhoud ------------------ */

/* user_form-login-inhoud-tekst-herinner-me / wachtwoord verloren */
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword a, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword a, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword a, body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn .user-registration-LostPassword a,
.ur-frontend-form .ur-form-row .ur-form-grid legend, .ur-frontend-form .ur-form-row .ur-form-grid label, body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error::before, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error::before, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error::before, body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-form-row .ur-form-grid .user-registration-error::before {
    color: #ffffff;
}

body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn label, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn label, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn label, body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid .user-registration-before-login-btn label {
    margin: 2px;
}

/* ------------------ user_form_aanmelden_knop ------------------ */

/* user-form-login-knop-margin */
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div, body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div {
    margin-top: 10px;
    align-content: end;
}
/* user-form-login-knop */
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button, body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Buttonbody.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button, body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button {
    background-image: var(--knoppengroen);
    border-style: solid;
    border-color: #77BB44;
    border-width: 2px;
    border-radius: 8px;
    text-align: center;
    font-family: var(--wp--preset--font-family--convection);
    font-weight: 700;
}
.ur-frontend-form .ur-form-row .ur-form-grid .user-registration-form-row input.input-text {
    color: #ffffff;
}

/* user-form-login-knop-hover */
body.user-registration-page #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:hover, body.user-registration-page .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:hover, body.user-registration-membership_page_user-registration-login-forms #user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:hover, body.user-registration-membership_page_user-registration-login-forms .user-registration:not(.user-registration-MyAccount) .ur-frontend-form .user-registration-form .ur-form-row .ur-form-grid > div .user-registration-Button:hover {
    background-image: var(--knoppengroen);
    border-color: #77BB44;
}

.user-registration-form__input .user-registration-form__input-checkbox {
    background-color: #77BB44;
}

/* ------------------------------------ gameguides-user-account-pagina ------------------------------------ */

/* ------------------ user_account_pagina_navbar ------------------ */

/* user-account-navbar-achtergrond */
.gg_user_pagina > div > nav {
    background-image: var(--account-navbar);
    border-style: solid;
    border-color: #8EABBC;
    border-width: 2px;
    border-radius: 8px 8px 0px 0px;
    color: #ffffff;
    margin-top: 2px;
}
/* user-account-navbar-achtergrond-extra */
#user-registration.horizontal .user-registration-MyAccount-navigation, #user-registration .user-registration-MyAccount-navigation {
    border-bottom: 0px;
}
/* user-account-navbar-tekst */
#user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a, #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link a {
    font-family: var(--wp--preset--font-family--segoe-ui);
    font-weight: 500;
    color: #ffffff;
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    border-radius: 8px;
    margin: 2px;
    transition: all .2s ease-in-out;    
}

/* user-account-navbar-tekst-hover */
#user-registration.horizontal .user-registration-MyAccount-navigation-link a:hover {
    font-family: var(--wp--preset--font-family--segoe-ui);
    font-weight: 500;
    color: #ffffff;
    padding: 10px;
    border-style: solid;
    border-width: 2px;
    border-radius: 8px;
    margin: 2px;
    transform: scale(1.04);
}

/* user-account-navbar-border-active */
#user-registration.horizontal .user-registration-MyAccount-navigation-link.is-active a {
    border: #77BB44;
}
/* user-account-navbar-background-active */
#user-registration.horizontal .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a, #user-registration .user-registration-MyAccount-navigation ul .user-registration-MyAccount-navigation-link.is-active a {
    background-image: var(--account-navbar-active);
}

/* ------------------ user_account_pagina_achtergrond ------------------ */

/* user-account-background*/
.user-registration-MyAccount-content {
    background-color: #414E56;
    border-style: solid;
    border-color: #8EABBC;
    border-width: 2px;
    border-radius: 0px 0px 8px 8px;
}

/* user-account-inhoud-tekst */
#user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row label, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row label,
#user-registration.vertical .user-registration-MyAccount-content__body h2, #user-registration.horizontal .user-registration-MyAccount-content__body h2,
#user-registration.vertical .user-registration-MyAccount-content__body p, #user-registration.horizontal .user-registration-MyAccount-content__body p {
    font-family: var(--wp--preset--font-family--convection);
    font-weight: 700;
    color: #ffffff;
}

/* ------------------ user-account-inhoud-accountpagina ------------------ */

/* user-account-inhoud-accountpagina-profielfoto-achtergrond */
#user-registration .user-registration-MyAccount-content .user-registration-profile-header .user-registration-img-container,
#user-registration.vertical .user-registration-MyAccount-content__body .user-registration-profile-header .user-registration-img-container, #user-registration.horizontal .user-registration-MyAccount-content__body .user-registration-profile-header .user-registration-img-container {
    width: 25%;
    height: 100%;
    margin: 5%;
}

/* user-account-inhoud-accountpagina-profielfoto */
#user-registration.horizontal .user-registration-MyAccount-content .user-registration-profile-header .user-registration-img-container img, #user-registration.horizontal .ur-edit-profile .user-registration-profile-header .user-registration-img-container img, #user-registration .user-registration-MyAccount-content .user-registration-profile-header .user-registration-img-container img, #user-registration .ur-edit-profile .user-registration-profile-header .user-registration-img-container img {
    border-radius: 8px;
    margin: 5px 0px 5px 0px;
}

/* user-account-inhoud-border */
.user-registration-MyAccount-content__body div {
    background-image: var(--grijsgradient-pagina);
    border-style: solid;
    border-color: #8EABBC;
    border-width: 2px;
    border-radius: 8px;
}

/* user-account-inhoud-accountpagina-gebruikersnaam */
#user-registration .user-registration-MyAccount-content .user-registration-profile-header h3,
#user-registration .user-registration-MyAccount-content .user-registration-profile-header header h3 {
    font-family: var(--wp--preset--font-family--convection);
    font-weight: 700;
    margin-top: 10px;
    margin-bottom: 15px;
}

/* user-account-inhoud-accountpagina-links */
#user-registration.vertical .user-registration-MyAccount-content__body p a, #user-registration.horizontal .user-registration-MyAccount-content__body p a {
    color: #92C83E;
}

/* ------------------ user_account_input_wachtwoord_veranderen_velden ------------------ */

/* user-account-input-velden */
#user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group .input-text, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group .input-text {
    background-image: var(--grijsgradient-inhoud-kort);
    border-style: solid;
    border-color: #8EABBC;
    border-width: 2px;
    border-radius: 8px;
    transition: all .2s ease-in-out;    
}

#user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group .input-text, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid fieldset .user-registration-form-row .password-input-group .input-text:hover {
    background-image: var(--grijsgradient-inhoud-kort);
    border-style: solid;
    border-color: #8EABBC;
    border-width: 2px;
    border-radius: 8px;
    transform: scale(1.01);
}

/* user_account_knop */
#user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p input[type="submit"], #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p input[type="submit"] {
    font-family: var(--wp--preset--font-family--segoe-ui);
    font-weight: 500;
    background-image: var(--knoppengroen);
    border-style: solid;
    border-color: #77BB44;
    border-width: 2px;
    border-radius: 8px;
    margin-bottom: 1em;
    transition: all .2s ease-in-out;    
}

/* user_account_knop_hover */
#user-registration.vertical .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p input[type="submit"]:hover, #user-registration.horizontal .user-registration-MyAccount-content__body .ur-frontend-form.login .ur-form-row .ur-form-grid > p input[type="submit"]:hover {
    font-family: var(--wp--preset--font-family--segoe-ui);
    font-weight: 500;
    background-image: var(--knoppengroen);
    border-style: solid;
    border-color: #77BB44;
    border-width: 2px;
    border-radius: 8px;
    margin-bottom: 1em;
    transform: scale(1.04);
}

/* ------------------ user_account_error ------------------ */

/* user-account-error-bericht */
.user-registration-error {
    background-image: var(--knoppengroen);
    color: #ffffff;
    border-color: #8EABBC;
    border-style: solid;
    border-width: 2px;
    border-radius: 8px;
}

/* user-account-error-bericht-achtergrond */
#user-registration.vertical, #user-registration.horizontal {
    background: none;
}

/* ------------------ user_account_logout_bericht ------------------ */

/* user-account-logout-bovenderdeel */
.swal2-container:not(.swal2-top):not(.swal2-top-start):not(.swal2-top-end):not(.swal2-top-left):not(.swal2-top-right):not(.swal2-center-start):not(.swal2-center-end):not(.swal2-center-left):not(.swal2-center-right):not(.swal2-bottom):not(.swal2-bottom-start):not(.swal2-bottom-end):not(.swal2-bottom-left):not(.swal2-bottom-right):not(.swal2-grow-fullscreen) > .swal2-modal {
    background-color: #414E56;
    border-style: solid;
    border-color: #8EABBC;
    border-width: 2px;
    border-radius: 8px 8px;
}

/* user-account-logout-onderdeel */
.user-registration-logout-swal2-container .swal2-modal .swal2-actions {
    background-color: #414E56;
    border-style: solid;
    border-color: #8EABBC;
    border-width: 2px 0px 0px 0px;
}

/* user-account-logout-tekst */
.user-registration-logout-swal2-container .swal2-modal .swal2-header h2,
.user-registration-logout-swal2-container .swal2-modal .swal2-content{
    font-family: var(--wp--preset--font-family--convection);
    font-weight: 700;
    color: #ffffff;
}

/* user-account-logout-confirm */
.user-registration-logout-swal2-container .swal2-modal .swal2-actions button.swal2-confirm {
    font-family: var(--wp--preset--font-family--segoe-ui);
    font-weight: 500;
    background-image: var(--knoppengroen);
    border-style: solid;
    border-color: #77BB44;
    border-width: 2px;
    border-radius: 8px;
    transition: all .2s ease-in-out;    
}

/* user-account-logout-confirm-hover */
.user-registration-logout-swal2-container .swal2-modal .swal2-actions button.swal2-confirm:hover {
    font-family: var(--wp--preset--font-family--segoe-ui);
    font-weight: 500;
    background-image: var(--knoppengroen);
    border-style: solid;
    border-color: #77BB44;
    border-width: 2px;
    border-radius: 8px;
    transform: scale(1.04);
}

/* user-account-logout-cancel */
.user-registration-logout-swal2-container .swal2-modal .swal2-actions button.swal2-cancel {
    font-family: var(--wp--preset--font-family--segoe-ui);
    font-weight: 500;
    background-image: var(--grijsgradient-inhoud-kort) !important;
    border-style: solid;
    border-color: #8EABBC;
    border-width: 2px;
    border-radius: 8px;
    color: #ffffff;
    transition: all .2s ease-in-out;    
}

/* user-account-logout-cancel-hover */
.user-registration-logout-swal2-container .swal2-modal .swal2-actions button.swal2-cancel:hover {
    font-family: var(--wp--preset--font-family--segoe-ui);
    font-weight: 500;
    background-image: var(--grijsgradient-inhoud-kort) !important;
    border-style: solid;
    border-color: #8EABBC;
    border-width: 2px;
    border-radius: 8px;
    color: #ffffff;
    transform: scale(1.04);
}

/* ------------------------------------ gameguides-form ------------------------------------ */

/* form-input-velden-labels */
.forminator-ui.forminator-custom-form[data-design="basic"] .forminator-label {
    margin-bottom: 8px;
}

.forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid="open"] .forminator-row-inside:not(:last-child), .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid="open"] .forminator-row:not(:last-child) {
    margin-bottom: 10px;
}

/* form-input-velden */
.forminator-ui.forminator-custom-form[data-design="basic"] .forminator-input {
    width: 350px;
}

.forminator-ui#forminator-module-130.forminator-design--basic .forminator-label .forminator-required {
    color: #77BB44;
}

/* form-input-velden-input */
.gg_form_input > div > input, .gg_form_input_achternaam > div > input {
    font-family: var(--wp--preset--font-family--convection);
    font-weight: 700;
    background-image: var(--grijsgradient-inhoud-kort);
    border-style: solid;
    border-width: 2px;
    border-color: #8EABBC;
    border-radius: 8px;
    height: 36px;
    width: 350px;
    color: #ffffff;
    font-size: 20px;
    padding: 15px;
}

/* form-input-velden */
.gg_form_input input, .gg_form_input_achternaam input{
    transition: all .2s ease-in-out;
}

/* form-input-velden-hover */
.gg_form_input input:hover, .gg_form_input_achternaam input:hover {
    transform: scale(1.04);
}

/* form-input-velden-achternaam */
.gg_form_input_achternaam {
    justify-items: end;
}

/* form-inhoud */
.forminator-ui.forminator-custom-form[data-design="default"] .forminator-description:first-child {
    margin: 0px;
}

/* form-inhoud-textarea-woorden-max */
.forminator-description > span {
    display: none;
}

/* forminator-error-message */
.forminator-ui#forminator-module-130.forminator-design--basic .forminator-error-message {
    background-image: var(--error-message);
    width: 350px;
    border-style: solid;
    border-width: 2px;
    border-color: #414E56;
    border-radius: 8px;
    color: #414E56;
    font-family: var(--wp--preset--font-family--convection);
    font-weight: 700;
}

/* gameguides_form_textarea */
.gg_form_textarea > div > textarea {
    font-family: var(--wp--preset--font-family--convection);
    font-weight: 700;
    background-image: var(--grijsgradient-inhoud-lang);
    border-style: solid;
    border-width: 2px;
    border-color: #8EABBC;
    border-radius: 8px;
    min-height: 346px;
    max-height: 546px;
    max-width: 100%;
    min-width: 100%;
    color: #ffffff;
    font-size: 20px;
    padding: 15px;
    transition: all .2s ease-in-out;    
}

/* gameguides-form-textarea-hover */
.gg_form_textarea > div > textarea:hover {
    font-family: var(--wp--preset--font-family--convection);
    font-weight: 700;
    background-image: var(--grijsgradient-inhoud-lang);
    border-style: solid;
    border-width: 2px;
    border-color: #8EABBC;
    border-radius: 8px;
    min-height: 346px;
    max-height: 546px;
    max-width: 100%;
    min-width: 100%;
    color: #ffffff;
    font-size: 20px;
    padding: 15px;
    transform: scale(1.02);
}

/* gameguides_form_knop */
.gg_form_knop {
    font-family: var(--wp--preset--font-family--segoe-ui);
    font-weight: 500;
    background-image: var(--knoppengroen);
    border-style: solid;
    border-width: 2px;
    border-color: #77BB44;
    border-radius: 8px;
    height: 40px;
    width: 150px;
    color: #ffffff;
    font-size: 20px;
    transition: all .2s ease-in-out;    
}

/* gameguides_form_knop-hover */
.gg_form_knop:hover {
    font-family: var(--wp--preset--font-family--segoe-ui);
    font-weight: 500;
    background-image: var(--knoppengroen-hover);
    border-style: solid;
    border-width: 2px;
    border-color: #77BB44;
    border-radius: 8px;
    height: 40px;
    width: 150px;
    color: #ffffff;
    font-size: 20px;
    transform: scale(1.04);
}

/* ------------------------------------ gameguides_gidsen_zoekbalk ------------------------------------ */

/* gameguides-form-balk_active */
.gg_gidsen_zoekbalk > div > input:active {
    border-style: solid;
    border-color: #77BB44;
    border-width: 2px;
}

/* gameguides-form-balk */
.gg_gidsen_zoekbalk > div {
    height: 36px;
    width: 100%;
}

/* gameguides-form-balk-input */
.gg_gidsen_zoekbalk > div > input {
    background-image: var(--grijsgradient-inhoud-kort);
    border-style: solid;
    border-color: #8EABBC !important;
    border-width: 2px;
    border-radius: 8px;
    color: #ffffff;
    font-size: 1.25em;  
}

.gg_gidsen_zoekbalk {
    transition: all .2s ease-in-out;  
}

.gg_gidsen_zoekbalk:hover {
    transform: scale(1.04);
}

/* ------------------------------------ gameguides_gidsen_maingape ------------------------------------ */

.gg_gidsen_mainpagina_hover {
    transition: all .2s ease-in-out;   
}

.gg_gidsen_mainpagina_hover:hover {
    transform: scale(1.04);
}

.has-custom-header-navbar-achtergrond-gradient-background {
    margin: 0px;
}


/* ------------------------------------ gameguides_gidsen ------------------------------------ */

/* --------------------------- gids-farcry3 --------------------------- */

/* ------------ pagina-titel ------------ */

/* farcry3-gids-titel */
.gg_farcry3_titel {
    font-family: var(--wp--preset--font-family--capture-it);
    font-weight: 400;
}

/* ------------ pagina-achtergrond ------------ */

/* farcry3-gids-pagina-achtergrond */
body.custom-far-cry-3-alle-letters-of-the-lostfar-cry-3-alle-letters-of-the-lost {
    background-image: url(images/gidsen/pagina/achtergrond/FarCry3/1440p-far-cry-3-background-eiinwduov3zvjyuy_1920x1080_\(17-04_2025\).jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* ------------ sidebar ------------ */

/* farcry3-sidebar-kolom */
.gg_farcry3_sidebar_kolom {
    padding-top: 154px;
}

/* farcry3-sidebar-nav-groep */
.gg_farcry3_sidebar_nav_groep {
    border-color: #0B3842;
    border-image: url(images/gidsen/items/border/sidebar/farcry3_sidebar_border/farcry3_sidebar_achtergrond@2x.png) 6%;
    border-style: solid;
    border-width: 20px;
    margin-left: 10px;
    min-width: 100%;
}

/* farcry3-sidebar-nav */
.gg_farcry3_sidebar_nav {
    background-color: #0B3842;
    padding: 10px;
}

/* farcry3-sidebar-nav-items */
.gg_farcry3_sidebar_nav_items {
    min-width: 100%;
}

.gg_far_cry {
    font-family: var(--wp--preset--font-family--capture-it); 
}

/* farcry3-sidebar-nav-items-link */
.gg_farcry3_sidebar_nav_items > a {
    font-family: var(--wp--preset--font-family--capture-it);
    font-weight: 400;
    border-image: url(images/gidsen/items/border/sidebar/farcry3_sidebar_knop_border/no_hover/farcry3_sidebar_knop_border@2x.png) 15%;
    border-style: solid;
    border-color: #06151C;
    border-width: 6px;
    padding: 2px 10px;
    width: 100%;
    max-height: 25px;
    transition: all .2s ease-in-out;
    text-wrap: nowrap;
}

/* farcry3-sidebar-nav-items-link-hover */
.gg_farcry3_sidebar_nav_items > a:hover {
    font-family: var(--wp--preset--font-family--capture-it);
    font-weight: 400;
    border-image: url(images/gidsen/items/border/sidebar/farcry3_sidebar_knop_border/hover/farcry3_sidebar_knop_border_hover@2x.png) 15%;
    border-style: solid;
    border-color: #06151C;
    border-width: 6px;
    padding: 2px 10px;
    width: 100%;
    max-height: 25px;
    text-wrap: nowrap;
}

/* ------------ items-border ------------ */

/* farcry3-gids-beeld-border */
.gg_farcry3_afbeelding {
    border: 20px solid #06151C;
    border-image: url(images/gidsen/items/border/main/farcry3/02_farcry3-gids-afbeelding/farcry3-gids-afbeelding-border@2x.png) 5%;
}

/* farcry3-gids-tekst-groep */
.gg_farcry3_ondertekst_border {
    border: 20px solid #06151C;
    border-image: url(images/gidsen/items/border/main/farcry3/03_farcry3-gids-ondertekst/farcry3-gids-ondertekst-border@2x.png) 5%;
}

/* farcry3-gids-introductie-tekst-groep */
.gg_farcry3_introductie_border {
    border: 20px solid #06151C;
    border-image: url(images/gidsen/items/border/main/farcry3/01_farcry3-gids-tekst-introductie-border/farcry3-gids-tekst-introductie-border@2x.png) 5%;
}

/* ------------ items-achtergrond ------------ */

/* farcry3-gids-ondertekst-paragraaf */
.gg_farcry3_ondertekst {
    font-family: var(--wp--preset--font-family--capture-it);
    font-weight: 400;
    background-color: #06151C;
    padding: 10px 10px 30px 10px;
    margin-top: 0px;
}

/* farcry3-gids-ondertekst-koptekst */
.gg_farcry3_ondertekst_koptekst {
    font-family: var(--wp--preset--font-family--capture-it);
    font-weight: 400;
    background-color: #06151C;
    padding: 30px 10px 10px 10px;
}

/* farcry3-gids-introductie-tekst-groep */
.gg_farcry3_introductie {
    font-family: var(--wp--preset--font-family--capture-it);
    font-weight: 400;
    background-color: #06151C;
    padding: 10px 10px 20px 10px;
    margin-top: 0px;
}

/* farcry3-gids-introductie-tekst-groep */
.gg_farcry3_introductie_koptekst {
    font-family: var(--wp--preset--font-family--capture-it);
    font-weight: 400;
    background-color: #06151C;
    padding: 30px 10px 10px 10px;
}

/* --------------------------- gids_minecraft --------------------------- */

/* ------------ pagina-titel ------------ */

/* minecraft-gids-titel */
.gg_minecraft_titel {
    font-family: var(--wp--preset--font-family--minecraftia);
    font-weight: 400;
}

/* ------------ pagina-achtergrond ------------ */

/* minecraft-gids-pagina-achtergrond */
body.custom-minecraft-hoe-de-endredraak-respawnen-2minecraft-hoe-de-endredraak-respawnen-2 {
    background-image: url(images/gidsen/pagina/achtergrond/Minecraft/2025-04-23_22.09.19.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* ------------ sidebar ------------ */

/* minecraft-sidebar-kolom */
.gg_minecraft_sidebar_kolom {
    padding-top: 154px;
}

/* minecraft-sidebar-nav-groep */
.gg_minecraft_sidebar_nav_groep {
    background-image: url(images/gidsen/items/achtergrond/minecraft/minecraft-gids-achtergrond@2x.png);
    border-style: solid;
    border-color: #000;
    border-width: 2px;
    margin-left: 10px;
}

/* minecraft-sidebar-nav */
.gg_minecraft_sidebar_nav {
    padding: 10px;
}

/* minecraft-sidebar-nav-items */
.gg_minecraft_sidebar_nav_items {
    min-width: 100%;
}

/* minecraft-sidebar-nav-items-link-tekst */
.gg_minecraft_sidebar_nav_items > a > span {
    display: inline-block;
    max-height: 25px;
}

/* minecraft-sidebar-nav-items-link */
.gg_minecraft_sidebar_nav_items > a {
    font-family: var(--wp--preset--font-family--minecraftia);
    font-weight: 400;
    background-image: url(images/gidsen/items/achtergrond/minecraft/minecraft-gids-achtergrond-donker@2x.png);
    border-style: solid;
    border-color: #000;
    border-width: 2px;
    padding: 1px 10px;
    width: 100%;
    max-height: 25px;
    text-wrap: nowrap;
    transition: all .2s ease-in-out;
}

/* minecraft-sidebar-nav-items-link-hover */
.gg_minecraft_sidebar_nav_items > a:hover {
    font-family: var(--wp--preset--font-family--minecraftia);
    font-weight: 400;
    background-image: url(images/gidsen/items/achtergrond/minecraft/minecraft-gids-achtergrond@2x.png);
    border-style: solid;
    border-color: #000;
    border-width: 2px;
    padding: 1px 10px;
    max-height: 25px;
    width: 100%;
    text-wrap: nowrap;
}


/* ------------ items-border / items-achtergrond ------------ */

/* minecraft-gids-afbeelding-border */
.gg_minecraft_afbeelding {
    border: 2px solid #000;
}

/* minecraft-gids-ondertekst-border */
.gg_minecraft_ondertekst_border {
    background-image: url(images/gidsen/items/achtergrond/minecraft/minecraft-gids-achtergrond@2x.png);
    border: 2px solid #000;
}

/* minecraft-gids-introductie-border */
.gg_minecraft_introductie_border {
    background-image: url(images/gidsen/items/achtergrond/minecraft/minecraft-gids-achtergrond@2x.png);
    border: 2px solid #000;
}

/* ------------ items-tekst ------------ */

/* minecraft-gids-ondertekst-paragraaf */
.gg_minecraft_ondertekst_paragraaf {
    font-family: var(--wp--preset--font-family--minecraftia);
    font-weight: 400;
    padding: 10px 10px 20px 10px;
    margin-top: 0px;
}

/* minecraft-gids-ondertekst-koptekst */
.gg_minecraft_ondertekst_koptekst {
    font-family: var(--wp--preset--font-family--minecraftia);
    font-weight: 400;
    padding: 20px 10px 10px 10px;
    margin-top: 0px;
}

/* minecraft-gids-introductie-paragraaf */
.gg_minecraft_introductie_paragraaf {
    font-family: var(--wp--preset--font-family--minecraftia);
    font-weight: 400;
    padding: 10px 10px 20px 10px;
    margin-top: 0px;
}

/* minecraft-gids-introductie-koptekst */
.gg_minecraft_introductie_koptekst {
    font-family: var(--wp--preset--font-family--minecraftia);
    font-weight: 400;
    padding: 20px 10px 10px 10px;
}

/* --------------------------- gids_cyberpunk2077 / cyberpunk2077-phantomliberty --------------------------- */

/* ------------ pagina-titel ------------ */

/* cyberpunk-gids-titel */
.gg_cyberpunk_titel {
    font-family: var(--wp--preset--font-family--tomorrow);
    font-weight: 400;
}

/* ------------ pagina-achtergrond ------------ */

/* cyberpunk-2077-phantom-liberty-gids-pagina-achtergrond */
body.custom-cyberpunk-2077-phantom-liberty-alle-iconic-itemscyberpunk-2077-phantom-liberty-alle-iconic-items {
    background-image: url(images/gidsen/pagina/achtergrond/Cyberpunk-2077-phantom-liberty/Cyberpunk-2077-Phantom\ Liberty-Dogtown-Landscape-2400x1350.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* cyberpunk-2077-gids-pagina-achtergrond */
body.custom-cyberpunk-2077-alle-iconic-itemscyberpunk-2077-alle-iconic-items {
    background-image: url(images/gidsen/pagina/achtergrond/Cyberpunk-2077/Cyberpunk-2077-landscape-2400x1350.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* ------------ sidebar ------------ */

/* minecraft-sidebar-kolom */
.gg_cyberpunk-2077_sidebar_kolom {
    padding-top: 154px;
}

/* minecraft-sidebar-nav-li */
.gg_cyberpunk-2077_sidebar_nav > li {
    background-color: #00F0FF1A;
    border-style: solid;
    border-color: #00F0FF;
    border-width: 2px;
    width: 100%;
}

.gg_cyberpunk-2077_sidebar_nav_items {
    max-width: 100%;
}

.gg_cyberpunk-2077_sidebar_nav_items > a {
    font-family: var(--wp--preset--font-family--tomorrow);
    font-weight: 400;
    background-image: url(images/gidsen/items/achtergrond/cyberpunk2077/sidebar/sidebar_knop_achtergrond/no_hover/ButtonClip@2x.png);
    background-size: cover;
    margin: 2px;
    padding: 1px 15px;
    width: 100%;
    transition: all .2s ease-in-out;
    background-repeat: no-repeat;
    max-height: 25px;
    text-wrap: nowrap;
    transition: all .2s ease-in-out;
}

.gg_cyberpunk-2077_sidebar_nav_items > a:hover {
    font-family: var(--wp--preset--font-family--tomorrow);
    font-weight: 400;
    background-image: url(images/gidsen/items/achtergrond/cyberpunk2077/sidebar/sidebar_knop_achtergrond/hover/ButtonClip@2x.png);
    background-size: cover;
    margin: 2px;
    padding: 1px 15px;
    width: 100%;
    background-repeat: no-repeat;
    max-height: 25px;
    text-wrap: nowrap;
}

/* ------------ items-tekst ------------ */

/* cyberpunk-ondertekst */
.gg_cyberpunk_ondertekst_paragraaf {
    font-family: var(--wp--preset--font-family--tomorrow);
    font-weight: 400;
    padding: 10px 10px 20px 10px;
    margin-top: 0px;
}

/* cyberpunk-ondertekst-koptekst */
.gg_cyberpunk_ondertekst_koptekst {
    font-family: var(--wp--preset--font-family--tomorrow);
    font-weight: 400;
    padding: 20px 10px 10px 10px;
}

/* cyberpunk-introductie-tekst */
.gg_cyberpunk_introductie_paragraaf {
    font-family: var(--wp--preset--font-family--tomorrow);
    font-weight: 400;
    padding: 10px 10px 20px 10px;
    margin-top: 0px;
}

/* cyberpunk-introductie-tekst-koptekst */
.gg_cyberpunk_introductie_koptekst {
    font-family: var(--wp--preset--font-family--tomorrow);
    font-weight: 400;
    padding: 20px 10px 10px 10px;
}