/* Modified date: 15 June 2025 at 11:20:49 CEST */

@font-face {
  font-family: gillsans;
  src: url(https://www.runnymede76.com/font/GillSansC.woff2) format('woff');
  }
  font-display: swap;

html {
   position: relative;
   min-height: 100%;
     scroll-behavior: smooth;
 }
body {
  font-family: "Gill Sans","Gill Sans MT",gillsans,system-ui,apple-system,Roboto, "Liberation Sans",sans-serif;
background-color: #FAFAFA;
color: #333333;
margin-bottom: 0em;
overflow-x: hidden;
}

main {
animation: fadeIn 3s;
}

article {
animation: fadeIn 3s;
}

p {
font-weight: 300;
}

sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}
sub {
  top: 0.4em;
}

.display-4 {
font-weight: 500;
}

nav.sticky-top {
  border-style: solid;
  border-width: 1px 0px;
  border-color: rgba(0, 0, 0, .125);
}

td.nocontact {
background-color: transparent;
}

td.replytext {
max-width: 40em;
}

ul {
list-style-position: outside;
}

ul.navbar-nav {
font-size: 1.2rem;
}

li.nav-item {
padding: 0em 1em;
}

li.active {
color: #000000;
}

ul.dropdown-menu {
z-index: 1200;
}

li.presentation {
padding: 0.1em 1em;
z-index: 1200;
}

button.dropdown-toggle {
padding: 0.5rem 2rem;
}

dd {
margin-top: 0.5rem;
margin-left: 1.2rem;
}

.notphone {
    color: rgb(33, 37, 41);
    text-decoration: none;
    pointer-events: none;
}

.fa-envelope {
color: #6c757d;
}

.fa-calendar-plus {
color: #6c757d;
}

.fa-upload {
color: #6c757d;
}

.fa-video {
color: #6c757d;
}

.fa-slack {
color: #6c757d;
}

.fa-globe-americas {
color: #6c757d;
}

.fa-globe-europe {
color: #6c757d;
}

.fa-globe-asia {
color: #6c757d;
}

.fa-globe{
color: #6c757d;
}

.fa-stopwatch{
color: #6c757d;
}

.fa-comments{
color: #6c757d;
}

.fa-check-square{
color: #6ccc7d;
}

i.replyred{
color: #cc757d;
}

i.replygreen{
color: #6ccc7d;
}
input.form-control {
color: #203040;
font-weight: 500;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #203040;
font-size: 0.75rem;
font-weight: 300;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #203040;
font-weight: 300;
}

::-ms-input-placeholder { /* Microsoft Edge */
color: #203040;
font-weight: 300;
}

dl.list-group {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, .125);
  border-radius: 8px;
  padding: 1em;
}

div.roundedbox {
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, .125);
  background-color: rgba(204, 204, 204, .125);
  border-radius: 8px;
  margin-bottom: 1em;
  padding: 0.25em;}

div.fixedheight {
height: 980px}

img.album_sleeve {
margin-right: 1rem;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, .125);
  background-color: rgba(204, 204, 204, .125);
  border-radius: 4px;
}

figure.figure1024 {
max-width=1024px;
overflow: scroll;
}

#or_carousel {
/*
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, .125);
  border-radius: 8px;
  padding: 0.2em;
 */
  max-width: 1024px;
  margin: auto;
}

img.img-fluid {
  border-radius: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(0, 0, 0, .125);
}

img.d-block {
  border-radius: 8px;
}
.carousel-caption {
color: #FFFFFF;
text-shadow:
-1px 0px 0px #000000,
0px -1px 0px #000000,
1px 0px 0px #000000,
0px 1px 0px #000000,
1px 1px 4px #000000
;
/*

text-shadow:
0px 1px 0px #000000,
0px 1px 0px #000000,
1px 0px 0px #000000,
1px 0px 0px #000000,
-1px 0px 4px #333333,
-1px 0px 4px #333333,
0px -1px 4px #333333,
0px -1px 4px #333333;
-1px 0px 8px #666666,
-1px 0px 8px #666666,
0px -1px 8px #666666,
0px -1px 8px #666666;
-1px 0px 16px #999999,
-1px 0px 16px #999999,
0px -1px 16px #999999,
0px -1px 16px #999999;
-1px 0px 32px #aaaaaa,
-1px 0px 32px #aaaaaa,
0px -1px 32px #aaaaaa,
0px -1px 32px #aaaaaa;
 */
/*
text-shadow: -1px 1px 0 #000,
    1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000,
    -1px 1px 2px #000,
    1px 1px 2px #000,
    1px -1px 2px #000,
    -1px -1px 2px #000;
 */
}

/*
.carousel-caption {
text-shadow: 0px 0px 1px #000000, 0px 0px 2px #333333, 1px 1px 1px #000000, 1px 1px 2px #000000, -1px -1px 1px #000000;
}
 */

li.shadowmarker {
text-shadow: 0px 0px 1px #000000, 1px 1px 1px #000000, 1px 1px 2px #000000, 2px 2px 3px #000000;
}
.carousel-control-next-icon {
/* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 3 6 6'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e"); */
}

a.menuitem {
color: #666666;
}

a.footerlink {
color: #212529;
}

.footer {
font-size: 0.75em;
width: 100%;
padding: 1rem 2rem 1.5rem 2rem;
vertical-align: bottom;
margin-top: 1em;
background-color: #f8f9fa;
}

.copyright {
     margin-top: 1em;
     margin-bottom: 1em;
     text-align: center;
     font-size: 50%;
 }
/*
@media (prefers-color-scheme: dark) {
body {
background-color: #333333;
color: #FAFAFA;
}
.navbar-light {
background-color: #050607;
}
 */
@media print{
    body { display: none; }
    html::after {
        content: "Please consider the environment before printing this website. Contact mail (at) runnymede76.com if you wish for printable content to be sent to you. Thank you.";
    }
}