/* Hide the display of the arrows on the carousel */
.carousel .carousel-control {
	display: none;
    /*position: absolute; /* already here */
    /*top: 300px;  /* Was top: 40% */
}

.carousel:hover .carousel-control {
	display: inherit;
}	


/* Styles for contact form validation */
label.valid {
  width: 24px;
  height: 24px;
  background: url(../img/valid.png) center center no-repeat;
  display: inline-block;
  text-indent: -9999px;
}

label.error {
	font-weight: bold;
	color: #5d1515;
	padding: 2px 8px;
	margin-top: 2px;
}	

/* Spam protection - hide the 'website' form field from humans */
form #website{ display:none; }

/* Styles for swipe.js slider */
#gallery {
  background:#ffffff;
}
/*

  #slider {
    padding:13px 0;
  }
  #slider li div {
    margin: 0 13px;
    padding: 80px 10px;
     border-radius: 4px; 
     border-top: 1px #fff solid; 
    background: #FFFFFF;
    -webkit-box-shadow: 0px 1px 2px #0D0F11;
    -moz-box-shadow: 0px 1px 2px #0D0F11;
    box-shadow: 0px 1px 2px #0D0F11;
    color: #DDE1E4;
    font-size: 12px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    color: #A4AEB7;
  }
*/

  #gallery nav {
  
 /*
   border-top:1px #3A4146 solid;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#292F34), to(#23282C));
    background-image: -webkit-linear-gradient(top, #292F34, #23282C);
    background-image:    -moz-linear-gradient(top, #292F34, #23282C);
    background-image:     -ms-linear-gradient(top, #292F34, #23282C);
    background-image:      -o-linear-gradient(top, #292F34, #23282C);
    background-image:         linear-gradient(top, #292F34, #23282C);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#292F34', EndColorStr='#23282C'); 
 
*/   
    height:35px;
    position:relative;
    
  }
    #position {
      text-align:center;
      font-size:27px;
      line-height:1.3;
      color:#697279;
      display:block;
      position:absolute;
      top:0;
      left:47%;
      margin-left:-75px;
      width:150px;
    }
      #position em {
        display:inline-block;
        padding:0 3px;
        font-style:normal;
        text-shadow: 0 -1px 0 rgba(0,0,0,.35);
        font-family:sans-serif;
        color:#bbb;
      }
      #position em.on {
        color:#000;
      }
    #prev {
/*       border-right:1px #232628 solid; */
      display:inline-block;
      text-decoration:none;
    }
      #prev em {
        display:block;
/*         border-right:1px #30373C solid; */
        padding:10px 13px 8px;
        font-style:normal;
        font-weight:bold;
        font-size:11px;
        text-transform:uppercase;
        color:#697279;
        letter-spacing:1px;
        text-shadow: 0 -1px 0 rgba(0,0,0,.35);
      }
    #next {
/*       border-left:1px #232628 solid; */
      display:inline-block;
      text-decoration:none;
      position:absolute;
      right:0;
      top:0;
    }
      #next em {
        display:block;
/*         border-left:1px #30373C solid; */
        padding:10px 43px 8px;
        font-style:normal;
        font-weight:bold;
        font-size:11px;
        text-transform:uppercase;
        color:#697279;
        letter-spacing:1px;
        text-shadow: 0 -1px 0 rgba(0,0,0,.35);
      }
      
/* Support for dark mode */
      
@media (prefers-color-scheme: dark) {
    body {
        color: #fff;
        background: #000;
    }

    a {
        color: #fff;
        border-bottom: 1px solid #fff;
    }

    footer p {
        color: #aaa;
    }

    header h1,
    header h2 {
        color: #fff;
    }

    header h1 a {
        color: #fff;
    }

    nav ul li {
        background: #000;
    }

    .divider {
        border-bottom: 1px solid #ddd;
    }
    
    .well {
	   background: #1a1a1a;
       background-color: #1a1a1a;
    }
    
    #gallery {
       background: #0f0f0f;
    }
    
}