/* Variables */
/* Fonts */
.slg-roboto {
  font-family: 'Roboto', sans-serif;
}
.slg-roboto-cond {
  font-family: 'Roboto Condensed', sans-serif;
}
.slg-pontano {
  font-family: 'Pontano Sans', sans-serif;
}
.slg-rochester {
  font-family: 'Rochester', cursive;
}
/* Couleurs */
.slg-primary-color {
  background-color: #FFC637;
}
.slg-secondary-color {
  background-color: #BEA590;
}
.slg-third-color {
  background-color: #DED2C7;
}
.slg-text-brown {
  color: #4D0E0E;
}
.slg-text-grey {
  color: #4D4D4D;
}
.slg-text-light-grey {
  color: #707070;
}
.slg-text-white {
  color: #ffffff;
}
/* Taille de texte */
.slg-text-12 {
  font-size: 12px;
  line-height: 16px;
}
.slg-text-16 {
  font-size: 16px;
  line-height: 20px;
}
.slg-text-18 {
  font-size: 18px;
  line-height: 22px;
}
.slg-text-21 {
  font-size: 21px;
  line-height: 21px;
}
.slg-text-24 {
  font-size: 24px;
  line-height: 24px;
}
.slg-text-26 {
  font-size: 26px;
  line-height: 26px;
}
.slg-text-30 {
  font-size: 30px;
  line-height: 34px;
}
.slg-text-40 {
  font-size: 40px;
  line-height: 40px;
}
.slg-text-52 {
  font-size: 52px;
  line-height: 52px;
}
.slg-text-60 {
  font-size: 60px;
  line-height: 80px;
}
.slg-text-80 {
  font-size: 80px;
  line-height: 84px;
}
.uk-heading-line > ::after,
.uk-heading-line > ::before {
  border-bottom: calc(0.2px + 0em) solid #4D4D4D;
}
/* Boutons spéciaux */
.slg-btn {
  padding: 0 30px 0 10px;
  height: 83px;
  line-height: 83px !important;
}
.slg-btn span {
  margin-top: 31px;
  margin-left: 80px;
  color: white;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  min-width: 125px;
  text-align: center;
}
@media (max-width: 372px) {
  .slg-btn span {
    margin-top: 25px;
  }
}
@media (max-width: 420px) {
  .slg-bouton-mobile {
    line-height: 42px !important;
  }
}
#slg-btn-galerie {
  transition: background-color 0.5s;
}
#slg-btn-galerie::before {
  content: url(../img/img-bouton-vote.png);
  position: absolute;
}
#slg-btn-galerie:hover {
  background-color: #CEBBAC;
}
#slg-btn-inscription {
  transition: background-color 0.5s;
}
#slg-btn-inscription::before {
  content: url(../img/img-bouton-inscription.png);
  position: absolute;
}
#slg-btn-inscription:hover {
  background-color: #FFD469;
}
#slg-btn-formulaire {
  transition: background-color 0.5s;
  color: #ffffff;
  font-family: 'Roboto Condensed', sans-serif;
}
#slg-btn-formulaire::before {
  content: url(../img/img-bouton-inscription.png);
  position: relative;
  margin-right: 15px;
  float: left;
}
#slg-btn-formulaire:hover {
  background-color: #FFD469;
}
.slg-galerie-bouton {
  background-color: #796D6D;
  color: white;
  text-transform: initial;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 50px;
  border-radius: 5px;
  transition: background-color 0.5s;
}
.slg-galerie-bouton:hover {
  background-color: #9A9191;
}
.slg-small-bouton {
  color: white;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 300;
  font-size: 20px;
}
.slg-div-bouton-galerie-mobile {
  padding: 0 0 15px 0;
}
.btn-facebook {
  transition: background-color 0.5s;
  background-color: #1677F2;
}
.btn-facebook:hover {
  color: white;
  background-color: #2B84F5;
}
.slg-alert-warning {
  background: #847876;
  color: #ffffff;
}
.uk-checkbox,
.uk-radio {
  background-color: #ffffff;
  border: none;
}
.uk-checkbox::selection,
.uk-radio::selection,
.uk-checkbox:checked,
.uk-radio:checked,
.uk-checkbox:indeterminate,
.uk-radio:indeterminate {
  background-color: #BEA590 !important;
  border-color: none;
}
.slg-link {
  text-decoration: underline;
  color: inherit;
  transition: color 0.5s;
}
.slg-link:hover {
  color: #FFC637;
}
.slg-pass {
  border: none;
  text-decoration: underline;
  transition: color 0.5s;
}
.slg-pass:hover {
  color: #847876;
}
/* Commun à toutes les pages */
#top-header {
  padding: 5px;
  background-color: #847876;
}
#header {
  background: url(../img/bg-header.jpg) top center no-repeat;
}
.main-section {
  background: url(../img/bg-main-section.jpg) top left no-repeat;
}
@media (min-width: 1485px) {
  .main-section {
    background-size: cover;
  }
}
@media (max-width: 960px) {
  .main-section {
    padding-left: 10px;
    padding-right: 10px;
    background: url(../img/bg-main-section-mobile.jpg) top left no-repeat #D4C9BD;
    background-size: cover;
  }
}
@media (max-width: 640px) {
  .main-section {
    padding-left: 10px;
    padding-right: 10px;
    background: url(../img/bg-main-section-mobile.jpg) top center no-repeat #D4C9BD;
    background-size: cover;
  }
}
.main-section .main-box {
  background-color: rgba(255, 255, 255, 0.7);
}
.main-section #dotations-box {
  border-radius: 0 0 10px 10px;
}
@media (max-width: 960px) {
  .main-section #dotations-box {
    margin-top: 40px;
  }
}
.main-section #dotations-box .uk-card-header h2 {
  color: white;
}
.main-section #dotations-box #dotations-colonne {
  padding: 15px 40px 0;
}
.uk-select:not([multiple]):not([size]) {
  background-image: url(../img/fleche-select.png);
  background-position: 92% 50%;
}
@media (max-width: 960px) {
  .uk-heading-line span {
    line-height: 54px;
  }
}
/* BIG TEASER */
.teaser-box {
  background-color: rgba(255, 255, 255, 0.7) !important;
  max-width: 80%;
}
.slg-galerie-concours .uk-container .uk-card {
  max-width: 1200px;
  padding: 0 0 0 15px;
  min-height: 175px;
}
.slg-galerie-concours .uk-container .uk-card .uk-card-header {
  padding-right: 0;
  padding-left: 160px !important;
}
.slg-galerie-concours .uk-container .uk-card::before {
  position: absolute;
}
.slg-galerie-concours .galerie {
  padding-top: 40px;
}
@media (max-width: 400px) {
  .slg-galerie-concours .uk-container .uk-card .uk-card-header {
    padding-left: 0 !important;
  }
  .slg-galerie-concours .uk-container .uk-card::before {
    display: none;
  }
  .slg-galerie-concours .galerie {
    padding-top: 15px;
  }
}
#slg-galerie-concours-moment .uk-container .uk-card::before {
  content: url(../img/img-concours-moment.png);
}
#slg-galerie-vote-jury .uk-container .uk-card::before {
  content: url(../img/img-concours-vote-jury.png);
}
#slg-galerie-concours-termine .uk-container .uk-card::before {
  content: url(../img/img-concours-termine.png);
}
.slg-icone-image {
  width: 28px;
  margin-right: 5px;
}
#icone-couronne {
  background-image: url(../img/icone-couronne.png);
}
#icone-coeur {
  background-image: url(../img/icone-coeur.png);
}
.podium-section {
  background: url(../img/bg-podium-section.png) top center no-repeat;
  background-color: #FBF7F6;
}
.drapeaux-section {
  background: url(../img/bg-drapeaux-section.jpg) top center no-repeat;
  background-color: #F0E4E4;
}
.drapeaux-section .main-box {
  background-color: rgba(255, 255, 255, 0.7);
}
.drapeaux-section .main-box .uk-icon-image {
  width: 32px;
  height: 32px;
}
#teaserModal {
  background: rgba(0, 0, 0, 0.95) !important;
}
@media (min-width: 1200px) {
  #teaserModal .uk-overlay {
    margin-bottom: 50px;
  }
}
/* Page Galerie */
.slg-bouton-vote {
  color: white;
  font-size: 36px;
  text-transform: capitalize;
  padding: 10px 20px;
  font-weight: 300;
  bottom: -35px;
  display: inline-block;
  min-width: 125px;
}
.slg-modal-close,
.slg-bouton-slide {
  color: #4D4D4D !important;
  background-color: #ffffff;
  border-radius: 50% !important;
  padding: 10px !important;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
}
.slg-modal-close:hover,
.slg-bouton-slide:hover {
  color: #ffffff !important;
  background-color: #4D4D4D;
}
.slg-bouton-slide-home {
  width: 25px;
  height: 25px;
  padding: 10px !important;
  color: #4D4D4D !important;
  background-color: #ffffff;
  border-radius: 50% !important;
  transition: 0.1s ease-in-out;
  transition-property: color, background-color;
  text-align: center;
}
.slg-bouton-slide-home:hover {
  color: #ffffff !important;
  background-color: #4D4D4D;
}
@media (max-width: 960px) {
  .slg-modal-footer-image {
    padding-top: 50px;
  }
}
@media (max-width: 728px) {
  .slg-slider li {
    padding-left: 0 !important;
  }
}
.slg-footer-section {
  background-color: #796D6D;
}
.slg-footer-section a,
.slg-footer-section p {
  color: #fff;
}
/* Formulaire */
.slg-form-margin-none * + .uk-grid-margin,
.slg-form-margin-none .uk-grid + .uk-grid,
.slg-form-margin-none .uk-grid > .uk-grid-margin {
  margin-top: 0;
}
@media (max-width: 960px) {
  .slg-label-date {
    display: block;
  }
}
/* Jeu */
.slg-list li {
  padding-left: calc(1.5em + 5px);
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 16px;
  line-height: 18px;
  color: 4D0E0E;
}
.slg-list > li::before {
  background-image: url(../img/icone-check.png);
}
.dropzone {
  border: none;
  background: transparent;
}
.dropzone.dz-drag-hover {
  border: none !important;
}
.dropzone.dz-drag-hover .box {
  box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
}
.dropzone .box {
  background-color: white;
}
.dropzone .box .slg-preview {
  z-index: 1;
}
.dropzone .dz-preview .dz-image {
  width: 300px;
  height: 300px;
}
.dropzone .dz-preview .dz-error-message {
  left: 50%;
  margin-left: -70px;
}
.dropzone .dz-message {
  margin-top: 100px;
}
@media (max-width: 450px) {
  .dz-image {
    width: 100% !important;
  }
}
/* Cadre */
.slg-image-cadre {
  max-height: 410px;
  max-width: auto;
}
.min-cadre.active img {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}
/** TEMPORAIRE **/
/* Code By Webdevtrick ( https://webdevtrick.com ) */
.container {
  padding: 50px 10%;
}
.box {
  position: relative;
  background: #ffffff;
}
.box-tools {
  position: absolute;
  right: 10px;
  top: 5px;
}
.dropzone-wrapper {
  position: relative;
  min-height: 350px;
}
/* .dropzone-desc {
    //position: absolute;
    //margin: 0 auto;
    //left: 0;
    //right: 0;
    //text-align: center;
    //width: 40%;
    //top: 50px;
    //font-size: 16px;
    //min-height: 350px;
    //background-color: red;
  } */
.dropzone,
.dropzone:focus {
  position: absolute;
  outline: none !important;
  width: 100%;
  min-height: 350px;
  cursor: pointer;
  opacity: 0;
}
.dropzone-wrapper:hover,
.dropzone-wrapper.dragover {
  background: #ecf0f5;
}
.preview-zone {
  text-align: center;
}
.preview-zone .box {
  box-shadow: none;
  border-radius: 0;
  margin-bottom: 0;
}
.btn-primary {
  background-color: crimson;
  border: 1px solid #212121;
}