/* special font settings */
.logofont {
    font-family: 'Splash', cursive;
}
.cursive {
    font-family: 'Over the Rainbow', cursive;
}
/* special font settings */

/* general setup */
body {
    color: #E5F0EB;
    background-color: #270F43;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: medium;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
}
main {
    flex-grow: 1;
}
/* colors */
#logo {
    color: #732fc6;
    text-shadow: 2px 2px #391763;
    text-align: right;
    margin-top: 0.25em;
    margin-right: 0.25em;
}
.darkback {
    background-color: #262626;
    color: #E5F0EB;
}
.lightback {
    background-color: #E5F0EB;
    color: #270F43;
}
.medback {
    background-color: #66a397;
    color: #262626;
}
.pplback {
    background-color: #732FC6;
    color: #E5F0EB;
}
.purple {
    color: #B38BE4;
}
a:link {
    color: #E5F0EB;
    text-shadow: 0 0 0.75em #E5F0EB;
}
a:visited {
    color: #E5F0EB;
}
a:hover {
    color: #B38BE4;
    text-decoration: none;
    text-shadow: 0 0 0.75em #66a397;
}
.warning {
    background-color: #EE9696;
    color: #262626;
    font-weight: normal;
}
.bannerback {
    background-image: linear-gradient(to left, rgba(102, 163, 151, 0), rgba(102, 163, 151, 1));
    background-image: -webkit-linear-gradient(to left, rgba(102, 163, 151, 0), rgba(102, 163, 151, 1));
}
/* colors */
.footerwide {
    max-width: 100%;
}

@counter-style magic {
    system: fixed;
    symbols: '✧' '✦' '✧' '✶' '♡';
    suffix: " ";
  }

#aboutlist ul {
    list-style: magic;
}
.slightlyBigger {
    font-size: 1.4em;
}
h4 small {
    font-size: 0.95rem;
}
.abbypic {
    max-height: 200px;
}
/* general setup */

/* navbar styling */
.fuzzy {
    font-size: 1.75em;
    text-shadow: 2px 2px #270F43;
}
.dropdown-item:hover {
    background-color: #270F43;
    color: #E5F0EB;
    font-family: 'Over the Rainbow', cursive;
    text-shadow: 2px 2px #270F43;
}
.dropdown-item.active {
    background-color: #6027A5;
}
.active,
.nav-item>a:hover {
    font-family: 'Over the Rainbow', cursive;
    text-shadow: 2px 2px #270F43;
}
.mappic {
    max-height: 250px;
}
/* navbar styling */

/* form styling */
input:focus {
    background-color: #E5F0EB;
    box-shadow: 0 0 2pt 2pt #B0DDFD;
}
input:required:invalid {
    border-color: #EE9696;
    box-shadow: none;
}
input:required:valid {
    border-color: #732FC6;
}
.form-check-input {
    width: 1.2em;
    height: 1.2em;
}
/* bootstrap mods */

.btn:hover {
    background-color: #391763;
    color: #E5F0EB;
}
/* bootstrap mods */
/* form styling */

/* checkout page specific */
.checkoutImg {
    max-height: 300px;
}
.delLink {
  background: none;
  border: none;
  padding: 0;

  text-decoration: underline;
  cursor: pointer;
}
/* checkout page specific */

/* page backgrounds */
#exterior {
    background-image: url('../images/abbysexterior.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-color: #270F43;
}
#rainynight {
    background-image: url('../images/abbysrainynight.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-color: #270F43;
}
#waterfall {
    background-image: url('../images/glimmerbrook-falls-lg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-color: #270F43;
}
#glimmerbrook {
    background-image: url('../images/glimmer-brook.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-color: #270F43;
}
/* background images */