/*
Theme Name: TGN 2022
Theme URI: https://achtbit.media/
Author: Achtbit Media GmbH
Author URI: https://achtbit.media/
Description: WordPress-Theme für die Seite von der Turngemeinde Neustadt b. Coburg
Version: 1.0
Text Domain: tgn_2022
*/

:root {
    --theme-color: #0a0fb0;
    --theme-hover-color: #0d0d49;
    --font-color: #313030;
    --accent-color: #E9E9F4;
    --hover-color: #B6B8F8;
    --hover-color-content: #4d51cd;


    --link-hover-color: #bcbcbc;

    --nav-bar-height: 90px;
    --header-size: calc(100% + 1px);

    /*
    Default Link Size: 40px im Design
    Default Font Size: 36px im Design
    Default Text Size: 25px im Design
     */

    --nav-item-size: 20px;
    --default-link-size: 22px;
    --footer-link-size: 24px;
    --default-font-size: 20px;
    --default-text-size: 16px;
    --default-subtitle-size: 15px;

    --h1-font-size: 44px;
    --h2-font-size: 32px;
    --h3-font-size: 20px;

    --title-sport-size: 28px;

    --header-title-size: 66px;

    --page-margin: 150px;
    --negative-page-margin: -200px;

    --menu-bar-scroll-animation-time: .75s;

    --header-logo-size: 300px;
}


h1 {
    font-size: var(--h1-font-size);
    font-family: "Satoshi-BlackItalic", serif;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}

h2 {
    font-size: var(--h2-font-size);
    font-family: "Satoshi-BlackItalic", serif;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}

h3 {
    font-size: var(--h3-font-size);
    font-family: "Satoshi-BlackItalic", serif;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}

body:not(.home) {
    --header-size: 70%;
}

html, body {
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: "Nunito", sans-serif;
}

body {
    overflow-x: hidden;
    position: relative;
}

a:not(.header-slider-link) {
    font-weight: bold;
    color: var(--theme-color);
    transition: color .5s;
    font-size: var(--default-font-size);
    font-family: "Nunito", serif;
    text-decoration: none;
}


input:not([type="checkbox"]):not([type="submit"]):not([type="file"]), textarea, select {
    border: 1px solid black;
    padding: 10px 5px;
    width: calc(100% - 12px);
    max-width: 638px;
    outline: none;
    font-family: "Nunito", serif;
    font-size: 16px;
}

.wpcf7-submit {
    display: inline-block;
    text-decoration: none;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    font-size: 20px;
    padding: 10px 20px;
    transition: background-color .5s, color .5s;
    font-family: "Satoshi-BlackItalic", serif;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
    background-color: transparent;
}

.wpcf7-submit:hover:not(:disabled) {
    color: white;
    background-color: var(--theme-color);
}

.wpcf7-submit:disabled {
    border: 1px solid gray;
    color: gray;
    transition: none;
}


select {
    width: 100%;
    max-width: 650px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg width='32' height='64' xmlns='http://www.w3.org/2000/svg'> <path fill= 'none' d= 'M0 0h32v32H0z' /> <path d= 'M 2.002 0 L 16.001 20.89 L 30.002 0 L 2.002 0 Z' style= '' /> </svg> ");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position-x: calc(100% - 5px);
    background-position-y: 15px;
}

.wpcf7-acceptance > .wpcf7-list-item {
    margin: 0;
    width: 100%;
}

.wpcf7-acceptance > .wpcf7-list-item > label {
    display: flex;
    gap: 15px;
}

.wpcf7-acceptance .wpcf7-list-item-label {
    margin-left: 25px;
}

input[type="checkbox"] {
    left: 0;
    top: 0;
    appearance: none;
    -webkit-appearance: none;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
    -moz-appearance: none;
    position: relative;
}

input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    padding-top: 1px;
    box-sizing: border-box;
    border: 1px solid black;
    background-color: transparent;
    border-radius: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

input[type="checkbox"]:checked::before {
    content: "X";
}


.tgn-text-title-subtitle-header-text, .tgn-contact-wrapper-text, .tgn-text-title-subtitle-text a {
    font-family: "Nunito", serif;
}

.tgn-image-text-wrapper a {
    font-family: "Nunito", serif;
}

div.tgn-image-text-wrapper {
    margin-top: 0;
}

a.back-to-home {
    color: blacK;
}

a.tgn-image-text-wrapper {
    font-family: unset;
    font-size: unset;
    display: block;
    font-weight: normal;
}

a.tgn-image-text-wrapper {
    color: var(--font-color);
    text-decoration: none;
}

a.tgn-image-text-wrapper:hover {
    color: var(--font-color);
}

a.tgn-image-text-wrapper h2 {
    color: black;
    line-height: 1;
}

a.footer-link {
    font-weight: 900;
    color: white;
    transition: color .5s;
    font-size: var(--default-font-size);
    font-family: "Satoshi-BlackItalic", serif;
    text-transform: uppercase;
    font-style: italic;
    text-decoration: underline;
}

.tgn-image-text-wrapper {
    margin: 30px var(--page-margin) 30px 0;
}


.excerpt-more {
    text-decoration: none;
    color: var(--theme-color);
    margin-left: 5px;
    font-family: Nunito, serif;
    font-weight: bold;
}

a:hover {
    color: #1e2177;
}

.mobile-menu, .mobile-menu-bars {
    display: none;
    z-index: 10000;
}

.hide {
    display: none;
}

.not-existing-warning {
    font-size: var(--default-font-size);
}


header {
    position: relative;
    height: var(--header-size);
    min-height: 600px;
    background-size: cover;
    background-position: center;
    flex-grow: 10;
    overflow: hidden;
}

.tgn-header-not-front-container {
    display: flex;
    position: absolute;
    left: var(--page-margin);
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
}

.tgn-header-not-front-container > .tgn-header-title-container {
    padding: 0;
}

.not-front .tgn-header-title-container {
    position: unset;
    transform: unset;
    flex-grow: 1;

}


.tgn-header-title-logo-logo {
    height: var(--header-logo-size);
    z-index: 50;
    position: absolute;
    top: 50%;
    right: var(--page-margin);
    transform: translateY(-50%);
}

