:root { 
    --primary-color: #6f4e20;
}

#bga-hook-area {background:#000; max-height:570px;}
#bga-hook-background {width:160%; color:#FFF;}
#bga-hook-team {width:70%; position: absolute; bottom: 0; left: 0; display:none;}
#bga-hook-title {width: 80%;}

#public-vote-area {width:auto;}
#public-vote.section {overflow:visible!important;}

.bga-hidden {display:none;}

.award-item {width:80%; margin:1rem 0;}
.award-item > img {width:100%; padding:0 2rem;}
.award-item > div > img {margin-right:.75rem;}
.award-item > div > span {font-size:1.5rem;}

.btn-ljd-primary {background: #6f4e20;}

.btn-ljd-primary:hover, .btn-ljd-primary:focus, .btn-ljd-primary:active {background: #43280b!important; border-color:#43280b!important; color: white!important;}

#public-vote.section {background: url('https://static.lesjoueursdudimanche.fr/bga/interface/background.webp') top center repeat-y; background-size: 100vw auto; position: relative; color: #43280b; border-top: 2px solid #d3ba84; border-bottom: 2px solid #d3ba84;}

.ts-control > input, .ts-control > .item {margin-top:20px!important;}
.has-items .ts-control > input {margin-top:20px!important;}
.form-select {border:2px solid #d3ba84!important;}
.form-select:focus, .focus .ts-control {box-shadow: 0 0 0 .25rem rgba(211, 186, 132,.25)!important;}
.btn-ljd-primary.form-control:focus {box-shadow: 0 0 0 .25rem rgba(211, 186, 132,.25)!important;}

@media (min-width: 992px) {
    #bga-hook-background {width:130%;}
    #bga-hook-team {width:60%; display:block;}
    /*#bga-hook-title {width: 50%; margin-left: 480px;}*/
    #bga-hook-title {width: 60%;}

    #public-vote-area {width:50%;}

    .award-item {width:50%;}
    .award-item > img {width:auto;}
}

@media (min-width: 1200px) {
    #bga-hook-background {width:100%;}
    #bga-hook-team {width:auto;}

    #public-vote-area {width:40%;}

    .award-item {width:33.3333%;}
}

@media (min-width: 1575px) {
    #bga-hook-title {width: auto; margin-left: 0;}
}