@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;1,700&family=Montserrat:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Saira+Extra+Condensed:wght@500;700&display=swap');

:root {
    --main-bg-color: #f8f8f8;
    --nav-height: 142px;
    --main-margin-top-after-nav: 48px;
    --main-side-padding: 40px;
    --main-font-color: #323232;
    --font-color-green: #0a8080;
    --font-color-green-bright: #00AE5E;
    --font-color-green-alternative: rgb(0, 164, 239);
    --font-color-red: #f45d48;
    --font-color-lightgray: #dcdcdc;
    --font-family-merriweather: 'Merriweather', serif;
    --font-family-montserrat: 'Montserrat', sans-serif;
    --font-family-saira: 'Saira Extra Condensed', sans-serif;
    --main-side-padding-1439: 40px;
    --length-small: 10px;
    --length-medium: 20px;
}

* {
    box-sizing: border-box;
}

p, ul {
    margin: 0;
    padding: 0;
}

body {
    background-color: var(--main-bg-color) !important;
    background-image: url('lck-dashboard-bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0;
}

body.home {
    background-image: url('/images/lck-login-bg.jpg');
    background-color: transparent;
    margin: 0;
}

body.terms {
    max-height: 100vh;
    background-image: url('/images/lck-login-bg.jpg');
    background-color: transparent;
    margin: 0;
    padding: 0;
}

.opaque {
    opacity: .4;
}

.hidden {
    display: none;
}

.not-visible {
    visibility: hidden;
}

.relative {
    position: relative;
}

.absolute-horizontal-centered {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -15%);
}

.blink {
    animation: blinker 1s linear infinite;
}
  
@keyframes blinker {
    50% {
        opacity: 0.5;
    }
}

.rotate-360-clock-eternal {
    animation-name: rotate-clock;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

.rotate-360-clock {
    animation-duration: 1s;
    animation-name: rotate-clock;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

.rotate-360-counter {
    animation-duration: 1s;
    animation-name: rotate-counter;
    animation-iteration-count: 1;
    animation-timing-function: ease-in-out;
}

@keyframes rotate-clock {
    100% {
      transform: rotate(360deg);
    }
  }

@keyframes rotate-counter {
    100% {
      transform: rotate(-360deg);
    }
  }

.stop-logo-move {
    animation-duration: 10s;
    animation-name: move;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
    from {
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes rotating {
    from {
      -ms-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    to {
      -ms-transform: rotate(360deg);
      -moz-transform: rotate(360deg);
      -webkit-transform: rotate(360deg);
      -o-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  .rotating {
    -webkit-animation: rotating 2s linear infinite;
    -moz-animation: rotating 2s linear infinite;
    -ms-animation: rotating 2s linear infinite;
    -o-animation: rotating 2s linear infinite;
    animation: rotating 2s linear infinite;
  }


@keyframes move {
    0% {
        translate: 0%;
      }
    
    25% {
      translate: -300%;
    }

    50% {
        translate: 0%;
      }

    75%{
        translate: 300%;
      }

      100% {
        translate: 0%;
      }
  }

.screen-large {
    display: block;
}

.screen-small {
    display: none;
}

.line-through {
    text-decoration: line-through;
}

.underlined {
    text-decoration: underline;
}

.bold {
    font-weight: 800;
}

.italic {
    font-style: italic;
}

.font-bg {
    color: var(--main-bg-color);
}

.font-green {
    color: var(--font-color-green);
}

.font-green-bright {
    color: var(--font-color-green-bright);
}

.font-green-alternative {
    color: var(--font-color-green-alternative);
}

.font-red {
    color: var(--font-color-red);
}

.bg-green {
    background-color: var(--font-color-green);
}

.bg-red {
    background-color: var(--font-color-red);
}

.bg-lightgray {
    background-color: var(--font-color-lightgray);
}

.mt-small {
    margin-top: var(--length-small);
}

.mt-medium {
    margin-top: var(--length-medium);
}

.mb-small {
    margin-bottom: var(--length-small);
}

.mb-medium {
    margin-bottom: var(--length-medium);
}

.ml-medium {
    margin-left: var(--length-medium);
}

.mr-medium {
    margin-right: var(--length-medium);
}

.mr-small {
    margin-right: var(--length-small);
}

.ml-small {
    margin-left: var(--length-small);
}

nav.menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: black;
    z-index: 100;
    border-bottom: 1px solid var(--main-font-color);
    padding: 0px var(--main-side-padding);
    display: flex;
    align-items: flex-end;
}

section.lck-abm-form {
    width: 50%;
}

input.lck-text-large {
    width: 100%;
    height: 50px;
    background-color: white;
    border: 1px solid #dcdcdc;
    border-radius: 0;
    font-family: var(--font-family-montserrat);
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 300;
    color: black;
    outline: none;
    padding: 0 25px;
}

.navbar-expand-lg .navbar-nav {
    -ms-flex-direction: row;
    flex-direction: row;
}

nav.menu-compact {
    justify-content: space-between;
}

div.menu-screen-large-language-changers-container {
    width: 100%;
    text-align: right;
}

#sidebar-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 200%;
    background-color: var(--main-bg-color) !important;
    z-index: 0;
}

div.nav-screen-small-min-height {
    width: 100vw;
    min-height: 100vh;
    border-top: 1px #e2e2e2 solid;
}

#menu-small {
    margin-left: auto;
    cursor: pointer;
}

img.header-logo {
    opacity: 1;
}

div.menu-compact-logo-name-container {
    width: 30%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
}

div.dropdown-menu {
    background-color: var(--main-bg-color);
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    text-align: left;
    color: var(--font-color-red);
}

a.dropdown-item {
    color: var(--font-color-red) !important;
}

a, a:hover, a:visited {
    text-decoration: none;
    color: black;
}

.pointer {
    cursor: pointer;
}

span.font-color-red {
    color: var(--font-color-red);
}

section.home-header {
    background-color: rgba(0, 0, 0, 1);
    width: 100%;
    height: 120px;
    border-bottom: 1px solid rgb(73, 73, 73);
    display: flex;
    justify-content: space-around;
    align-items: center;
}

main {
    background-color: rgba(248, 248, 248, .9);
    margin-top: 44px;
    min-height: calc(100vh - 44px - 32px);
    padding: 40px var(--main-side-padding) 40px;
}

main.home {
    background-color: transparent;
    margin-top: 200px;
    min-height: 100vh;
    padding: 0 var(--main-side-padding) 90px;
}

main.terms {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    margin: 0;
    max-height: calc(100vh - 120px);
    padding: 0;
}

section.dashboard-functions-container {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 40px;
}

section.dashboard-functions-container a article,
section.dashboard-functions-container article {
    width: 200px;
    height: 100px;
    border: none;
    border-radius: 10;
    background-color: rgb(0, 164, 239);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 10px;
    margin-bottom: 30px;
}

section.dashboard-functions-container a article:not(:first-child),
section.dashboard-functions-container article:not(:first-child) {
    margin-left: 20px;
}

section.dashboard-functions-container article p {
font-family: var(--font-family-montserrat);
    font-size: 18px;
    line-height: 24px;
    color: white;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

h4 {
    font-weight: bold;
    margin-bottom: 2.5rem;
}

h5 {
    font-weight: bold;
    margin-bottom: 0;
    font-size: 24px;
    line-height: 30px;
}

a.navbar-brand {
    padding: 0;
    margin: 0 36px 0 0;
    align-self: center;
    cursor: pointer;
}

a.navbar-brand img {
    max-height: 40px;
}

nav.menu p, .nav-link-text, a, li.dropdown {
    font-family: 'Montserrat', sans-serif !important;
}

nav.menu p {
    font-size: 20px;
    color: white;
    line-height: 20px;
    font-weight: 400;
    letter-spacing: 0px;
    margin: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    position: relative;
    top: -13px;
}

#navbarNavDropdown {
    position: relative;
    top: 0px;
    padding: 0;
    background-color: transparent !important;
    margin-left: auto;
}

.nav-item {
    margin: 0 0 10px 0;
    padding: 0 !important;
    list-style: none;
}

.nav-item:not(:last-child) {
    margin-right: 20px;
}

.nav-link-text, li.dropdown {
    color: white !important;
    font-size: 16px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
    padding: 0 !important;
    letter-spacing: 0px;
    text-transform: uppercase;
}

a.exit-compact {
    justify-self: flex-end;
}

a.nav-menu-active {
    color: var(--font-color-red) !important;
}

section.form-register-new, section.account-verification-new {
    position: relative;
    background-color: #ffffff;
    border: none;
    border-radius: 26px;
    margin: auto; 
    text-align: center;
}

section.form-login-new {
    position: relative;
    background-color: black;
    border: none;
    border-radius: 0;
    margin: auto; 
    text-align: left;
}

section.form-login-terms {
    background-color: black;
    border: none;
    border-radius: 0;
    margin: 0; 
}

section.old-user-change-pw {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

section.old-user-change-pw section:first-child {
    width: 50%;
}

section.old-user-change-pw section:last-child {
    width: 50%;
}

section.form-old-user-change-pw, section.form-recovery-pw {
    background-color: #ffffff;
    border: none;
    border-radius: 26px;
    margin: auto; 
    text-align: center;
    height: auto;
    padding: 50px 62px 62px;
}

section.window-mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 50;
    background-color: #ffffff;
    opacity: .6;
}

section.form-complete-survey {
    width: 60%;
    background-color: #ffffff;
    border: none;
    border-radius: 26px;
    margin: auto; 
    text-align: center; 
    height: auto;
    padding: 40px;
    box-shadow: 0px 0px 60px rgb(100,100,100);
    z-index: 100;
}

#mde-flyer-donate-complete-survey {
    width: 100%;
}

#mde-flyer-donate-complete-survey a img, #complete-survey-home-image {
    width: 90%;
}

div.waiting-mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--main-bg-color);
    z-index: 100;
}