.not-front .tgn-header-title-logo-logo {
    margin-right: var(--page-margin);
    white-space: nowrap;
}


.tgn-header-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: calc(var(--animation-length) * 2);
}


p {
    font-family: "Nunito", sans-serif;
    font-size: var(--default-font-size);
}

.no-margin {
    margin: 0;
}

.tgn-small-title {
    margin: 30px 30px 30px 0;
    position: relative;
}

.tgn-small-title a.tgn-breadcrumb-link, .tgn-small-title {
    font-size: var(--default-font-size);
}

.tgn-small-title.news {
    margin-bottom: 15px;
}

a.tgn-breadcrumb-link:hover {
    color: var(--hover-color-content);
}

.tgn-breadcrumb-arrow {
    position: relative;
    top: 6px;
    transform: rotate(270deg);
}

.tgn-breadcrumb-link {
    color: black;
    font-family: "Nunito", sans-serif;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-size: var(--default-text-size);

}

.header-image-overlay {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0.9999;
}

.menu-bar {
    position: fixed;
    width: 100%;
    z-index: 70;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: var(--nav-bar-height);
    transition: var(--menu-bar-scroll-animation-time) ease-in-out;
}


.menu-bar.scroll {
    background-color: var(--theme-color);
}

.menu-bar.scrollUp {
    transform: translateY(-100%);
}

.tgn-menu-bar-logo {
    --size: calc(var(--nav-bar-height) - 30px);
    width: var(--size);
    height: var(--size);
    position: fixed;
    left: 15px;
    top: 15px;
    visibility: hidden;
    opacity: 0;
    transition: var(--menu-bar-scroll-animation-time);
    background-size: cover;
    background-position: center;
}

.scroll .tgn-menu-bar-logo {
    visibility: visible;
    opacity: 1;
}


.nav-content {
    display: flex;
    margin-right: 30px;
}

.nav-content a, .mobile-menu a {
    font-weight: 900;
    color: white;
    font-size: var(--default-font-size);
    font-family: "Satoshi-BlackItalic", serif;
    text-transform: uppercase;
    font-style: italic;
    text-decoration: none;
}

.nav-content li > a, .mobile-menu li > a {
    font-size: var(--default-link-size);
    text-decoration: none;
    color: white;
    transition: 1s;
}


.mobile-menu li > a {
    font-size: var(--mobile-menu-size);
}

.nav-content ul {
    list-style-type: none;
    position: relative;
}

.nav-content ul li {
    display: inline-block;
    text-decoration: none;
    transition: .5s;
}

.nav-content > ul > li:hover {
    transform: translateY(-3px);
}

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

.nav-content ul li.menu-item-has-children > a {
    cursor: pointer;
}

.nav-content ul li.current-menu-item {

}

.nav-content > ul > li.current-menu-item, .nav-content ul li.current-menu-parent {
    position: relative;
}

.nav-content > ul > li.current-menu-item > a::before, .nav-content ul li.current-menu-parent > a::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 8px;
    top: 0;
    opacity: 1;
    background-color: white;
    transition: var(--menu-bar-scroll-animation-time);
}

.scroll .nav-content > ul > li.current-menu-item > a::before, .scroll .nav-content ul li.current-menu-parent > a::before {
    opacity: 1;
    background-color: white;
    height: 8px;
}


.nav-content > ul {
    position: relative;
}

.nav-content > ul > li {
    height: var(--nav-bar-height);
    line-height: var(--nav-bar-height);
    margin-right: 45px;
    position: relative;
}

.nav-content ul li:hover ul, .nav-content ul li ul:hover {
    visibility: visible;
    opacity: 1;

}

.nav-content ul li ul a {
    font-size: var(--h3-font-size);
    transition: .5s;

}

.nav-content ul li ul li:hover {
    transform: translateX(3px);
}

.scroll .nav-content ul li ul {
    position: absolute;
    top: var(--nav-bar-height);
    border: 9px solid var(--theme-color);
    left: -9px;
    background-color: var(--theme-color);
    padding: 6px;
}


.nav-content ul li ul {
    position: absolute;
    opacity: 0;
    left: 0;
    top: var(--nav-bar-height);
    transition: opacity .5s, visibility 0.5s;
    visibility: hidden;
    list-style-type: none;
    white-space: nowrap;
    display: block;
    padding-bottom: 20px;
    padding-left: 6px;
}

.nav-content ul li ul li:first-child {
    margin-top: 0;
}

.scroll .nav-content ul li ul li:first-child {
    margin-top: 5px;
}

.nav-content ul li ul li {
    line-height: 1;
    height: unset;
    display: block;
    margin-top: 15px;

}

.nav-content ul li ul li:last-child {
    margin-bottom: 0;
}


.nav-content ul li ul {
    position: absolute;
}


.scroll .tgn-become-member-btn {
    background-color: white;
    color: var(--theme-color);
}

.tgn-text-title-subtitle-header-text {
    margin-left: 90px;
}

.tgn-become-member-btn {
    background: var(--theme-color);
    color: white;
    flex-grow: 0;
    align-self: center;
    line-height: 100%;
    padding: 5px 10px 5px;
    font-size: var(--default-link-size);
    cursor: pointer;
    transition: background-color var(--menu-bar-scroll-animation-time), color 1s;
    text-decoration: none;
}


.scroll .tgn-become-member-btn:hover, .tgn-become-member-btn.mobile:hover {
    background-color: #d4d4f0;
    color: var(--theme-color);
}

.tgn-become-member-btn:hover {
    background-color: #1e2177;
    color: white;
}

.tgn-full-page-button:hover {
    background-color: #1e2177;
}

.tgn-nav-backgound-image {
    display: block;
    width: 100%;
    z-index: 1;
}

.tgn-image-row-image {
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
}

.tgn-row-wrapper.image-row .panel-grid {
    justify-content: center;

}


.tgn-row-wrapper.title-subtitle-image .panel-grid {
    justify-content: center;
}

.so-widget-tgn_title_subtitle_image.so-widget-tgn_title_subtitle_image-base:first-child {
    margin-left: 10px;
}


