/*** | COMMON START | ***/
/*Puzzle container*/
@media screen {
  .puzzle_width {
    margin: 0 auto 36px;
    clear: both;
    position: relative;
    margin-right: -10px;
    margin-left: -10px;
  }
}
@media screen and (min-width:768px){
  .puzzle_width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  }
}
@media screen and (min-width:1024px){
  .puzzle_width {
    padding-right: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width:1280px){
  .puzzle_width {
    padding-right: 0;
    padding-left: 0;
    max-width: 1180px;
    margin-right: auto;
    margin-left: auto;
    left: auto;
    right: auto;
    width: 1220px;
    margin-left: calc((68.780783% - 740px));
  }
}

/* Ensure ninas are showing */
[id$="-nina-group"] > .xlv-coloured-cell,
[id$="-colour-group"] > .xlv-coloured-cell {
  display: block !important;
}

/* Buttons */
.xlv-frame .xlv-button {
  border-radius:unset;
  font-family: Avenir,Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 0.8rem;
}
#xlv1-frame .xlv-button {
  background:unset;
  border: 1px solid #1f92d1;
  color: #1f92d1
}
#xlv1-frame .xlv-button:hover {
  color: #fff;
  background: unset
}
#xlv1-frame .xlv-button:disabled {
  background: #888;
  border: unset;
  color: #fff;
}
#xlv1-frame .xlv-button:disabled:hover {
  color: #fff;
}
.xlv-controls-row {
display: inline-grid;
  grid-template-columns: 130px 160px;
  grid-gap:12px;
}
.xlv-controls-row button+button {
  margin-left:0
}
/* Clues */
.xlv-clues-panel .table-header {
  display:none;
}
.xlv-clues-panel .table-wrapper {
  max-height: unset;
  overflow-y: unset;
}
.xlv-clues-label {
  font-family: Avenir,Helvetica Neue,Helvetica,Arial,sans-serif;
}

/* Confirming style*/
.exolve-wordoku #xlv1-frame .xlv-button.confirming,
.exolve-wordoku #xlv1-frame .xlv-button.confirming:hover:before,
.exolve-wordoku #xlv1-frame .xlv-button.confirming:active:before,
.exolve-wordoku #xlv1-frame .xlv-button.confirming:focus:before {
  background-color:#135c84;
  border-color: #135c84;
  color: white
  }
/* Completion confirmation */
.exolve-complete {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #f1f1f1;
  padding: 1rem;
  border: 1px solid #888;
  box-shadow: 5px 10px 8px #888888;
  font-family: Avenir,Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  width:95%;
  font-weight: 500;
}
.exolve-complete-close {
  display: block;
  margin: 1rem auto 0 auto; 
}
/*** | COMMON END | ***/  

/*** | CROSSWORD START | ***/
.exolve-crossword #xlv1-small-print {
  display:none;
}  
.exolve-crossword #xlv1-curr-clue-text,
.exolve-crossword #xlv1-curr-clue-label {
  font-family: Avenir, Helvetica Neue, Helvetica, Arial, sans-serif;
}
 
/* Clues to the right*/  
.exolve-crossword .xlv-clues-box {
    width:unset !important
  }
.exolve-crossword .xlv-clues-flex {
  justify-content: flex-start;
}
@media screen and (min-width:768px){
  .exolve-crossword .xlv-clues-flex {
  justify-content: space-around;
}
  .exolve-crossword .xlv-clues-panel {
    flex-basis: 48%
}
}  
  
@media screen and (min-width:1024px){
  .exolve-crossword .xlv-clues-flex,
  .exolve-crossword .xlv-grid-and-clues-flex {
    flex-flow: row;
    gap:1rem;
  }
 
  .exolve-crossword .xlv-clues-flex {
    flex: 1 1 auto ;
  }
}
/*** | CROSSWORD END | ***/

/*** | WORDOKU START | ***/
.exolve-wordoku #xlv1-small-print,
.exolve-wordoku #xlv1-preamble,
.exolve-wordoku #xlv1-status,
.exolve-wordoku #xlv-saving,
.exolve-wordoku #xlv1-clear-area,
.exolve-wordoku #xlv1-reveal,
.exolve-wordoku #xlv1-clear,
.exolve-wordoku #xlv1-check,
.exolve-wordoku #xlv1-check-all {
  display:none;
  }
.exolve-wordoku #xlv1-grid {
 outline: 2px solid black;
 }
/*** | WORDOKU END | ***/