section.account-verification-new, section.form-recovery-pw {
    height: 514px;
    width: 514px;
    padding: 90px 62px 62px;
}

section.form-login-new {
    height: auto;
    width: 514px;
    padding: 40px;
}

section.form-login-terms {
    max-height: calc(100vh - 120px);
    width: 64%;
    padding: 40px;
}

section.form-login-terms form {
    max-height: 50vh;
    overflow-y: scroll;
    scrollbar-width: none;
}

section.account-verification-new {
    height: 345px;
}

section.form-register-new {
    top: -80px;
    width: 652px;
    height: auto;
    padding: 90px 36px 36px;
}

div.form-login-new-logo-container {
    position: absolute;
    top: -64px;
    left: calc(50% - 71px);
    width: 142px;
    height: 142px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 50%;
    background-color: #ffffff;
}

div.form-login-new-language-container {
    position: absolute;
    top: 2%;
    right: 2%;
}

img.form-login-new-picture {
    position: absolute;
    bottom: -183px;
    left: 255px;
    z-index: 10;
}

img.form-pw-recover-new-picture {
    position: absolute;
    bottom: -82px;
    left: 262px;
    z-index: 10;
}

img.form-pw-change-new-picture {
    position: absolute;
    bottom: 70px;
    left: 140px;
    z-index: 10;
}

img.account-verification-new-picture {
    position: absolute;
    bottom: -86px;
    left: -110px;
    z-index: 10;
}

img.form-pw-recovery-new-picture {
    position: absolute;
    bottom: -60px;
    left: 140px;
    z-index: 10;
}
 
section.form-register-new header, 
section.account-verification-new header, 
section.form-old-user-change-pw header,
section.form-recovery-pw header {
    font-family: var(--font-family-montserrat);
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0;
    font-weight: 700;
    color: var(--font-color-green);
}

section.form-login-new header,
section.form-login-terms header {
    width: 100%;
    font-family: var(--font-family-montserrat);
    font-size: 32px;
    line-height: 42px;
    letter-spacing: 0;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 20px;
}

section.form-login-new h1,
section.form-login-terms h1 {
    width: 100%;
    font-family: var(--font-family-montserrat);
    letter-spacing: 0;
    font-weight: 700;
    color: white;
    text-transform: uppercase;
    text-align: center;
}

section.form-login-new h1.title,
section.form-login-terms h1.title {
    font-size: 32px;
    line-height: 32px;
    margin: 0 0 10px;
}

section.form-login-new h1.subtitle,
section.form-login-terms h1.subtitle {
    font-size: 26px;
    line-height: 26px;
    margin: 0 0 20px;
}

section.form-login-new div.line,
section.form-login-terms div.line {
    width: 100%;
    text-align: right;
}

section.form-login-new div.line a,
section.form-login-terms div.line a {
    font-family: var(--font-family-montserrat) !important;
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0;
    font-weight: 300;
    color: #a2a2a2;
    text-transform: none;
}

section.form-login-new form label,
section.form-login-terms form label {
    font-family: var(--font-family-montserrat);
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 0;
    font-weight: 500;
    color: white;
    text-transform: uppercase;
}

section.form-login-terms p.text,
section.form-login-terms p.text a {
    font-family: var(--font-family-montserrat);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 500;
    color: white;
}

section.form-login-terms p.text a {
    font-weight: 700;
}

section.form-login-terms p.title {
    font-family: var(--font-family-montserrat);
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0;
    font-weight: 700;
    color: white;
}

section.form-recovery-pw {
    position: relative;
}

section.form-login-new form input {
    width: 100%;
    border: none;
    background-color: white;
    font-family: var(--font-family-montserrat);
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 0;
    font-weight: 500;
    color: black;
}

section.form-register-new header {
    width: 650px;
    margin-left: -36px;
}

section.form-login-new article, section.account-verification-new article {
    margin-top: 20px;
    font-family: var(--font-family-merriweather);
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    font-weight: 300;
    color: var(--main-font-color);
}

section.account-verification-new article {
    margin-bottom: 20px;
}

section.form-register-new article {
    margin-top: 20px;
    font-family: var(--font-family-merriweather);
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 300;
    color: var(--main-font-color);
    padding: 0 20px;
}

.form-login {
    margin-top: 10%;
    padding: 6%;
    /* border: 1px solid lightgray;
    border-radius: 4px;
    box-shadow: 0px 5px 5px rgb(200,200,200); */
    box-sizing: border-box;
}

.input-text-login {
    width: 100%;
    height: 50px;
    background-color: transparent;
    border: 1px solid #dcdcdc;
    border-radius: 25px;
    font-family: var(--font-family-montserrat);
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 300;
    color: #a2a2a2;
    outline: none;
    padding: 0 25px;
}

.input-text-login-mt, .login-form-action-green-mt {
    margin-top: 20px;
}

section.form-login-new div.form-login-new-error-container {
    width: 100%;
    height: 20px;
    margin: 0;
    padding: 0;
}

section.form-login-new div.form-login-new-error-container p.form-login-error-message {
    margin-top: 0px;
    font-family: var(--font-family-montserrat);
    font-size: 10px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
    color: var(--font-color-red);
}

div.password-forgotten-link-container {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
}

a.login-form-action-green, section.form-login-new p {
    font-family: var(--font-family-montserrat);
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    font-weight: 400;
}

a.login-form-action-green {
    position: relative;
    color: var(--font-color-green);
    z-index: 20;
}

section.form-login-new p {
    /* margin-top: 20px; */
    color: #a2a2a2;
}

section.form-register-new form {
    margin-top: 20px;
}

section.form-register-new form div.form-register-new-row,
section.form-register-new form div.form-register-new-row-radio-container,
div.admin-user-info-category-container {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: nowrap;
}

div.admin-user-info-category-container label {
    font-family: var(--font-family-montserrat) !important;
    font-size: 16px !important;
    line-height: 22px !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
    color: var(--main-font-color) !important;
    text-align: left !important;
}

section.form-register-new form div.form-register-new-row div.password-container {
    width: 48%;
    position: relative;
}

section.form-register-new form div.form-register-new-row div.password-container:last-child {
    margin-top: 0px;
}

section.form-old-user-change-pw form div.password-container,
section.form-recovery-pw div.password-container {
    width: 100%;
    position: relative;
}

section.form-register-new form p.mini {
    text-align: left;
    position: relative;
    top: -8px;
    left: 20px;
    font-family: var(--font-family-montserrat);
    font-size: 12px;
    line-height: 12px;
    font-weight: 300;
    color: var(--font-color-lightgray)
}

section.form-register-new form div.form-register-new-row {
    flex-wrap: nowrap;
    justify-content: space-between;
}

section.form-register-new form div.form-register-new-row-radio-container {
    justify-content: center;
}

.input-text-register {
    height: 36px;
    background-color: transparent;
    border: 1px solid #dcdcdc;
    font-family: var(--font-family-montserrat);
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0;
    font-weight: 300;
    color: #a2a2a2;
    outline: none;
}

.input-text-register-small {
    width: 48%;
}

.input-text-register-small:last-child {
    margin-top: 0px;
}

.input-text-register-large {
    margin-top: 10px;
    width: 100%;
}

.input-text-register-round {
    border-radius: 16px;
    padding: 0 16px;
}

.input-text-register-square {
    border-radius: 8px;
    padding: 0 8px;
}

.input-text-register-pw {
    width: 100%;
}

div.input-text-register-pw-check {
    position: absolute;
    top: 6px;
    right: 12px;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    border-radius: 50%;
    font-family: var(--font-family-montserrat);
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    font-weight: 300;
}

input.judges-radio {
    margin-left: 0 !important;
}

div.input-text-register-pw-check-tall {
    top: 14px;
}

section.form-register-new form div.form-register-new-row-radio-container div.form-register-new-row-radio input {
    width: auto;
    margin: .3rem 6px;
}

section.form-register-new form div.form-register-new-row-radio-container div.form-register-new-row-radio label {
    margin-left: 24px;
    font-family: var(--font-family-montserrat);
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0;
    font-weight: 300;
    color: #b4b4b4;
}

section.form-register-new form div.form-register-new-row-radio-container div.form-register-new-row-radio:not(:last-child) {
    margin-right: 32px;
}

div.form-register-new-row-terms {
    width: 100%;
    text-align: left;
    margin-top: 10px;
    position: relative;
}

div.form-register-new-row-terms p, section.form-register-new-row-minor p {
    font-family: var(--font-family-montserrat);
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0;
    font-weight: 400;
    color: #a2a2a2;
    text-align: left;
}

section.three-columns {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}

section.three-columns section {
    width: 30%;
    min-width: 30%;
    max-width: 30%;
}

section.three-columns section:not(:last-child) {
    margin-right: 3%;
}

p.admin {
    font-family: var(--font-family-montserrat) !important;
    font-size: 16px !important;
    line-height: 22px !important;
    letter-spacing: 0 !important;
    font-weight: 400 !important;
    color: var(--main-font-color) !important;
    text-align: left !important;
    display: block !important;
}

div.stacked-cell {
    width: 100%;
    display: flex;
    flex-flow: column;
}

div.form-register-new-row-terms p {
    text-indent: 18px;
}