.tgn-row-wrapper.image-row .tgn-row-inner-wrapper {
    max-width: unset;
    padding: 0;
}

.tgn-post-button-container {
    padding: 5px;
    background-color: var(--theme-color);
    border: 1px var(--theme-color) solid;
    color: white;
    font-size: var(--default-font-size);
}

.tgn-row-wrapper.full-page-button {
    padding: 30px 0 30px var(--page-margin);
    width: calc(100% - 30px);
}

.tgn-row-wrapper.news {
    margin-top: 0;
}

.tgn-row-wrapper.full-page-button.home {
    padding: 30px 0 30px 120px;
}

.tgn-row-wrapper.full-page-button > a {
    font-size: var(--default-link-size);
    padding: 30px 0;

}

.tgn-row-wrapper.single .tgn-row-inner-outer-wrapper {
    padding-right: var(--page-margin);
}

a.tgn-link-button {
    display: inline-block;
    text-decoration: none;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    font-size: 20px;
    padding: 10px 20px;
    transition: background-color .5s, color .5s;
    font-family: "Satoshi-BlackItalic", serif;
    font-weight: 900;
    font-style: italic;
    text-transform: uppercase;
}

a.tgn-full-page-button.home {

}

a.tgn-full-page-button {
    display: inline-block;
    text-decoration: none;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    font-size: 20px;
    padding: 10px 20px;
    transition: background-color .5s, color .5s;
    font-family: "Satoshi-BlackItalic", serif;
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
}

a.tgn-full-page-button:hover {
    color: white;
    background-color: var(--theme-color);

}

.full-page-button a {
    font-size: var(--default-link-size);
}

.tgn-title-subtitle-image-title {
    margin-bottom: unset;
    hyphens: auto;
    -webkit-hyphens: auto;
    font-size: 26px;
}

.tgn-title-subtitle-image-image {
    height: 250px;
    width: 250px;
    background-position: center;
    background-size: cover;
    margin: 30px 0;
}


.tgn-header-title {
    flex-grow: 1;
    position: relative;

}

.tgn-header-title b {
    position: relative;
}

h1.tgn-header-title b {
    background-image: linear-gradient(90deg, var(--theme-color), var(--theme-color));
    transition: background-size .75s ease-in-out;
    transition-delay: .6s;
    background-size: 0 100%;
    background-repeat: no-repeat;
    padding: 3px 12px 3px 8px;
}

.active .tgn-header-title b {
    background-size: 100% 100%;

}

.tgn-title-subtitle-image-header .tgn-text-title-subtitle-subtitle {
    font-size: 20px;
}


.tgn-text-title-subtitle-subtitle {
    background-image: linear-gradient(90deg, var(--theme-color), var(--theme-color));
    transition: background-size .75s ease-in-out, color .75s ease-in-out;
    background-size: 0 100%;
    background-repeat: no-repeat;
    padding: 3px 8px;
    display: inline;
    font-weight: normal;
    margin: 0 0 0 60px;
    color: black;
    -webkit-box-decoration-break: clone;
    hyphens: auto;
    -webkit-hyphens: auto;
    font-size: 26px;
}

.tgn-text-title-subtitle-subtitle.background {
    background-size: 100% 100%;
    color: white;
}

.tgn-sport-small-title {
    margin-bottom: 30px;
}

.tgn-header-content-wrapper {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 51;
    align-items: center;
}

.tgn-header-title-wrapper {
    padding-left: var(--page-margin);
    display: flex;
    justify-content: center;
    max-width: calc(100% - calc(var(--page-margin) * 2));
}


.tgn-header-title {
    color: white;
    font-size: var(--header-title-size);
}

.tgn-header-title b {
    position: relative;
}

.tgn-header-title > b::after {
    z-index: -1;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    font-weight: 600;
    position: absolute;
    transform: rotate(180deg);
}


main {
    background-color: white;
    flex-grow: 1;
}


.tgn-image-text-container > p {
    font-size: var(--default-font-size);
}

.so-widget-tgn_image_text {
    display: flex;
    align-items: center;
}

.tgn-row-wrapper {
    position: relative;
    width: 100%;
    z-index: 3;
}

.tgn-row-wrapper.event {
    padding: 60px 0;
}


.tgn-row-inner-outer-wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1600px;
}

.tgn-row-wrapper:nth-of-type(even) {
    background-color: var(--accent-color);
}

.tgn-row-inner-wrapper {
    overflow: hidden;
    max-width: calc(100% - calc(var(--page-margin) * 2));
    padding: 0 60px;
}

.single .tgn-row-inner-wrapper {
    max-width: unset;
}

.tgn-text-title-subtitle-container {
    margin: 30px 0;
}

.tgn-sports-wrapper > a > h2:nth-of-type(even) {
    right: 30px;
    bottom: 30px;
}

.tgn-sports-wrapper > a > h2:nth-of-type(uneven) {
    left: 30px;
    top: 30px;
}

.tgn-text-title-subtitle-image-container-full {
    margin: 30px 0;
}

.tgn-text-title-subtitle-image-container {
    width: 25%;
    background-size: cover;
    background-position: center;
    padding-bottom: 25%;
    margin: 60px 0;
    flex-shrink: 0;
}

.tgn-text-title-subtitle-image-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}


.back-to-home.tgn-link-button.event {
    margin-left: 0;
    margin-bottom: 30px;
}


.tgn-text-title-subtitle-title {
    font-weight: normal;
    margin: 0;
    hyphens: auto;
    -webkit-hyphens: auto;
    padding-left: 1px;
}

.tgn-text-title-subtitle-text {
    margin: 30px 90px;
    font-size: var(--default-font-size);
}

.tgn-image-text-container {
    display: flex;
    width: 100%;
    align-items: center;
}

.tgn-image-text-title-container {
    font-size: var(--default-font-size);

}

.tgn-image-text-title-text-wrapper p:first-child {
    margin-top: 0
}

.tgn-image-text-title-text-wrapper p:last-child {
    margin-bottom: 0
}


