/* GLOBALS */
*{ margin:0; padding:0; box-sizing: border-box; position: relative; }
html{ background-color: #fff; }
body{ background-color: #fff; height:100%; width:100%;}
main { margin: 1em auto; max-width: 1300px; width: 95%; font: 18px/1.5 sans-serif; display: flex; flex-direction: column; align-items: center; justify-content: space-around;  }
main code { background-color: #f5f5a0; padding: 2px 6px; }
header,footer { display: flex; flex-direction: row; align-items: center; justify-content: space-around; }

/* HEADER */
header, nav ul, footer{ display: flex; flex-direction: row; justify-content: space-around; align-items: center; flex-wrap: nowrap; }
header img{ height:150px; margin:15px; }
span.bi_site_title{ display:flex; flex-direction:column; align-items:center; justify-content:space-around; font-size:xx-large; color: #82361d; }
nav { min-width:100%; }
nav ul { list-style-type: none; }
.flex-row-mini-img-all,.flex-row-tiny-img-all,.flex-row-tiny-img-cropped,.flex-row-tiny-img-non-cropped{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-around; gap:5px;}
.flex-row-tiny-img-cropped{ max-width: 1300px; min-width: 1300px; }
.flex-row-tiny-img-non-cropped,.flex-row-tiny-img-all{ max-width: 1100px; min-width: 1100px; }
.flex-row-mini-img-all figcaption,.flex-row-tiny-img-all figcaption,.flex-row-tiny-img-cropped figcaption,.flex-row-tiny-img-non-cropped figcaption{ font-size: 8px; }
div.flash-warning { color: orange; }
div.flash-error { color: red; }
div.flash-success { color: greenyellow; }
div.overflow-x{ overflow-x: auto; flex-wrap: nowrap; }
a { color: green; }
a.selected { color: #82361d; }
h1,h2,h3,h4{ display: flex; flex-direction: row; justify-content: center; align-items: center; flex-wrap: wrap; margin: 30px; }
h1{ font-size:xx-large; }
h2{ font-size:x-large; }
h3{ font-size:large; }
h4{ font-size: medium; }
.hidden{ visibility: hidden; }
th,td{ width:fit-content; height: fit-content; }
td{ padding:10px; text-align:center; }
td#mediumImgTd{ width:100%; position:relative; margin:0px; padding:0px; max-height:600px; min-height:600px; height:600px; }
td.flexRow{ width:100%; display: flex; flex-direction: row; align-items: center; justify-content: center; }
img#mediumImage{max-height:600px;min-height:600px;height:600px;margin:0px;padding:0px; }
img.tinyImage{max-width:30px;min-width:30px;width:30px;margin:0px;padding:0px; cursor: pointer; }
div#imageResizedBoxing{position:absolute;border:2px dashed #ffffff;}
div#boxSizing{margin:auto; display:flex; flex-direction: row;flex-wrap: nowrap; justify-content: center; align-items: center;overflow-x: scroll;overflow-y: hidden; max-height: 20px; max-width: 900px; min-width: 900px; }
input,select,button,a.button{ padding:10px; margin:20px; border-radius: 5px; }
input.button,button,a.button{ background-color: greenyellow; cursor:pointer;}
form{ position: relative; margin:auto; }
form.a{ max-width:fit-content; display: flex; flex-direction: row; align-items: center; justify-content: center; }
button.a{ background-color:transparent; border:transparent; }
table{ width:100%; }
table.crop{ width:fit-content; }
tr{ width:100%; }
td.mediumImage{ display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; }
a.warning{ color:#ff7700; }
div.seasonNameDiv{max-height:50px;height:50px;}
figcaption{ display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
iframe.A4{ width:210mm; height:297mm; }
td.flexRow form{ margin: 0 10px; padding:0px; width:fit-content; height: fit-content; }
td.flexRow button{ margin: 0px; }
table.recognizedFallowDeer td.flexRow,table.recognizedFallowDeer tr.flexRow{ width:fit-content; display: flex; flex-direction: row; align-items: center; justify-content: center; }
button{ position: relative; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: center; }
@-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);
  }
}
img#custom-cursor{
    position:fixed;
    top:50%;
    left:50%;
    width:200px;
    height:200px; 
    display:none; 
    border-radius: 50%;
    z-index: 9999999;
    -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;
}
img.QuatreVingtDixPct{ max-width: 90%; }

table.outing td{ width: 3%; max-width: 3%; min-width: 3% }

table.outingWeek td{ width: 11%; max-width: 11%; min-width: 11% }

input.button,button{ background-image: linear-gradient( black, black ); background-size: 0% 0.1em;
background-position-x: 50%; background-position-y: 95%; background-repeat: no-repeat; 
transition: background-size ease-in-out 0.5s; -o-transition: background-size ease-in-out 0.5s; -ms-transition: background-size ease-in-out 0.5s;
-moz-transition: background-size ease-in-out 0.5s; -webkit-transition: background-size ease-in-out 0.5s; }

@media screen and ( width < 1800px )
{
  table.outing td, table.outing form,table.outing button{ margin: 0px; padding:0px; width:fit-content; height: fit-content; border-style: none; text-align: center; }
  header, nav ul, footer{ display: flex; flex-direction: column; justify-content: space-around; align-items: center; }
  table.outingWeek td, table.outingWeek form,table.outingWeek button{ margin: 0px; padding:0px; width:fit-content; height: fit-content; border-style: none; text-align: center; }
}
.fitContent{ margin:0px; padding:0px; width:fit-content; height:fit-content; }
img#appearOnTinyImageMouseOver,img#appearOnTinyImageMouseRightClick{ max-height: 200px; min-height: 200px; height: 200px; background-image: url('img/transparent-pixel.gif'); 
transition: background-image ease-in-out 0.5s; -o-transition: background-image ease-in-out 0.5s; -ms-transition: background-image ease-in-out 0.5s;
-moz-transition: background-image ease-in-out 0.5s; -webkit-transition: background-image ease-in-out 0.5s; }
div.flexRow{ width:100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; }

input.button:hover,button:hover{ background-size: 80% 0.15em; }