div.form-register-new-row-terms input[type="checkbox"].form-register-new-terms-check {
    position: absolute;
    top: 4px;
    left: 0;
    width: auto;
}

section.form-register-new-row-minor {
    width: 100%;
    margin-top: 10px;
}

.form-register {
    width: 50%;
    margin: auto;
    padding: 2%;
    border: 1px solid lightgray;
    border-radius: 4px;
    box-shadow: 0px 5px 5px rgb(200,200,200);
    box-sizing: border-box;
}

div.text-center {
    margin-bottom: 20px;
}

/* Home - Home Teams - Team - Donate */
section.home, section.team, section.team-xl, section.donate, section.teams-ranking,
section.general-xl {
    display: flex;
    width: 100%;
    flex-wrap: nowrap;
}

section.divisions {
    width: 100%;
    margin-top: 20px;
}

section.divisions div {
    width: 100%;
    height: 80px;
    border: none;
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 8px 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    cursor: pointer;
}

section.divisions div.odd {
    background-color: #d5e6e6;
}

section.divisions div.even {
    background-color: #bcdada;
}

section.divisions div p {
    font-family: var(--font-family-montserrat);
    font-size: 48px;
    font-weight: 500;
    letter-spacing: 0;
    color: #0a8080;
    margin-left: 20px;
    cursor: pointer;
}

section.divisions div img.divisions-arrow {
    position: absolute;
    right: 16px;
    top: 24px;
    cursor: pointer;
}

section.divisions section {
    width: 100%;
    padding: 0px 16px;
    margin-bottom: 12px;
    background-color: transparent;
    display: none;
    justify-content: space-between;
    flex-wrap: wrap;
}

section.divisions section article {
    width: 46%;
    margin-bottom: 20px;
}

section.divisions section article p.zone-title {
    font-family: var(--font-family-merriweather);
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
    letter-spacing: 0;
    color: #252222;
}

section.divisions section article div.zone-header {
    width: 100%;
    height: 50px;
    padding: 6px 16px;
    background-color: #dcdcdc;
    border: none;
    border-radius: 8px;
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

section.divisions section article div.zone-header p,
section.divisions section article div.zone-line p {
    font-family: var(--font-family-montserrat);
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 0;
    margin: 0;
}

section.divisions section article div.zone-header p.standard,
section.divisions section article div.zone-line p.standard {
    font-weight: 300;
    color: #323232;
}

section.divisions section article div.zone-header p.user-team,
section.divisions section article div.zone-line p.user-team {
    font-weight: 700;
    color: var(--font-color-red);
}

section.divisions section article div.zone-header p:not(:last-child)
section.divisions section article div.zone-line p:not(:last-child) {
    margin-right: 5px;
}

section.divisions section article div.zone-header p:not(:nth-child(2)) 
section.divisions section article div.zone-line p:not(:nth-child(2)) {
    width: 7%;
}

section.divisions section article div.zone-header p:nth-child(2),
section.divisions section article div.zone-line p:nth-child(2) {
    width: 45%;
}

section.divisions section article div.zone-line {
    width: 100%;
    height: auto;
    padding: 6px 16px;
    background-color: transparent;
    border-bottom: 1px solid #dcdcdc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section.team-stats-container {
    width: 100%;
    height: auto;
    background-color: #e0ecec;
    padding: 30px;
    border: none;
    border-radius: 10px;
    text-align: left;
}

section.team-stats-container header.team-stats-header {
    font-family: var(--font-family-merriweather);
    font-size: 42px;
    line-height: 54px;
    font-weight: 700;
    letter-spacing: 0;
    color: #0a8080;
    margin: 30px 0;
}

section.team-stats-container section.team-stats-history-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: auto;
}

section.team-stats-container section.team-stats-history-container article {
    padding: 20px 30px;
    margin-bottom: 8px;
}

section.team-stats-container section.team-stats-history-container article:first-child {
    border-right: 2px solid #0a8080;
}

section.team-stats-container section.team-stats-history-container article:nth-child(2) {
    border-right: 2px solid #0a8080;
}

section.team-stats-container section.team-stats-history-container article:nth-child(3) {
    border-right: 2px solid #0a8080;
}

section.team-stats-container section.team-stats-history-container article:first-child,
section.team-stats-container section.team-stats-history-container article:nth-child(2) {
    width: 20%;
    height: 100%;
    min-height: 200px;
    text-align: center;
}

section.team-stats-container section.team-stats-history-container article:nth-child(3),
section.team-stats-container section.team-stats-history-container article:nth-child(4) {
    width: 30%;
    height: 100%;
    min-height: 200px;
    text-align: left;
}

section.team-stats-container section.team-stats-history-container article header {
    font-family: var(--font-family-saira);
    font-size: 2.1vw;
    line-height: 2.5vw;
    font-weight: 500;
    letter-spacing: 0;
    color: #0a8080;
    margin: 0;
    text-transform: uppercase;
}

section.team-stats-container section.team-stats-history-container article p.team-stats-history-number {
    font-family: var(--font-family-saira);
    font-size: 90px;
    line-height: 90px;
    font-weight: 700;
    letter-spacing: 0;
    color: #0a8080;
    margin: 0;
    text-transform: uppercase;
}

section.team-stats-container section.team-stats-history-container article div.team-stats-history-stars-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 4px;
}

section.team-stats-container section.team-stats-history-container article div.team-stats-history-stars-container img {
    width: 34px;
    margin-right: 4px; 
}

section.team-stats-container section.team-stats-users-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 40px;
}

section.team-stats-container section.team-stats-users-container article.team-stats-user {
    text-align: center;
    width: 279px;
}

section.team-stats-container section.team-stats-users-container article.team-stats-user p.team-stats-user-name {
    font-family: var(--font-family-montserrat);
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 0;
    color: #0a8080;
    margin-bottom: 10px;
}

section.team-stats-container section.team-stats-users-container article.team-stats-user div.team-stats-user-shield {
    position: relative;
    width: 100%;
    height: 382px;
}

section.team-stats-container section.team-stats-users-container article.team-stats-user div.team-stats-user-shield img {
    position: absolute;
    top: 0;
    left: 0;
}

section.team-stats-container section.team-stats-users-container article.team-stats-user div.team-stats-user-shield p.team-stats-user-data {
    position: absolute;
    font-family: var(--font-family-saira);
    font-size: 60px;
    line-height: 68px;
    font-weight: 700;
    letter-spacing: 0;
    color: #0a8080;
    margin: 0;
    z-index: 2;
}

section.team-stats-container section.team-stats-users-container article.team-stats-user div.team-stats-user-shield p.team-stats-user-rating {
    top: 115px;
    left: 30px;
}

section.team-stats-container section.team-stats-users-container article.team-stats-user div.team-stats-user-shield p.team-stats-user-cups {
    top: 250px;
    left: 64px;
}

section.team-stats-container section.team-stats-users-container article.team-stats-user div.team-stats-user-shield div.team-stats-user-stars-container {
    position: absolute;
    top: 200px;
    left: 150px;
    z-index: 2;
    width: 100px;
    height: 100px;
}

section.team-stats-container section.team-stats-users-container article.team-stats-user div.team-stats-user-shield div.team-stats-user-stars-container 
div.team-stats-user-stars-line {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100px;
}

section.team-stats-container section.team-stats-users-container article.team-stats-user div.team-stats-user-shield div.team-stats-user-stars-container 
div.team-stats-user-stars-line img {
    position: relative;
    width: 26px;
    margin-right: 4px;
    margin-bottom: 4px;
}

section.team-stats-footer {
    width: 100%;
    height: auto;
    background-color: transparent;
    padding: 10px 30px;
    border: none;
    border-radius: 0;
}

section.team-stats-footer article.team-stats-footer-line {
    display: flex;
    justify-content: start;
    align-items: baseline;
    flex-wrap: wrap;
    margin-top: 6px;
}

section.team-stats-footer article.team-stats-footer-line div.team-stats-footer-line-item {
    display: flex;
    flex-wrap: nowrap;
}

section.team-stats-footer article.team-stats-footer-line img {
    min-width: 24px;
    max-width: 24px;
}

section.team-stats-footer article.team-stats-footer-line img:not(:first-child) {
    margin-left: 4px;
}

section.team-stats-footer p.team-stats-footer-text {
    font-family: var(--font-family-montserrat);
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    letter-spacing: 0;
    color: #323232;
}

section.home-teams {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}

section.home-teams section:first-child {
    width: 50%;
    padding-right: 0;
}

section.home-teams section:last-child {
    width: 50%;
    padding-left: 2%;
}

section.team-xl, section.general-xl {
    overflow-x: scroll;
}

section.teams-ranking {
    flex-direction: row;
    margin-top: 20px;
}

section.home section:first-child, section.team section:first-child, 
section.donate section:first-child, section.teams-ranking section:first-child {
    width: 58%;
    padding-top: 0px;
}

section.team-xl section:first-child,
section.general-xl section:first-child {
    width: 100%;
    padding-top: 0px;
}

section.home section:first-child header, 
section.home-teams section:first-child header,
section.team section:first-child header,
section.team-xl section:first-child header, 
section.general-xl section:first-child header, 
section.donate section:first-child header, section.teams-ranking section:first-child header {
    font-family: 'Montserrat', sans-serif;
    font-size: 44px;
    line-height: 60px;
    letter-spacing: 0px;
    font-weight: 700;
    color: var(--font-color-green);
}