.tgn-image-text-image-container {
    position: relative;
    width: 279px;
    height: 279px;
    display: inline-block;
    flex-shrink: 0;
    background-position: center;
    background-size: cover;
    margin-right: 60px;

}

.tgn-image-text-container > .empty {
    justify-content: unset;
}


.empty.single.tgn-image-text-image-container {
    width: 0;
    height: 0;
    margin-left: 30px;

}

.tgn-image-text-post-container {
    font-size: var(--default-font-size);
}

.tgn-image-text-image-container {
    margin-right: 0;
}


.topMargin {
    margin-top: 10px;
}


.tgn-single-page .tgn-image-text-title-text-container {
    margin-right: 60px;
    margin-left: 0;
    margin-bottom: 30px;
}

.tgn-image-text-title-text-container {
    margin-left: 60px;
}

.tgn-text-title-subtitle-container img,
.tgn-text-title-subtitle-image-container-full img {
    display: block;
    max-width: 100%;
    height: auto;
    height: auto;
}

.tgn-image-text-title-author-container {
    color: var(--theme-color);
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: "Satoshi-BlackItalic", serif;
    font-size: var(--default-font-size);
    font-weight: 900;
    font-style: italic;
}

a .tgn-image-text-title-text-wrapper {
    font-family: "Nunito", sans-serif;
    text-transform: none;
    font-weight: normal;
    font-style: normal;
}

.tgn-sports-wrapper {
    display: flex;
    flex-flow: row wrap;
    background-color: var(--theme-color);
    justify-content: center;
}

.tgn-sport {
    position: relative;
    min-width: 25%;
    max-width: 25%;
    padding-bottom: 25%;
    overflow: hidden;
}

.tgn-sport-image {
    width: 100%;
    padding-bottom: 100%;
    position: absolute;
    transition: 0.2s;

}

.tgn-sport-image-overlay {
    position: absolute;
    padding-bottom: 100%;
    width: 100%;
    background-color: var(--theme-color);
}

.tgn-sport:hover .tgn-sport-image {
    transform: scale(1.1);
    transition: 0.75s;
}


.tgn-image-text-container {

}

.tgn-sport-title {
    position: absolute;
    color: white;
    text-decoration: none;
    font-size: 26px;
}

.tgn-sport:nth-of-type(1n) .tgn-sport-image {
    background-color: indianred;
}

.tgn-sport:nth-of-type(2n) .tgn-sport-image {
    background-color: mediumpurple;
}

.tgn-sport:nth-of-type(3n) .tgn-sport-image {
    background-color: darkseagreen;
}


.footer-content-left {
    color: white;

}


.footer-content-left a {
    font-family: "Nunito", serif;
    color: white;
}


.footer-content-left p {
    font-size: var(--default-font-size);
}

.footer-content {
    display: flex;
    flex-direction: row;
    padding-left: 50px;
    align-items: flex-end;

}

.footer-content-right {
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin: 30px 0 0 120px;
    justify-content: right;
    align-self: flex-end;

}

a.footer-link {
    text-decoration: none;
}

.footer-content-right a {
    padding-bottom: 10px;
}

.footer-content-left img {
    height: 25px;
    width: 25px;
    color: white;
}

.footer-content-right img:nth-of-type(2) {
    padding-left: 9px;
}

.footer-content-left-logos img:hover {
    color: var(--hover-color);
    transition: 0.75s;
    opacity: 0.8;
}

.footer-content-left-logos {
    display: flex;
    flex-direction: row;
    opacity: 1;
}

img.footer-content-left-logos {
    color: white;
}

.footer-link {
    font-size: var(--default-link-size);
    color: white;
}

p.footer-link {
    font-size: var(--default-font-size);
}

.footer-link:hover {
    color: white;
}

footer {
    display: flex;
    flex-direction: row;
    background-color: var(--theme-color);
    padding: 60px;
    justify-content: space-between;
}

.footer-content-left-logos {
    display: flex;
}

.footer-content-left-logos a:not(:first-child) {
    margin-left: 5px;
}

h2.tgn-sportnews-picture-header {
    font-size: var(--default-link-size);
    margin-block-start: 0;
    margin-block-end: 0;
    margin: 20px;

}

.pagination-nav {
    padding-top: 20px;
    padding-bottom: 30px;
    display: flex;
    justify-content: flex-start;
    margin-left: 0px;
}

.screen-reader-text {
    display: none;
}

.nav-links ul {
    padding: 0;
    margin: 0;

}

.nav-links ul li {
    list-style: none;
    display: inline-block;
    margin-right: 5px;

}

.nav-links ul li .page-numbers {
    display: inline-block;
    text-decoration: none;
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    font-size: var(--default-link-size);
    padding: 10px 20px;
    transition: background-color .5s, color .5s;
    font-family: "Satoshi-BlackItalic", serif;
    text-transform: uppercase;
    font-weight: 900;
    font-style: italic;
    margin-top: 10px;
}

.nav-links ul li .page-numbers:not(.current):hover {
    background-color: var(--theme-color);
    color: white;
}


.nav-links ul li .page-numbers.current {
    cursor: default;
    background-color: var(--theme-color);
    color: white;
}


