/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they' ll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= #require_tree .
 *
 *= #require application.bootstrap
 *= #require application.tailwind
 *= #require slideshow
 *= #require default-layout
 *= #require default-styling
 *
 *= #require_self
 */
#slideshow {
  margin-left: auto;
  margin-right: auto;
}

.slideshow {
  position: relative;
  height: auto;
  /* height: 150px; */
  /* width: 600px; */
  overflow: hidden;
  text-align: center;
}

.slideHolder {
  position: relative;
  /* height:212px; */
  /* width: 393px; */
}

.slide {
  display: none;
  /* position: absolute; */
  margin-left: auto;
  margin-right: auto;
}

.slide.current {
  display: block;
}

.slide img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}

.inactive {
  color: #ccc;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  /* display: inline-block; */
  display: none;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #47B2D3;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
/* @import url("/assets/scaffold-b6cf22c0.css");  */
/* @import url("tag_cloud.css"); */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*   Layout configuration - can be overriden in the theme definitions    */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
body {
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  border: lightgrey solid thin;
}

/*
  ***** Header sections *****
*/
#header {
  width: 100%;
}

/*
  ***** Page container *****
*/
#content_wrapper {
  width: 100%;
  clear: both;
}

#content_left {
  /*position: relative;*/
  float: left;
  /*left: 21%;*/
}

#content_centre {
  /*position: relative;*/
  float: none;
  /*left: 102%;*/
  /*margin-left: 100px;*/
  /*margin-right: 100px;*/
  /*margin-left: auto;*/
  /*margin-right: auto;*/
}

#content_right {
  /*position: relative;*/
  float: right;
  /*left: 85%;*/
}

/*
  ***** Footer sections *****
*/
#footer {
  width: 100%;
}

/*
  ***** Useful class definitions *****
*/
main div.float_left {
  float: left;
}

main div.float_right {
  float: right;
}

main div.float_none {
  float: none;
}

main .clearthis {
  clear: both;
  float: none;
  font-size: 1px;
  height: 1px;
  line-height: 0;
  margin: 0;
  overflow: hidden;
}

/* default styling */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #47B2D3;
  font-weight: bold;
}

h1,
h2 {
  font-size: x-large;
}

h3,
h4 {
  font-size: larger;
}

h5,
h6 {
  font-size: large;
}

a {
  color: #47B2D3 !important;
  text-decoration: none !important;
  background-color: transparent !important;
}

a.active {
  font-weight: bold;
  text-decoration: none !important;
  background-color: transparent !important;
}

a:hover {
  color: darkblue !important;
  text-decoration: none !important;
  background-color: transparent !important;
}

hr {
  background-color: lightgray;
  height: 0.1px;
  margin: 0px;
  border: auto 0px;
}

/* ------------------------------------------------------------------------- */
.site_identification {
  background: transparent url("/assets/site_identification_background-99d75775.jpg") repeat-x;
  height: 100px;
}

.site_identification img {
  padding-left: 10px;
  height: 100%;
}

/* ------------------------------------------------------------------------- */
#cart_icon span {
  font-weight: bold;
  color: white !important;
  background-color: #47B2D3;
  border: 1px solid #47B2D3;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}

#search-navbar-1 {
  background-color: ghostwhite;
  /* background-color: rgb(249 250 251 / var(--tw-bg-opacity)); */
}

/* ------------------------------------------------------------------------- */
main ol,
main ul {
  list-style: disc;
  padding: 2em;
}

/* ------------------------------------------------------------------------- */
footer h1,
footer h2 {
  color: black !important;
}

footer hr {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/* ------------------------------------------------------------------------- */
/*
    Reminders/Notes:

    LOGO: #47B2D3 (headers)
    DARK: #8D8D8D (text, lines)
    HALF: #BDBDBD (anchor alt (hover)-colour)
    LITE: #EEEEEE (navigation background)
    SKY : #B0D2F8

    #id
    .class
*/