section.home section:first-child article, 
section.home-teams section:first-child article, 
section.team section:first-child article,
section.team-xl section:first-child article, 
section.general-xl section:first-child article, 
section.donate section:first-child article, 
section.teams-ranking section:first-child article {
    font-family: 'Merriweather', serif;
    font-size: 26px;
    line-height: 42px;
    letter-spacing: 0px;
    font-weight: 400;
    color: var(--main-font-color);
}

section.home section:first-child article {
    max-width: 100%;
}

section.team section:first-child p, 
section.home-teams section:first-child p, 
section.team-xl section:first-child p,
section.general-xl section:first-child p {
    font-family: 'Merriweather', serif;
    font-size: 18px;
    letter-spacing: 0px;
    font-weight: 400;
    color: var(--main-font-color);
}

section.home section:first-child article p.day-job-author-info {
    font-family: 'Merriweather', serif;
    font-size: 20px;
    line-height: 28px;
    letter-spacing: 0px;
    font-weight: 400;
    color: var(--main-font-color);
}

section.team section:first-child p,  
section.team-xl section:first-child p,
section.general-xl section:first-child p {
    line-height: 24px;
}

section.home-teams section:first-child p {
    margin-top: 20px;
    line-height: 36px;
}

section.home section:first-child article span.team-name {
    font-weight: 700;
    font-style: italic;
}

section.donate section:first-child article span.signature {
    font-weight: 700;
    float: right;
}

/* section.home section:first-child article:last-child {
    margin-top: 50px;
} */

section.home section:last-child, section.team section:last-child, 
section.donate section:last-child, section.teams-ranking section:last-child {
    width: 38%;
    margin-left: 4%;
}

section.donate section:last-child {
    max-width: unset;
    margin-right: 0;
}

section.home section:last-child img, 
section.team section:last-child img, 
section.teams-ranking section:last-child img {
    margin: auto;
    max-width: 100%;
}

section.home section:last-child article,  
section.donate section:last-child article {
    width: 96%;
    background-color: #ffffff;
    border-radius: 26px;
    padding: 24px 30px 14px;
    margin: 50px auto 0 auto;
}

section.home-teams section:last-child article {
    width: 100%;
    background-color: #ffffff;
    border-radius: 26px;
    padding: 24px 30px 14px;
    margin: 0;
}

section.home-teams section:last-child article:not(:first-child) {
    margin-top: 30px;
}

section.donate section:last-child article.donate-options {
    margin-top: 20px;
}

section.home section:last-child article header,
section.home-teams section:last-child article header {
    font-family: 'Montserrat', sans-serif;
    font-size: 32px;
    line-height: 40px;
    letter-spacing: 0;
    font-weight: 700;
    margin-bottom: 5px;
}

section.home section:last-child article header,
section.home-teams section:last-child article header.home-teams-options-header-red {
    color: var(--font-color-red);
}

section.home-teams section:last-child article header.home-teams-options-header-green {
    color: var(--font-color-green);
}

section.home-teams section:last-child article header.home-teams-options-header-green-alternative {
    color: var(--font-color-green-alternative);
}

section.home-teams section:last-child article div.home-teams-options-input-container {
    width: 100%;
    height: 36px;
    padding: 0 0 0 12px;
    border-radius: 25px;
    margin-top: 10px;
    position: relative;
    margin-bottom: 0px;
}

section.home-teams section:last-child article div.home-teams-options-input-container-green {
    border: 1px solid var(--font-color-green);
}

section.home-teams section:last-child article div.home-teams-options-input-container-green-alternative {
    border: 1px solid var(--font-color-green-alternative);
}

section.home-teams section:last-child article div.home-teams-options-input-container input[type="text"] {
    border: none;
    padding: 0;
    margin: 0;
    font-family: var(--font-family-merriweather);
    font-size: 16px;
    line-height: 36px;
    letter-spacing: 0;
    color: var(--main-font-color);
    background-color: transparent;
    width: calc(100% - 184px);
    outline: none;
}

section.home section:last-child article p {
    font-family: 'Merriweather', serif;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0px;
    font-weight: 300;
    color: var(--main-font-color);
    margin-bottom: 15px;
}

section.home-teams section:last-child article p {
    font-family: 'Merriweather', serif;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0px;
    font-weight: 300;
    color: var(--main-font-color);
}

section.home section:last-child article section {
    display: flex;
    width: 100%;
    justify-content: flex-end;
}

section.home section:last-child article img.gray {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    /* margin: 15px 0 0 15px; */
}

#home-flyer-school {
    text-align: center;
}

div.home-team-exit-button-container {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 8px;
}

section.team section div.players-list-rating-container, section.team-xl section div.players-list-rating-container, 
section.general-xl section div.players-list-rating-container,
section.teams-ranking section div.players-list-rating-container, section.team-votes div.players-list-rating-container {
    background-color: transparent;
    width: 100%;
    margin-bottom: 20px;
}

section.team-xl section div.players-list-rating-container {
    width: auto;
    overflow-x: scroll;
}

section.team-xl section div.players-list-rating-container,
section.general-xl section div.players-list-rating-container {
    margin-top: 20px;
}

section.team section div.players-list-rating-container div.players-list-rating-row,
section.team-xl section div.players-list-rating-container div.players-list-rating-row,
section.general-xl section div.players-list-rating-container div.players-list-rating-row, 
section.team-votes div.players-list-rating-container div.players-list-rating-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: auto;
    min-width: calc(80px + 15 * 50px + 90px);
    overflow-x: visible;
}

section.teams-ranking section div.players-list-rating-container div.players-list-rating-row {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: auto;
    min-width: 100%;
    overflow-x: hidden;
}

section.team section div.players-list-rating-container div.players-list-rating-row:not(:first-child),
section.team-xl section div.players-list-rating-container div.players-list-rating-row:not(:first-child),
section.general-xl section div.players-list-rating-container div.players-list-rating-row:not(:first-child),
section.teams-ranking section div.players-list-rating-container div.players-list-rating-row:not(:first-child),
section.team-votes div.players-list-rating-container div.players-list-rating-row:not(:first-child) {
    border-bottom: 1px solid #dadada;
}

section.team section div.players-list-rating-container div.players-list-rating-row div.players-list-rating-column:first-child {
    width: 30%;
}

section.team section div.players-list-rating-container div.players-list-rating-row div.players-list-rating-column:nth-child(2) {
    width: 20%;
}

section.team section div.players-list-rating-container div.players-list-rating-row div.players-list-rating-column:last-child {
    width: 50%;
    text-align: center;
}

section.team-xl section div.players-list-rating-container div.players-list-rating-row div.players-list-rating-column:first-child {
    width: 7vw;
    min-width: 80px;
    text-align: left;
}

section.team-xl section div.players-list-rating-container div.players-list-rating-row div.players-list-rating-column:not(:first-child):not(:last-child) {
    width: 3vw;
    min-width: 50px;
    text-align: right;
}

section.team-xl section div.players-list-rating-container div.players-list-rating-row div.players-list-rating-column:last-child {
    width: 7vw;
    text-align: right;
    min-width: 90px;
}

section.general-xl section div.players-list-rating-container div.players-list-rating-row div.players-list-rating-column {
    width: 220px;
    text-align: left;
    overflow: scroll;
}

section.teams-ranking section div.players-list-rating-container div.players-list-rating-row div.players-list-rating-column:first-child {
    width: 15%;
}

section.teams-ranking section div.players-list-rating-container div.players-list-rating-row div.players-list-rating-column:nth-child(2) {
    width: 70%;
}

section.teams-ranking section div.players-list-rating-container div.players-list-rating-row div.players-list-rating-column:last-child {
    width: 15%;
    text-align: center;
}

section.team-votes div.players-list-rating-container div.players-list-rating-row div.players-list-rating-column:first-child {
    width: 20%;
}

section.team-votes div.players-list-rating-container div.players-list-rating-row div.players-list-rating-column:nth-child(2) {
    width: 10%;
    text-align: center;
}

section.team-votes div.players-list-rating-container div.players-list-rating-row div.players-list-rating-column:nth-child(3) {
    width: 70%;
}

section.team section div.players-list-rating-container div.players-list-rating-row:first-child,
section.team-xl section div.players-list-rating-container div.players-list-rating-row:first-child,
section.general-xl section div.players-list-rating-container div.players-list-rating-row:first-child,
section.teams-ranking section div.players-list-rating-container div.players-list-rating-row:first-child,
section.team-votes div.players-list-rating-container div.players-list-rating-row:first-child {
    background-color: #dcdcdc;
    border: none;
    border-radius: 4px;
}

section.team section div.players-list-rating-container div.players-list-rating-row:first-child div.players-list-rating-column,
section.team-xl section div.players-list-rating-container div.players-list-rating-row:first-child div.players-list-rating-column,
section.general-xl section div.players-list-rating-container div.players-list-rating-row:first-child div.players-list-rating-column,
section.teams-ranking section div.players-list-rating-container div.players-list-rating-row:first-child div.players-list-rating-column,
section.team-votes div.players-list-rating-container div.players-list-rating-row:first-child div.players-list-rating-column {
    background-color: #dcdcdc;
}

section.team section div.players-list-rating-container div.players-list-rating-row:first-child div.players-list-rating-column,
section.team-xl section div.players-list-rating-container div.players-list-rating-row:first-child div.players-list-rating-column,
section.general-xl section div.players-list-rating-container div.players-list-rating-row:first-child div.players-list-rating-column,
section.teams-ranking section div.players-list-rating-container div.players-list-rating-row:first-child div.players-list-rating-column,
section.team-votes div.players-list-rating-container div.players-list-rating-row:first-child div.players-list-rating-column {
    font-family: var(--font-family-montserrat);
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    font-weight: 400;
    color: #787878;
    padding: 8px;
}