.panel-grid-cell .tgn-title-subtitle-image-container {
    margin-right: 30px;
    margin-top: 30px;
    margin-bottom: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.panel-grid-cell:last-child .tgn-title-subtitle-image-container {
    margin-bottom: 60px;
}

.footer-social-media-link {
    transition: fill 0.5s;
}

.footer-social-media-link:hover {
    transition: 0.5s;
}


.tgn-sportnews-picture {
    transition: 0.5s;
}

.tgn-sportnews-container:hover .tgn-sportnews-picture {
    transform: scale(1.1);
}

.tgn-title-subtitle-image-header {
    align-self: flex-start;
}

.tgn-sportnews-container {
    overflow: hidden;
}

.tgn-text-title-subtitle-text > p > span > a {
    font-weight: bold;
    text-decoration: unset;
}

.tgn-single-page {
    justify-content: start;
    align-items: start;
    margin: 0 0 30px var(--page-margin);
}

.container-dirty {
    margin-top: 55px;
    margin-bottom: 60px;
}

h2.tgn-sport-title {
    margin: 30px;
    padding: unset;
}


.short {
    display: none;
}

.long {
    display: block;
}

@media (max-width: 1800px) and (max-height: 1000px) {
    .nav-content ul li ul {
        position: absolute;
        top: var(--nav-bar-height);
        border: 9px solid var(--theme-color);
        left: -9px;
        background-color: var(--theme-color);
        padding: 6px;
    }
}

@media (max-width: 1660px) {
    .pagination-nav {
        margin-left: 60px;
    }
}

@media (max-width: 1500px) {
    :root {
        --default-link-size: 20px;
        --header-title-size: 55px;

        --title-subtitle-size: 40px;
        --title-sport-size: 24px;
        --subtitle-subtitle-size: 28px;
        --page-margin: 85px;
        --header-logo-size: 250px;
        --mobile-menu-size: 22px;
        --mobile-submenu-size: 18px;
        --mobile-logo-size: 350px;

        --h1-font-size: 44px;
        --h2-font-size: 32px;
        --h3-font-size: 26px;

    }

    .tgn-row-wrapper.image-row .tgn-row-inner-wrapper {
        padding: 0;
    }

    .tgn-sport-title {
        font-size: var(--default-link-size);
    }


    .nav-content {
        margin-right: 15px;
    }


    .nav-content > ul li {
        margin-right: 20px;
    }

    .mobile-menu .tgn-become-member-btn {
        margin-left: 30px;
    }

    .menu-bar .nav-content {
        display: none;
    }

    .mobile-menu-bars {
        display: block;
        position: fixed;
        right: 30px;
        color: white;
        top: calc(calc(var(--nav-bar-height)) / 2);
        transform: translateY(-50%);
        z-index: 101;
        cursor: pointer;
        transition: transform 1s;

    }

    .mobile-menu > ul > li.current-menu-item > a::before, .mobile-menu ul li.current-menu-parent > a::before {
        content: "";
        display: block;
        position: absolute;
        width: 10px;
        height: 100%;
        top: 0;
        left: -60px;
        background-color: white;
    }

    .mobile-menu ul li ul li.current-menu-item > a {
        color: var(--hover-color);
    }

    .mobile-menu ul li:last-child {
        margin-bottom: 0;
    }


    .mobile-menu > ul > li.current-menu-item > a, .mobile-menu ul li.current-menu-parent > a {
        position: relative;
    }


    .mobile-menu-bar {
        margin-top: 7px;
        height: 3px;
        background-color: white;
        width: 40px;
        transition: transform .3s;
        border-radius: 15px;
    }

    .menu-bar-1 {
        margin-top: unset;
    }

    .menu-bar-2 {
        width: 35px;
        margin-left: 5px;
    }

    .mobile-menu-bars.open {
        height: 40px;
    }

    .mobile-menu-bars.open .mobile-menu-bar {
        background-color: white;
        margin-top: 22px;
    }

    .mobile-menu-bars.open .menu-bar-2 {
        display: none;
    }

    .mobile-menu-bars.open .menu-bar-1 {
        transform: rotate(-45deg);
    }

    .mobile-menu-bars.open .menu-bar-3 {
        margin-top: -3px;
        transform: rotate(45deg);

    }


    .mobile-menu-bars.scrollUp {
        transform: translateY(calc(var(--nav-bar-height) * -1));
    }

    .mobile-menu {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: var(--theme-color);
        display: none;
        z-index: 100;
    }

    .mobile-menu ul {
        list-style-type: none;
        padding: 0;
        font-size: var(--h2-font-size);
        line-height: 1;
        margin: var(--nav-bar-height) 60px 30px 60px;
    }

    .tgn-sportnews-pricetag {
        height: var(--pricetag-size);
    }

    .mobile-menu li a {
        text-decoration: none;
        color: white;

    }

    .mobile-menu > ul > li {
        display: none;
        margin-top: 10px;
    }

    .mobile-menu ul li ul li:first-child {
        margin-top: 15px;
    }

    .mobile-menu ul li {
        margin: 15px 0 0 0;
    }

    .mobile-menu ul li ul li {
        margin: 5px 0 0 0;
    }

    .mobile-menu-logo {
        opacity: .125;
        position: fixed;
        right: -50px;
        z-index: -1;
        bottom: -50px;
        height: var(--mobile-logo-size);
        pointer-events: none;
    }

    .mobile-menu > ul > li:first-child {
        margin-top: 0;
    }

    .mobile-menu ul li.menu-item-has-children > a::after {
        margin-top: 3px;
        content: "";
        background: var(--arrow-path-down);
        color: white;
        font-family: 'Font Awesome 5 Free', serif;
        font-weight: 600;
        position: absolute;
        height: 30px;
        width: 30px;
        background-size: cover;
        background-position: center;
        transform: rotate(270deg);
        transition: transform .5s;
    }

    .mobile-menu ul li.menu-item-has-children.open > a::after {
        transform: rotate(360deg);
    }


    .mobile-menu .tgn-become-member-btn {
        display: none;
        background-color: white;
        color: var(--theme-color);
        margin-left: 60px;
        font-size: var(--mobile-menu-size);
    }


    .mobile-menu ul li ul {
        display: none;
        margin: 0 0 20px 20px;
    }

    .mobile-menu ul li ul li a {
        font-size: var(--mobile-submenu-size);
    }

    .mobile-menu a:not(.tgn-become-member-btn):hover {
        color: var(--hover-color);
    }


    .mobile-menu li.menu-item-has-children > a {
        cursor: pointer;
    }

    .nav-content > ul li {
        margin-right: 18px;
    }


    .nav-content {
        margin-right: 15px;
    }


    .tgn-header-title-logo-logo {
        height: 250px;
        right: var(--page-margin);
    }

    .tgn-header-title-container {
        padding-left: var(--page-margin);
    }


    .tgn-text-title-subtitle-text {
        margin: 30px 60px;

    }


    footer {
        padding: 30px 65px;
    }


    .tgn-header-title-wrapper {
        padding: unset;
    }

    .tgn-row-wrapper.full-page-button.home {
        padding: 30px 0 30px 60px;
    }

}

@media (max-width: 1200px) {
    :root {
        --header-title-size: 40px;
        --default-link-size: 20px;
        --title-sport-size: 20px;
        --default-font-size: 20px;

        --h1-font-size: 40px;
        --h2-font-size: 28px;
        --h3-font-size: 22px;

    }


    .tgn-contact-wrapper-text {
        padding-top: unset;

    }

    .tgn-contact-row-wrapper {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;

    }

    .tgn-text-title-subtitle-image-wrapper {
        flex-direction: column;
    }

    .tgn-text-title-subtitle-image-container {
        align-self: flex-start;
        height: 200px;
        width: 200px;
        padding-bottom: unset;
        margin: 0 0 30px 0;
    }

    .tgn-text-title-subtitle-header-text {
        margin-left: unset;
    }

    .tgn-contact-image-container {
        height: 200px;
        width: 200px;
        padding-bottom: unset;
        margin: 30px 0 30px 85px;
    }


    .mobile-menu ul li.menu-item-has-children > a::after {
        margin-top: 0;
    }


    h1.tgn-header-title b::after {
        top: 1px;
    }

    .tgn-header-title-container {
        left: 0;
    }

    .tgn-sportnews-picture-info {
        right: 15px;
        bottom: 27px;
    }


    .full-page-button.behind .tgn-row-inner-wrapper {
        margin-left: -30px;
    }


}

@media (max-width: 1100px) {

    a.tgn-sportnews-picture-link {
        left: 10px;
    }

    .tgn-title-subtitle-image-header {
        align-self: unset;
    }


    .tgn-title-subtitle-image-image {
        height: 200px;
        width: 200px;
    }

    .tgn-title-subtitle-image-container > .tgn-title-subtitle-image-header > .tgn-text-title-subtitle-subtitle {
        margin: 0 0 0 30px;

    }

    .tgn-row-inner-wrapper .panel-grid .panel-no-style {
        max-width: 100%;
    }

    .tgn-row-wrapper.title-subtitle-image .tgn-row-inner-wrapper {
        gap: 5px;
    }

    .tgn-row-wrapper.title-subtitle-image .panel-grid {
        flex-direction: column;
        -webkit-flex-direction: column;
    }


    .tgn-row-wrapper.title-subtitle-image .panel-grid {
        align-items: center !important;
    }

    .tgn-row-wrapper.title-subtitle-image .panel-grid-cell {
        padding: 0 !important;
        width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 0 !important;

    }


    .tgn-row-wrapper.title-subtitle-image .panel-grid-cell .tgn-title-subtitle-image-container {
        margin-bottom: 30px;
    }

    .tgn-row-wrapper.title-subtitle-image .panel-grid-cell:last-child .tgn-title-subtitle-image-container {
        margin-bottom: 30px;
    }


}

@media (max-width: 880px) {

    :root {

        --title-sport-size: 16px;
        --header-title-size: 35px;
        --title-subtitle-size: 18px;
        --subtitle-subtitle-size: 24px;
        --subtitle-text: 18px;
        --page-margin: 65px;
        --header-logo-size: 200px;
        --default-font-size: 18px;
        --default-link-size: 18px;
        --footer-link-size: 18px;

        --pricetag-size: 18px;

        --h1-font-size: 36px;
        --h2-font-size: 26px;
        --h3-font-size: 20px;
    }

    .panel-grid-cell:first-child .tgn-title-subtitle-image-container {
        margin-top: 60px;
    }

    .tgn-row-inner-wrapper {
        padding: 0 30px;
    }

    .event-wrapper {
        padding-left: 0;
    }

    .tgn-single-page .tgn-image-text-title-text-container {
        margin-bottom: 0;
    }

    .short {
        display: block;
    }

    .long {
        display: none;
    }

    h1.tgn-header-title b {
        padding: 3px 8px;
    }


    .tgn-image-text-title-text-container.empty-image .tgn-image-text-wrapper {
        margin-top: 0;
    }

    .panel-grid-cell .tgn-title-subtitle-image-container {
        justify-content: start;
    }

    .panel-grid-cell .tgn-title-subtitle-image-container {
        padding-bottom: 0;
    }

    .panel-grid-cell:nth-child(n) .tgn-title-subtitle-image-container {
        margin-bottom: 30px;
    }

    .panel-grid-cell:last-child .tgn-title-subtitle-image-container {
        margin-bottom: 30px;
    }

    .tgn-row-wrapper.news:first-child {
        margin-top: 0;
    }

    h2.tgn-sport-title {
        margin: 10px;
    }

    .tgn-image-text-title-container {
        margin-left: 30px;
    }

    .tgn-single-page .tgn-image-text-title-container {
        margin-left: 0;
    }

    .tgn-image-text-image-container {
        align-self: unset;
    }


    .tgn-text-title-subtitle-title {
        margin-bottom: 8px;
    }

    .mobile-menu ul li.menu-item-has-children > a::after {
        margin-top: -3px;
    }

    .tgn-text-title-subtitle-text {
        margin-right: unset;
    }

    .single .tgn-image-text-container {
        padding: 0;
    }

    .tgn-image-text-image-container {
        margin-left: 30px;
    }


    .tgn-text-title-subtitle-image-wrapper {
        flex-direction: column;
    }


    .tgn-sports-wrapper > a > h2:nth-of-type(even) {
        right: 20px;
        bottom: 20px;
    }

    .tgn-sports-wrapper > a > h2:nth-of-type(uneven) {
        left: 20px;
        top: 20px;
    }


    .not-front .tgn-header-title-logo-logo {
        position: unset;
        transform: unset;
    }

    .tgn-header-title {
        font-size: 30px;
    }

    .mobile-menu ul {
        margin-bottom: 25px;
    }

    .tgn-link-button {
        margin-left: 60px;
        font-size: 18px;
        padding: 10px 20px;

    }

    a.tgn-full-page-button {
        padding: 10px 20px;

    }

    .single-page-button {
        margin-left: 30px;
    }


    .tgn-row-wrapper.full-page-button.home {
        padding: 30px 0 30px 30px;
    }


    .tgn-row-wrapper.full-page-button.home .tgn-row-inner-wrapper {
        /*margin-left: 30px;*/
    }

    .panel-grid-cell .tgn-title-subtitle-image-container {
        margin-top: 30px;
    }

    .panel-grid-cell:first-child .tgn-title-subtitle-image-container {
        margin-top: 30px;
    }

    .panel-grid-cell:last-child .tgn-title-subtitle-image-container {
        margin-bottom: 30px;
    }

    .tgn-text-title-subtitle-image-container {
        height: 150px;
        width: 150px;
    }

    .tgn-text-title-subtitle-image-container-full {
        margin: 30px 0;
    }

    .tgn-text-title-subtitle-title {
        line-height: 1;
        padding-bottom: 3px;
    }

    .tgn-sportnews-row-wrapper {
        flex-wrap: wrap;
    }

    .tgn-become-member-btn {
        padding: 5px 10px 5px;
    }

    .not-front .tgn-header-title {
        margin: 0;
    }

    .tgn-small-title {

        margin-bottom: 0;
    }

    .tgn-small-title .tgn-row-inner-wrapper {
        margin-left: 60px;
    }

    .tgn-header-not-front-container {
        gap: 60px;
        flex-direction: column-reverse;
        align-items: flex-start;
        justify-content: center;
    }

    .empty.tgn-image-text-image-container {
        display: none;
    }


    .mobile-menu-bars:active .menu-bar.scroll {
        background-color: black;
    }


    .not-front .tgn-header-title-container {
        flex-grow: 0;

    }

    .tgn-text-title-subtitle-text {
        margin-left: 30px;
    }

    a.tgn-sportnews-picture-link {
        font-size: 15px;
    }

    .tgn-title-subtitle-image-container {
        padding-bottom: 30px;
    }

    .tgn-sportnews-picture-info {
        font-size: 15px;
        right: 12px;
        bottom: 21px;
    }


    .back-to-home {
        margin: 0 0 30px 0;

    }

    .tgn-contact-row-wrapper {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .tgn-text-title-subtitle-header-text {
        margin-left: 0;
    }

    .tgn-contact-wrapper-text {
        align-self: flex-start;
        margin: 0 30px 0 60px;
    }


    .tgn-contact-image-container {
        height: 150px;
        width: 150px;
        padding-bottom: unset;
        margin: 30px 60px;
    }


    .tgn-row-wrapper:nth-of-type(even) .tgn-image-text-title-text-container {
        margin-left: 0;
    }

    .tgn-image-text-title-text-container {
        padding: 0;
        margin: 0;
    }

    .tgn-image-text-post-container {
        align-items: center;
    }

    .tgn-image-text-container {
        flex-direction: column;
        justify-content: unset;
        align-items: unset;
    }


    .tgn-text-title-subtitle-container {
        width: 100%;
        margin: 30px 0;
    }

    .tgn-row-wrapper.event {
        padding: 60px 0;
    }

    .tgn-row-wrapper.full-page-button {
        padding: 30px 30px 30px 35px;
    }

    .tgn-text-title-subtitle-subtitle {
        margin: 0 0 0 30px;
    }


    .tgn-sports-wrapper {
        display: flex;
        flex-flow: row wrap;
        background-color: var(--theme-color);
        justify-content: center;
    }


    .tgn-header-content-wrapper {
        flex-direction: column-reverse;
        width: 100%;
    }

    .tgn-header-title-logo-logo {
        height: var(--header-logo-size);
        top: 50%;
        left: var(--page-margin);
    }

    .tgn-image-text-container {
        flex-direction: column;
        margin: 30px 30px 30px 30px;
    }

    .tgn-image-text-image-container {
        margin: 0 0 15px 0;

    }

    .tgn-header-title-container {
        padding-left: unset;
        width: 100%;
    }

    .tgn-header-title-wrapper {
        position: absolute;
        left: var(--page-margin);
        padding: unset;
        top: 75%;
        width: 100%;
    }


    .event .tgn-row-inner-wrapper {
        margin: 0 0 0 30px;
    }


    footer {
        flex-direction: column;
        padding: 30px;
    }

    .footer-content-right {
        justify-content: left;
        margin: 10px 0 0 0;
        align-self: unset;
        align-content: unset;
        flex-direction: column;
        gap: unset;
    }

    .tgn-image-text-image-container {
        height: 150px;
        width: 150px;
        justify-content: center;
        align-content: center;
        margin-left: 30px;
    }

    .tgn-sports-wrapper {
        display: flex;
        flex-wrap: wrap;
        background-color: var(--theme-color);
    }

    .tgn-post-container {
        margin-bottom: 0;
    }


    .tgn-sport-image {
        position: absolute;
        padding-bottom: 100%;
        width: 100%;
    }

    a.tgn-image-text-wrapper {
        margin: 10px 30px 30px 30px;
    }

    .tgn-post-container {
        margin-left: var(--page-margin);
    }

    .tgn-post-container .tgn-image-text-image-container {
        margin-left: 0;
    }

    .tgn-post-container .tgn-image-text-wrapper {
        margin-left: 0;
    }

    .tgn-row-inner-wrapper.tgn-small-title {
        margin-left: 30px;
    }

    h2.tgn-sportnews-picture-header {
        margin: 15px;
    }

}

@media (max-width: 780px) {
    .tgn-row-wrapper.image-row .panel-grid {
        flex-direction: row !important;
        -webkit-flex-direction: row !important;
        flex-wrap: wrap;
    }

    .tgn-row-wrapper.image-row .panel-grid-cell {
        width: 50% !important;
    }

    .tgn-image-row-image {

    }

    .so-widget-tgn_image_row {
        width: 100%;
    }

    .panel-grid-cell:nth-child(n) .tgn-title-subtitle-image-container {
        margin-bottom: 30px;
    }

    .panel-grid-cell:last-child .tgn-title-subtitle-image-container {
        margin-bottom: 30px;
    }
}

@media (max-width: 600px) {
    :root {
        --title-sport-size: 18px;
        --h1-font-size: 32px;
        --h2-font-size: 22px;
        --h3-font-size: 18px;
        --default-font-size: 16px;
    }

    .tgn-text-title-subtitle-title {
        font-size: 26px;
    }

    .tgn-text-title-subtitle-subtitle {
        font-size: 20px;
    }

    .short {
        display: none;
    }

    .long {
        display: block;
    }

    .tgn-breadcrumb-arrow {
        height: 18px;
        width: 18px;
        top: 4px;
    }

    h2.tgn-sport-title {
        margin: 10px;
    }

    .tgn-title-subtitle-image-image {
        height: 150px;
        width: 150px;
    }


    .tgn-image-text-image-container {
        margin-left: 0;
    }

    .tgn-image-text-image-container {
        margin-left: 0;
    }

    .tgn-contact-wrapper-text {
        margin-left: 60px;
    }


    .tgn-header-title-logo-logo {
        top: 40%;
    }

    .tgn-text-title-subtitle-text {
        margin-top: 10px;
    }

    a.tgn-image-text-wrapper {
        margin: 10px 30px 30px 0;
    }


    .tgn-sportnews-container {
        width: 50%;

    }


    .tgn-image-text-image-container {
        height: 150px;
        width: 150px;
        justify-content: flex-start;
        align-content: center;
    }

    .tgn-image-text-container {
        margin-left: var(--page-margin);
    }


    .mobile-menu ul li.menu-item-has-children > a::after {
        margin-top: -4px;
    }


    .tgn-text-title-subtitle-text {
        margin: 10px 0;
    }


    .tgn-picture-roll-image {
        width: 50%;
        padding-bottom: 50%;
    }

    .tgn-text-title-subtitle-subtitle {
        margin: 0 0 0 15px;
    }

    .tgn-image-text-title-text-wrapper {
        display: block;
    }


    .tgn-image-text-title-container {
        margin: 0;
    }

    .tgn-sport {
        min-width: 50%;
        max-width: 50%;
        padding-bottom: 50%;
    }

    .tgn-post-container {
        display: block;
        justify-content: center;
        align-items: center;
    }

    .tgn-row-wrapper.event {
        padding: 30px 0;
    }

    .pagination-nav {
        margin-left: var(--page-margin);
    }

}

@media (max-width: 500px) {

    :root {
        --default-link-size: 18px;


        --title-subtitle-size: 18px;
        --subtitle-subtitle-size: 16px;
        --subtitle-text: 15px;
        --page-margin: 26px;
    }

    .pagination-nav {
        margin-left: 30px;
    }

    .event-wrapper {
        padding: 0;
    }


    .tgn-image-text-container {
        margin-left: 30px;
        margin-bottom: 0;
        margin-right: 0;
    }

    div.tgn-image-text-wrapper {
        margin-right: 30px;
    }


    .tgn-row-wrapper.full-page-button.home .tgn-row-inner-wrapper {
        margin-left: -30px;
    }

    .tgn-contact-image-container {
        margin-left: 30px;
    }

    .tgn-contact-wrapper-text {
        margin-left: 30px;
    }

    .tgn-image-text-wrapper {
        margin-right: 0;
    }

    .mobile-menu ul {
        margin-left: 30px;
    }

    .mobile-menu .tgn-become-member-btn {
        margin-left: 30px;
    }


    .mobile-menu > ul > li.current-menu-item > a::before, .mobile-menu ul li.current-menu-parent > a::before {
        left: -30px;
    }

    a.tgn-full-page-button {
        margin-left: 0;
    }

    .tgn-link-button.event {
        margin-left: 0;
    }

    .tgn-events-wrapper {
        margin-left: 0;
    }

    .tgn-row-wrapper.full-page-button .tgn-row-inner-wrapper {
        margin-left: 0;
    }
}

@media (max-width: 450px) {
    .short {
        display: block;
    }

    .long {
        display: none;
    }

}

@media (max-width: 400px) {
    .tgn-contact-contact-button {
        max-width: calc(100% - 100px);
    }

    .mobile-menu a:not(.tgn-become-member-btn):hover {
        color: white;
    }

    .mobile-menu ul li ul li.current-menu-item > a {
        color: white;
    }


}


@media (max-width: 350px) {
    :root {


        --header-title-size: 30px;
        --title-subtitle-size: 22px;
        --subtitle-subtitle-size: 18px;
        --page-margin: 15px;
        --header-logo-size: 150px;
    }

    .tgn-text-title-subtitle-subtitle::after {
        height: calc(100% + 10%);
        top: -3px;
    }

    .tgn-text-title-subtitle-header-text {
        margin: unset;
    }

    .tgn-contact-contact-button {
        max-width: calc(100% - 60px);
    }

    .tgn-header-not-front-container {
        margin-left: 15px;
    }





    .event .tgn-row-inner-wrapper {
        padding: 0;
    }

    .tgn-row-wrapper.full-page-button .tgn-row-inner-wrapper {
        padding: 0;
    }

    .tgn-row-wrapper.full-page-button {
        padding: 30px 0 30px 30px;
    }
}

@media (min-width: 2000px) {
    .tgn-full-page-button.home {
        margin-left: 30px;
    }
}


@media (min-width: 1600px) {

    .tgn-row-inner-wrapper, .event .tgn-row-inner-wrapper {
        max-width: unset;

    }

    .tgn-row-wrapper.full-page-button:not(.single) {
        padding: 30px 0 30px 120px;
    }

    .tgn-row-wrapper.full-page-button.single {
        padding-left: 0;
        width: 100%;
    }

    .tgn-row-wrapper.single .tgn-row-inner-outer-wrapper {
        padding-right: 0;
    }

    .single-page-button {
    }


    a.tgn-full-page-button.home {
        margin-left: 15px;
    }
}

@media (min-width: 2200px) {
    .tgn-row-inner-wrapper, .event .tgn-row-inner-wrapper {
        margin-left: unset;
        margin-right: unset;
    }


    .tgn-single-page {
        margin: unset;
    }
}

@media (min-width: 2500px) {
    :root {
        --header-logo-size: 500px;
    }
}