section.team section div.players-list-rating-container div.players-list-rating-row:not(:first-child) div.players-list-rating-column,
section.team-xl section div.players-list-rating-container div.players-list-rating-row:not(:first-child) div.players-list-rating-column,
section.general-xl section div.players-list-rating-container div.players-list-rating-row:not(:first-child) div.players-list-rating-column,
section.teams-ranking section div.players-list-rating-container div.players-list-rating-row:not(:first-child) div.players-list-rating-column,
section.team-votes div.players-list-rating-container div.players-list-rating-row:not(:first-child) div.players-list-rating-column {
    font-family: var(--font-family-montserrat);
    font-size: 14px;
    line-height: 14px;
    letter-spacing: 0;
    font-weight: 400;
    color: #5a5a5a;
    padding: 8px;
}

div.trophies-container {
    position: relative;
    width: 57%;
    margin: auto;
}

div.trophies-container img:not(:last-child) {
    margin-right: 8px;
}

div.trophies-mask {
    position: absolute;
    top: 0;
    right: 0;
    width: 0%;
    height: 100%;
    opacity: 0.75;
    z-index: 10;
    background-color: #f8f8f8;
}

div.team-action {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 40px;
}

.show_new_lines {
    white-space: pre-line;
}

/* #team_users_voted, #teams_ratings {
    width: 100%;
} */

#team_users_voted {
    width: 100%;
}

section.texts_voted {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
}

section.texts_voted:nth-child(even) {
    background-color: lightgray;
}

#teams_ratings section.texts_voted:first-child {
    background-color: transparent;
    font-weight: bold;
}

section.texts_voted:first-child {
    background-color: transparent;
    font-weight: bold;
}

section.texts_voted header {
    padding: 4px;
}

section.texts_voted header:first-child {
    width: 20%;
}

section.texts_voted header:nth-child(2) {
    width: 10%;
    text-align: center;
}

section.texts_voted header:last-child {
    width: 70%;
}

section.texts_voted:first-child header:last-child {
    text-align: center;
}

/* Texts Candidates New */

div.texts-candidates-radio-label-container {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

div.texts-candidates-radio-label-container:not(:first-child) {
    margin-top: 10px;
}

div.texts-candidates-radio-label-container div.texts-candidates-radio-container {
    position: relative;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

div.texts-candidates-radio-label-container div.texts-candidates-radio-container div.radio-outer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #787878;
    border-radius: 50%;
}

div.texts-candidates-radio-label-container div.texts-candidates-radio-container div.radio-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 4px solid var(--main-bg-color);
    border-radius: 50%;
    background-color: #787878;
}

div.texts-candidates-radio-label-container p {
    font-family: var(--font-family-montserrat);
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0;
    font-weight: 400;
    color: var(--main-font-color);
    margin-left: 10px;
}

/* Donate */

section.donate section:last-child article.donate-options {
    width: 100%;
    text-align: center;
}

section.donate section:last-child article.donate-options header.donate-options-header {
    font-family: var(--font-family-montserrat);
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0px;
    font-weight: 700;
    color: var(--font-color-red);
    margin-bottom: 10px;
}

section.donate section:last-child article.donate-options header.donate-options-header:not(:first-child) {
    margin-top: 10px;
}

section.donate section:last-child article.donate-options div.donate-options-element {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: nowrap;
    border-bottom: 1px solid #bfbfbf;
    padding-bottom: 10px;
}

section.donate section:last-child article.donate-options div.donate-options-element div.donate-options-partners {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

section.donate section:last-child article.donate-options div.donate-options-element div.donate-options-partners div {
    width: 50%;
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
    text-align: left;
}

section.donate section:last-child article.donate-options div.donate-options-element div.donate-options-partners div span {
    font-family: var(--font-family-merriweather);
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: #a2a2a2;
    font-weight: 300;
}

section.donate section:last-child article.donate-options div.donate-options-element div.donate-options-partners div a.donate-link img {
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    margin: 0;
    padding: 0;
    max-width: 80px;
}

section.donate section:last-child article.donate-options p.donate-other {
    font-family: var(--font-family-montserrat);
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: #969696;
    font-weight: 500;
    margin-top: 10px;
}

/* My Team */
/* Texts */

section.section-headers {
    width: 100%;
}

header.section-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 700;
    color: black;
    margin-bottom: 20px;
    text-transform: uppercase;
}

header.section-subtitle, p.section-subtitle {
    font-family: var(--font-family-merriweather);
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0px;
    font-weight: 300;
    color: #646464;
}

h6.complete-survey-subtitle {
    font-family: var(--font-family-merriweather);
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0px;
    font-weight: 400;
    color: var(--main-font-color);
    margin: 0;
}

section.section-headers p, section.section-headers p.paragraph-title {
    font-family: var(--font-family-merriweather);
    font-size: 16px;
    line-height: 32px;
    letter-spacing: 0px;
    font-weight: 400;
    color: var(--main-font-color);
}


section.section-headers p.paragraph-title::first-line {
    font-size: 18px;
    line-height: 40px;
    font-weight: 700;
    margin-top: 10px;
}

header.section-subtitle-rating {
    width: 58%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

div.rating-team-search {
    width: 270px;
    height: 30px;
    background-color: #ebebeb;
    border-radius: 10px;
    border: none;
    position: relative;
}

#rating-team-search-button {
    position: absolute;
    top: -5px;
    right: 0;
}

#rating-team-search-input, #rating-team-search-input:focus {
    position: absolute;
    top: 0;
    left: 10px;
    font-family: var(--font-family-montserrat);
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 400;
    color: var(--main-font-color);
    background-color: transparent;
    border: none;
    box-shadow: none;
    outline: none;
}

header.section-info {
    font-family: var(--font-family-merriweather);
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 0px;
    font-weight: 700;
    color: var(--font-color-green);
}

header.section-subtitle-margin-bottom {
    margin-bottom: 15px;
}

section.finalist-text-extras {
    width: 100%;
}

/* section.finalist-text-extras label, input:not([type="radio"]) {
    width: 100%;
    display: block;
    font-family: var(--font-family-merriweather);
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    color: #646464;
} */

section.finalist-text-extras label {
    font-weight: 700;
    margin-top: 20px;
}

section.finalist-text-extras input {
    font-weight: 400;
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    /* border-bottom: 1px solid #e2e2e2; */
    border-bottom: none;
    outline: none;
    border-radius: unset;
    padding: 0;
    height: auto;
}

section.texts {
    width: 100%;
    margin-top: 40px;
    display: flex;
    margin-bottom: 60px;
    flex-wrap: nowrap;
}

section.players {
    width: 15%;
    padding: 0 24px 0 0;
}

section.comments {
    width: 30%;
    position: relative;
    padding: 0 0 0 24px;
}

section.text-container {
    position: relative;
    width: 70%;
    min-height: calc(50vh - var(--nav-height) - var(--main-margin-top-after-nav) + 48px + 160px);
    max-height: calc(100vh - var(--nav-height) - var(--main-margin-top-after-nav) + 48px + 160px);
    padding: 0 24px 0 0;
    border-right: 1px solid var(--main-font-color);
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    overflow-y: scroll;
}

section.text-container-pdf {
    position: relative;
    width: 70%;
    height: auto;
    padding: 0 24px 0 0;
    border-right: 1px solid var(--main-font-color);
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-radius: 0;
    overflow-y: scroll;
}

header.texts-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 0px;
    font-weight: 700;
    color: #787878;
    margin-bottom: 24px;
}

header.texts-subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0px;
    font-weight: 700;
    color: #787878;
    margin-bottom: 10px;
}

section.user-texts-and-comments {
    width: 100%;
    /* height: calc(100vh - var(--nav-height) - var(--main-margin-top-after-nav)); */
    /* min-height: calc(100vh - var(--nav-height) - var(--main-margin-top-after-nav) + 48px + 80px); */
    /* max-height: calc(100vh - var(--nav-height) - var(--main-margin-top-after-nav)); */
    overflow: scroll;
    margin: 0;
    padding: 0;
    border: none;
}

section.user-texts-and-comments-sm {
    height: calc(50vh - var(--nav-height) - var(--main-margin-top-after-nav) + 80px);
    min-height: calc(50vh - var(--nav-height) - var(--main-margin-top-after-nav) + 80px);
    max-height: calc(50vh - var(--nav-height) - var(--main-margin-top-after-nav) + 80px);
}

section.players-list {
    width: 100%;
}

section.players-list {
    margin-bottom: 16px;
}

section.players-list header {
    font-family: var(--font-family-montserrat);
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0px;
    font-weight: 400;
    color: #787878;
    cursor: pointer;
}

section.players-list header.active {
    font-family: var(--font-family-montserrat);
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 0px;
    color: var(--font-color-green);
}

section.user-text {
    font-family: var(--font-family-merriweather);
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0px;
    font-weight: 400;
    color: #787878;
}

section.user-comments {
    background-color: #f2f2f2;
    border: none;
    border-top-left-radius: 22px;
    border-top-right-radius: 22px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    padding: 22px;
    /* scroll-padding-bottom: 22px; */
}

section.text-comment {
    padding-bottom: 10px;
}

section.text-comment:not(:last-child) {
    border-bottom: 1px solid var(--main-font-color);
}

section.text-comment:not(:first-child) {
    padding-top: 4px;
}

section.text-comment header {
    font-family: var(--font-family-montserrat);
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #787878;
    margin-bottom: 6px;
}

section.text-comment p.date {
    font-family: var(--font-family-montserrat);
    font-size: 13px;
    line-height: 16px;
    font-weight: 400;
    color: #787878;
    margin-bottom: 10px;
}

section.text-comment article {
    font-family: var(--font-family-montserrat);
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #5a5a5a;
}

section.comment-input-container {
    position: absolute;
    /* bottom: 0px; */
    top: calc(50vh - var(--nav-height) - var(--main-margin-top-after-nav) + 48px + 80px);
    left: 24px;
    width: calc( 100% - 24px);
    height: 80px;
    z-index: 10;
    background-color: #eaeaea;
    border: none;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 20px;
}

/* form.form-comment-new textarea */
section.comment-input-container textarea {
    border: none;
    background-color: transparent;
    resize: none;
    font-family: var(--font-family-montserrat);
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0;
    color: #787878;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* User Texts */

section.text-edit, section.text-edit-titles {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: nowrap;
    flex-flow: nowrap;
    padding: 0;
}

section.text-edit-no-titles, section.text-edit-titles {
    margin: 40px 0 0 0;
}

section.text-edit section.text-edit-left, section.text-edit-titles section.text-edit-titles-left {
    position: relative;
    width: 70%;
    padding: 0 24px 0 0;
    margin: 0;
}

section.text-edit-titles section.text-edit-titles-left {
    display: flex;
    justify-content: space-between;
    text-align: center;
    flex-wrap: nowrap;
}

section.text-edit section.text-edit-left {
    border: 1px solid #cdcdcd;
    border-radius: 32px;
    padding: 20px;
}

textarea.user-text-input, textarea.user-text-input:focus, textarea.user-text-input:read-only {
    border: none;
    background-color: transparent;
    resize: none;
    font-family: var(--font-family-merriweather);
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 400;
    color: #787878;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 0 30px 0 0;
}

section.text-edit section.text-edit-right, section.text-edit-titles section.text-edit-titles-right {
    position: relative;
    width: 30%;
    padding: 0 0 0 24px;
}

section.text-edit section.text-edit-right article.text-edit-timer {
    display: block;
    margin-bottom: 16px;
}

section.text-edit section.text-edit-right article.text-edit-timer label {
    font-family: var(--font-family-montserrat);
    font-size: 22px;
    line-height: 36px;
    letter-spacing: 0;
    font-weight: 400;
    color: #787878;
}

section.text-edit section.text-edit-right article.text-edit-timer p {
    font-family: Helvetica, sans-serif;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: 0;
    font-weight: 700;
    color: #787878;
}

section.text-edit section.text-edit-right article.text-edit-info {
    display: block;
}

section.text-edit section.text-edit-right article.text-edit-info p {
    font-family: var(--font-family-montserrat);
    font-size: 18px;
    line-height: 28px;
    letter-spacing: 0;
    font-weight: 400;
    color: #787878;
}

/* Login */

.form-login {
    margin-top: 10%;
    padding: 6%;
    /* border: 1px solid lightgray;
    border-radius: 4px;
    box-shadow: 0px 5px 5px rgb(200,200,200); */
    box-sizing: border-box;
}

/* .input-text-login, .input-text-login:focus {
    background-color: transparent;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #e2e2e2;
    font-family: var(--font-family-montserrat);
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0;
    font-weight: 300;
    color: #787878;
    outline: none;
    border-radius: unset;
    padding: 2px;
    height: auto;
} */

.login-button {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.login-other {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Footer */

footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100vw;
    padding: 8px var(--main-side-padding);
    background-color: black;
    box-sizing: border-box;
}

footer section:first-child {
    width: 70%;
}

footer section:last-child {
    width: 30%;
}

footer section:first-child {
    display: flex;
    justify-content: flex-start;
}

footer section:first-child article {
    width: 100%;
}

footer section:first-child article, footer section:first-child article ul li a {
    font-family: 'Merriweather', serif !important;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: #d8d8d8;
}

footer section:first-child article span {
    font-weight: 700;
}

footer section:first-child article ul {
    margin-left: 80px;
    display: inline;
    width: 40%;
    list-style: none;
}

footer section:first-child article ul li {
    display: inline;
    cursor: pointer;
}

footer section:first-child article ul li:not(:last-child):after {
    content: " | ";
}

footer section:last-child {
    display: flex;
    justify-content: flex-end;
}

footer section:last-child img:first-child {
    margin-right: 20px;
    cursor: pointer;
}

/* Admin */

section.admin-username-input-container {
    width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

section.admin-username-input-container input {
    width: 70%;
    margin-right: 2%;
}

section.admin-username-input-container button {
    width: 30%;
}

section.admin-dashboard-first-section {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border: 1px solid var(--main-font-color);
    border-radius: 24px;
    margin: 10px 0;
}

section.admin-dashboard-first-section section {
    width: 50%;
    padding: 10px;
}

section.admin-dashboard-first-section section:first-child {
    border-right: 1px solid var(--font-color-lightgray);
}

section.admin-dashboard-first-section section:last-child {
    text-align: center;
    margin-left: 2%;
    height: 100%;
}

/* Buttons */

button {
    position: relative;
    z-index: 20;
    box-shadow: none;
}

button img.arrow {
    position: relative;
}

button.left {
    margin-right: 8px;
}

button.button-round-red {
    background-color: #f45d48;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    box-shadow: none;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
}

button.button-green {
    background-color: var(--font-color-green);
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    box-shadow: none;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
}

button.button-lck-home {
    background-color: white;
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: black;
    box-shadow: none;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
    width: 100%;
    height: 50px;
    padding: 14px 25px;
    border-radius: 0;
    margin-top: 20px;
    scrollbar-width: none;
}

button.button-yellow {
    background-color: #ecf804;
    font-family: 'Montserrat', sans-serif;
    color: var(--main-font-color);
    box-shadow: none;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
}

button.button-login, button.button-register {
    margin-top: 20px;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #ffffff;
    
}

button.button-home-teams {
    margin-top: 10px;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #ffffff;
    width: 350px;
    max-width: 95%;
    height: auto;
    padding: 0 25px;
    border-radius: 25px;
}

button.button-home-teams-input {
    position: absolute;
    top: 0;
    right: 0;
    margin-top: 0;
    font-size: 18px;
    line-height: 32px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #ffffff;
    width: 184px;
    height: auto;
    padding: 0 25px;
    border-radius: 25px;
    cursor: pointer;
}

button.button-home-teams-input-green {
    background-color: var(--font-color-green);
    border: 1px solid var(--font-color-green);
}

button.button-home-teams-input-green-alternative {
    background-color: var(--font-color-green-alternative);
    border: 1px solid var(--font-color-green-alternative);
}

button.button-login {
    width: 100%;
    height: 50px;
    padding: 14px 25px;
    border-radius: 25px;
}

button.button-register {
    width: 300px;
    height: 40px;
    padding: 10px 10px;
    border-radius: 20px;
}

button.button-large {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: 2px;
    font-weight: 700;
    color: #ffffff;
    padding: 14px 26px;
    border-radius: 26px;
}

button.button-small {
    font-size: 16px;
    line-height: 16px;
    letter-spacing: 0px;
    font-weight: 500;
    color: #ffffff;
    padding: 8px 14px;
    border-radius: 14px;
}

button.button-small img.arrow {
    position: relative;
    top: -2px;
}

button.button-small img.arrow-left  {
    left: -3px;
}

button.button-small img.arrow-right  {
    left: 3px;
}

button.disabled {
    opacity: 0.8;
}

button.button-comment-new {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: var(--font-color-green);
    width: 32px;
    height: 32px;
    border-radius: 16px;
    border: none;
    cursor: pointer;
}

button.button-text-headers {
    border: none;
    background-color: transparent;
    font-family: var(--font-family-merriweather);
    font-size: 22px;
    line-height: 36px;
    font-weight: 700;
    letter-spacing: 0;
    color: #646464;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

button.button-save-user-text {
    position: relative;
    /* bottom: 10px;
    left: 24px; */
    margin: 10px 0 0;
}

button.button-slim {
    font-family: var(--font-family-montserrat);
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0 18px;
    text-transform: uppercase;
    border: none;
    border-radius: 18px;
    box-shadow: none;
    height: 26px;
    cursor: none;
}

button.button-slim-mini {
    font-family: var(--font-family-montserrat);
    font-size: 10px;
    line-height: 12px;
    font-weight: 500;
    letter-spacing: 0;
    padding: 0 10px;
    text-transform: uppercase;
    border: none;
    border-radius: 10px;
    box-shadow: none;
    height: 14px;
    cursor: none;
}

button.button-slim-disabled {
    background-color: #dfdfdf;
    color: #787878;
}

button.button-slim-enabled {
    background-color: var(--font-color-red);
    color: #ffffff;
    cursor: pointer;
}

button.report-text {
    top: 120px;
    margin-bottom: 76px;
    left: 0px;
}

input.report-text-radio {
    left: -208px;
}

#text_candidate {
    position: absolute;
    top: 0;
    right: 24px;
    height: 26px;
}

button.button-cancel {
    background-color: #787878;
    font-family: 'Montserrat', sans-serif;
    color: #ffffff;
    box-shadow: none;
    border: none;
    text-transform: uppercase;
    cursor: pointer;
}

span.accept, span.cancel {
    font-size: 1.2rem;
    cursor: pointer;
}

span.accept {
    color: var(--font-color-green);
}

span.cancel {
    color: var(--font-color-red);
}

button.button-icon {
    width: auto;
    height: auto;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

button.button-icon img.button-icon-rating {
    opacity: .3;
}

/* Combobox */

div.select-rating-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

select.select-rating, select.select-day {
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--font-color-red);
    border: none;
    border-radius: 4px;
    font-family: var(--font-family-montserrat);
    font-size: 12px;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: 0;
    color: #ffffff;
    padding: 0 8px;
    margin: 0;
    cursor: pointer;
}

select.select-register-language {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    border: 1px solid #dcdcdc;
    border-radius: 8px;
    font-family: var(--font-family-montserrat);
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    letter-spacing: 0;
    color: #a2a2a2;
    padding: 0 8px;
    margin: 0;
    cursor: pointer;
    width: 100%;
    height: 36px;
}

select.select-rating {
    width: 100%;
}

select.select-day, .select-wrapper-day {
    width: 10vw;
}

select.select-rating:focus {
    background-color: var(--font-color-red);
    outline: none;
}

select.select-register-language:focus {
    background-color: transparent;
    outline: none;
}

.select-wrapper, .select-wrapper-register {
    position: relative;
}

.select-wrapper-rating {
    width: 50%;
}

.select-wrapper-register-language {
    width: 48%;
}

.select-wrapper-register-extras {
    width: 100%;
}

.select-wrapper-register-extras-mt {
    margin-top: 10px;
}

.select-wrapper:first-child {
    margin-right: 20px;
}

.select-wrapper::after {
    content: url('../images/arrow-down-white-small.png');
    /* font-size: 1rem; */
    top: -2px;
    right: 8px;
    position: absolute;
}

.select-wrapper-register::after {
    content: url('../images/arrow-down-gray.png');
    /* font-size: 1rem; */
    top: 6px;
    right: 8px;
    position: absolute;
}

/* Modals */

.modal-content {
    border-radius: 14px !important;
}

.modal-header {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.modal-body {
    padding-top: 0;
}

button.close, button.close:focus, button.close:hover {
    width: 20px;
    height: 20px;
    border: none;
    border-radius: 20px;
    font-family: var(--font-family-montserrat);
    font-size: 36px;
    line-height: 36px;
    color: #ffffff;
    font-weight: 300;
    background-color: #969696;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 16px;
    right: 14px;
    opacity: 0.4;
}

p.modal-text, p.modal-text-title {
    font-family: var(--font-family-merriweather);
    font-size: 14px;
    line-height: 24px;
    color: #787878;
}

p.modal-text {
    font-weight: 400;
}

p.modal-text-title {
    font-weight: 700;
}

.modal-footer {
    border: none;
}

#judges-count {
    width: 100px;
    display: inline;
    margin-left: 10px;
    text-align: right;
}

label.judges-count-label {
    display: inline;
}

/* Screens */

@media only screen and (min-width: 1000px) and (max-width: 1439px) {

    .screen-large {
        display: block;
    }

    .screen-small {
        display: none;
    }

    nav.menu {
        border-bottom: 1px solid var(--main-font-color);
        padding: 20px var(--main-side-padding);
        align-items: flex-end;
        justify-content: space-between;
    }

    nav.menu p {
        font-size: 20px !important;
        line-height: 14px !important;
    }
   
    .nav-link-text, a, li.dropdown {
        margin: 0 4px 0 0;
        font-size: 14px !important;
        line-height: 14px !important;
    } 

    #navbarNavDropdown {
        position: relative;
        top: 10px;
        padding: 0;
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: row;
        flex-direction: row;
    }

    main {
        background-color: rgba(248, 248, 248, .9);
        margin-top: 145px;
        min-height: unset;
        padding: 0 var(--main-side-padding) 90px;
        box-sizing: border-box;
        background-image: url();
    }

    section.home section:last-child, section.team section:last-child, 
    section.donate section:last-child, section.teams-ranking section:last-child {
        width: 38%;
        margin-left: 4%;
    }

    section.donate section:last-child {
        max-width: unset;
        margin-right: 0;
    }

    section.home section:first-child header, section.team section:first-child header, 
    section.donate section:first-child header, section.teams-ranking section:first-child header {
        font-size: 40px;
        line-height: 52px;
    }

    section.home section:first-child article, section.team section:first-child article, 
    section.donate section:first-child article, section.teams-ranking section:first-child article {
        font-size: 24px;
        line-height: 32px;
    }

    section.donate section:last-child article.donate-options div.donate-options-element div.donate-options-partners div {
        flex-wrap: nowrap;
    }

    section.home section:last-child article header {
        font-size: 24px;
        line-height: 30px;
        letter-spacing: 0px;
    }

    section.home section:last-child article p {
        font-size: 18px;
        line-height: 24px;
    }

    section.divisions section {
        width: 100%;
        padding: 0px 16px;
        margin-bottom: 12px;
        background-color: transparent;
        display: none;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    section.divisions div p {
        font-family: var(--font-family-montserrat);
        font-size: 48px;
        font-weight: 500;
        letter-spacing: 0;
        color: #0a8080;
        margin-left: 20px;
        cursor: pointer;
    }

    section.divisions section article {
        width: 46%;
        margin-bottom: 20px;
    }

    section.divisions section article div.zone-header p,
    section.divisions section article div.zone-line p {
        font-family: var(--font-family-montserrat);
        font-size: 16px;
        line-height: 22px;
        font-weight: 300;
        letter-spacing: 0;
        color: #323232;
        margin: 0;
    }

    button.button-large {
        font-size: 20px;
        line-height: 20px;
        padding: 12px 20px;
        border-radius: 20px;
    }

    header.section-title {
        font-size: 30px;
        line-height: 30px;
    }

    header.section-subtitle {
        font-size: 20px;
        line-height: 30px;
    }

    header.section-info {
        font-size: 18px;
        line-height: 26px;
    }

    section.text-edit-no-titles, section.text-edit-titles {
        margin-top: 30px;
    }

    header.section-subtitle-rating {
        flex-wrap: wrap;
    }

    section.teams-ranking {
        flex-direction: row;
    }

    section.donate section:last-child article.donate-options header.donate-options-header {
        font-size: 1.4vw;
        line-height: 1.7vw;
    }

    footer section:first-child article {
        font-size: 14px;
        line-height: 30px;
    }

    section.donate section:last-child article.donate-options div.donate-options-element div.donate-options-partners div span {
        font-size: 12px;
    }

    section.donate section:last-child article.donate-options div.donate-options-element div.donate-options-partners div a.donate-link img {
        max-width: 68px;
    }

    section.donate section:last-child article.donate-options p.donate-other {
        font-size: 12px;
        line-height: 16px;
    }

    button.button-text-headers {
        font-size: 20px;
        line-height: 30px;
    }

    section.home-teams section:first-child {
        width: 50%;
        padding-right: 0;
    }
    
    section.home-teams section:last-child {
        width: 50%;
        padding-left: 2%;
    }

    button.button-home-teams {
        font-size: 1.25vw;
        padding: 0;
    }

    section.home-teams section:last-child article div.home-teams-options-input-container {
        margin-bottom: 60px;
    }

    section.home-teams section:last-child article div.home-teams-options-input-container input[type="text"] {
        width: 88%;
        position: absolute;
        top: -2px;
        left: 14px;
    }

    button.button-home-teams {
        font-size: 12px;
    }

    button.button-home-teams-input {
        max-width: 100%;
        width: 100%;
        padding: 0;
        margin-top: 46px;
    }

    section.home-teams section:last-child article div.home-teams-options-input-container input[type="text"] {
        width: 100%;
    }

    section.home-teams section:last-child article div.home-teams-options-input-container {
        margin-bottom: 60px;
    }

    section.team-stats-container header.team-stats-header {
        text-align: center;
    }

    section.team-stats-container {
        padding: 30px;
    }

    section.team-stats-container section.team-stats-history-container article:first-child {
        border-right: 2px solid #0a8080;
    }
    
    section.team-stats-container section.team-stats-history-container article:nth-child(2) {
        border-right: none;
    }
    
    section.team-stats-container section.team-stats-history-container article:nth-child(3) {
        border-right: 2px solid #0a8080;
    }

    section.team-stats-container section.team-stats-history-container article div.team-stats-history-stars-container {
        justify-content: center;
    }

    section.team-stats-container section.team-stats-history-container {
        height: auto;
    }

    section.team-stats-container section.team-stats-history-container article:first-child,
    section.team-stats-container section.team-stats-history-container article:nth-child(2) {
        width: 50%;
        height: 100%;
        min-height: 200px;
    }

    section.team-stats-container section.team-stats-history-container article:nth-child(3),
    section.team-stats-container section.team-stats-history-container article:nth-child(4) {
        width: 50%;
        height: 100%;
        min-height: 200px;
    }

    section.team-stats-container section.team-stats-history-container article header {
        font-size: 42px;
        line-height: 48px;
    }

    footer {
        padding: 20px var(--main-side-padding);
      }
    
      footer section:first-child {
        width: 80%;
      }
      
      footer section:last-child {
        width: 20%;
      }
      
      footer section:first-child {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
      }
      
      footer section:first-child article {
        width: 100%;
      }
      
      footer section:first-child article, footer section:first-child article ul li a {
        font-size: 1.2vw;
        line-height: 2.5vw;
      }
      
      footer section:first-child article span {
        font-weight: 700;
      }
      
      footer section:first-child article ul {
        margin-left: 80px;
        display: inline;
        width: 40%;
        list-style: none;
      }
      
      footer section:first-child article ul li {
        display: inline;
      }
      
      footer section:first-child article ul li:not(:last-child):after {
        content: " | ";
      }
      
      footer section:last-child {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
      }
    
      footer section:last-child img:first-child {
        margin-right: 20px;
      }

}

@media only screen and (max-width: 999px) {

    .screen-large {
        display: none;
    }

    .screen-small {
        display: block;
    }

    nav.menu {
        border-bottom: 1px solid var(--main-font-color);
        padding: 20px 4vw;
        align-items: center;
        justify-content: space-between;
    }

    #navbarNavDropdown {
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        padding: 160px 4vw;
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .nav-link-text, li.dropdown {
        font-size: 20px !important;
        line-height: 36px !important;
    }

    section.form-login-new, section.account-verification-new, section.form-recovery-pw {
        width: 100%;
        padding: 40px 4% 4%;
    }
    
    section.form-register-new {
        width: 100%;
        padding: 4%;
    }
    
    div.form-login-new-logo-container {
        top: -150px;
    }

    img.form-login-new-picture {
        width: 100vw;
        max-width: 378px;
        bottom: -200px;
        left: 0;
    }
    
    img.form-pw-recover-new-picture {
        width: 100vw;
        max-width: 378px;
        bottom: -100px;
        left: 0;
    }
    
    img.form-pw-change-new-picture {
        width: 100vw;
        max-width: 378px;
        bottom: -200px;
        left: 0;
    }
    
    img.account-verification-new-picture {
        width: 100vw;
        max-width: 378px;
        bottom: -200px;
        left: 0;
    }
    
    img.form-pw-recovery-new-picture {
        width: 100vw;
        max-width: 378px;
        bottom: -200px;
        left: 0;
    }

    section.form-register-new {
        top: 0px;
        width: 100%;
        height: auto;
        padding: 2%;
    }

    section.form-register-new header {
        width: 92%;
        margin-left: 0;
    }

    section.form-register-new form div.form-register-new-row {
        flex-wrap: wrap;
    }

    .input-text-register-small {
        width: 100%;
    }

    .input-text-register-small:last-child {
        margin-top: 10px;
    }

    section.form-register-new form div.form-register-new-row div.password-container {
        width: 100%;
    }

    section.form-register-new form div.form-register-new-row div.password-container:last-child {
        margin-top: 10px;
    }

    section.form-register-new form div.form-register-new-row-radio-container {
        flex-wrap: wrap;
    }

    .select-wrapper-register-language {
        width: 100%;
    }

    nav.menu p {
        font-size: 4vw !important;
        line-height: 10vw !important;
        margin: auto;
    }

    main {
        background-color: var(--main-bg-color) !important;
        margin-top: 160px;
        min-height: unset;
        padding: 0 4% 4%;
    }

    /* Home - Home Teams - Team - Donate */
    section.home, section.team, section.team-xl,
    section.general-xl, section.donate, section.teams-ranking {
        flex-wrap: wrap;
    }

    section.teams-ranking {
        flex-direction: column-reverse;
    }

    section.home section:first-child, section.team section:first-child, 
    section.donate section:first-child, section.teams-ranking section:first-child {
        width: 100%;
    }

    section.home {
        max-width: 100%;
    }

    section.home section:first-child {
        max-width: 100%;
        overflow-x: scroll;
    }

    section.home section:last-child, section.team section:last-child, 
    section.donate section:last-child, section.teams-ranking section:last-child {
        width: 100%;
        margin-left: 0%;
    }

    header.section-subtitle-rating {
        width: 100%;
        flex-wrap: wrap;
    }

    section.donate section:last-child {
        max-width: 500px;
        margin: 20px auto 0;
    }

    section.donate section:last-child article.donate-options div.donate-options-element div.donate-options-partners div {
        flex-wrap: wrap;
    }

    section.home-teams {
        flex-wrap: wrap;
    }

    section.home-teams section:first-child {
        width: 100%;
        padding-right: 0;
    }

    section.home-teams section:last-child {
        width: 100%;
        padding-left: 0;
    }

    section.home-teams section:last-child article div.home-teams-options-input-container {
        margin-bottom: 60px;
    }

    section.home-teams section:last-child article div.home-teams-options-input-container input[type="text"] {
        width: 88%;
        position: absolute;
        top: -2px;
        left: 14px;
    }

    section.divisions section {
        width: 100%;
        padding: 0px 0px;
        margin-bottom: 12px;
        background-color: transparent;
        display: none;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    section.divisions div p {
        font-family: var(--font-family-montserrat);
        font-size: 40px;
        font-weight: 500;
        letter-spacing: 0;
        color: #0a8080;
        margin-left: 20px;
        cursor: pointer;
    }

    section.divisions section article {
        width: 100vw;
        margin-bottom: 20px;
    }

    section.divisions section article div.zone-header p,
    section.divisions section article div.zone-line p {
        font-family: var(--font-family-montserrat);
        font-size: 10px;
        line-height: 20px;
        font-weight: 300;
        letter-spacing: 0;
        color: #323232;
        margin: 0;
    }

    button.button-home-teams {
        font-size: 12px;
    }

    button.button-home-teams-input {
        max-width: 100%;
        width: 100%;
        padding: 0;
        margin-top: 46px;
    }

    section.home section:first-child header, 
    section.home-teams section:first-child header,
    section.team section:first-child header,
    section.team-xl section:first-child header, 
    section.general-xl section:first-child header, 
    section.donate section:first-child header, section.teams-ranking section:first-child header {
        font-size: 42px;
        line-height: 50px;
    }

    section.text-edit, section.text-edit-titles {
        flex-wrap: wrap;
        flex-flow: wrap-reverse;
    }

    section.text-edit section.text-edit-left {
        border-right: none;
    }

    section.text-edit section.text-edit-left, section.text-edit-titles section.text-edit-titles-left {
        width: 100%;
        padding: 0;
    }

    section.text-edit section.text-edit-right, section.text-edit-titles section.text-edit-titles-right {
        width: 100%;
        padding: 0;
        align-self: flex-start;
    }

    button.button-save-user-text {
        position: relative;
        bottom: 0px;
        left: 0px;
        margin: 10px 0;
    }

    textarea.user-text-input, textarea.user-text-input:focus, textarea.user-text-input:read-only {
        border: 1px solid #787878;
        padding: 2px;
    }

    .modal-header .close {
        padding: .6rem;
    }

    button.close, button.close:focus, button.close:hover {
        width: 16px;
        height: 16px;
        border-radius: 16px;
        font-size: 16px;
        line-height: 16px;
    }

    .select-wrapper {
        width: 100%;
    }

    select.select-day, .select-wrapper-day {
        width: 100%;
    }

    section.texts {
        flex-wrap: wrap;
    }

    section.text-container {
        width: 100%;
        min-height: calc(50vh - var(--nav-height) - var(--main-margin-top-after-nav));
        min-height: calc(100vh - var(--nav-height) - var(--main-margin-top-after-nav));
        padding: 8px;
        border: 1px solid var(--main-font-color);
        border-radius: 8px;
        overflow-y: scroll;
    }

    #text_candidate {
        position: relative;
        top: -10px;
        right: 0px;
        height: 40px;
    }

    section.comments {
        width: 100%;
        padding: 24px 8px;
    }

    section.user-texts-and-comments-sm {
        height: calc(50vh - var(--nav-height) - var(--main-margin-top-after-nav));
        min-height: calc(50vh - var(--nav-height) - var(--main-margin-top-after-nav));
        max-height: calc(50vh - var(--nav-height) - var(--main-margin-top-after-nav));
    }

    section.comment-input-container {
        top: calc(50vh - var(--nav-height) - var(--main-margin-top-after-nav) + 48px);
        left: 0;
        width: 100%;
    }

    section.donate section:last-child article.donate-options header.donate-options-header {
        font-size: 16px;
        line-height: 20px;
    }

    section.team-stats-container header.team-stats-header {
        text-align: center;
    }

    section.team-stats-container {
        padding: 30px 4px;
    }

    section.team-stats-container section.team-stats-history-container article:first-child {
        border-right: none;
    }
    
    section.team-stats-container section.team-stats-history-container article:nth-child(2) {
        border-right: none;
    }
    
    section.team-stats-container section.team-stats-history-container article:nth-child(3) {
        border-right: none;
    }

    section.team-stats-container section.team-stats-history-container article div.team-stats-history-stars-container {
        justify-content: center;
    }

    section.team-stats-container section.team-stats-history-container {
        height: auto;
    }

    section.team-stats-container section.team-stats-history-container article:first-child,
    section.team-stats-container section.team-stats-history-container article:nth-child(2) {
        width: 100%;
        height: auto;
        min-height: auto;
    }

    section.team-stats-container section.team-stats-history-container article:nth-child(3),
    section.team-stats-container section.team-stats-history-container article:nth-child(4) {
        width: 100%;
        height: auto;
        min-height: auto;
    }

    section.team-stats-container section.team-stats-history-container article header {
        font-size: 42px;
        line-height: 48px;
    }

    footer {
        padding: 20px 4vw;
    }

    footer section:first-child {
        width: 95%;
    }

    footer section:last-child {
        width: 5%;
    }

    footer section:first-child {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    footer section:first-child article {
        width: 100%;
    }

    footer section:first-child article, footer section:first-child article ul li a {
        font-size: 16px;
        line-height: 32px;
    }

    footer section:first-child article span {
        font-weight: 700;
    }

    footer section:first-child article ul {
        margin-left: 0px;
        display: block;
        width: 100%;
    }

    footer section:first-child article ul li {
        display: block;
    }

    footer section:first-child article ul li:not(:last-child):after {
        content: none;
    }

    footer section:last-child {
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-end;
    }

    footer section:last-child img:first-child {
        margin-right: 8px;
    }
}