@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&family=Protest+Riot&family=Rubik+Doodle+Shadow&family=Workbench&display=swap');

/* Sticky footer styles
-------------------------------------------------- */
html {
    position: relative;
    min-height: 100%;
  }

  .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /*height: 70px; /* Set the fixed height of the footer here */
    line-height: 20px; /* Vertically center the text there */
    font-family:'Courier New', Courier, monospace;
    font-size: 8pt;
    text-align: center;
    background-color: #b19f90;
    color: #111111;
    /*text-transform: uppercase;*/
  }
  
  .footer-item {
    padding-left: 1em;
    padding-right: 1em;
    color: white;
  }

  .footer-item a {
    color: #ddf;
  }

  .social-icons i {
    color: white;
    font-size: 14pt;
    line-height: 28pt;
  }

.page-title-text {
    /*font-family: 'Rubik Doodle Shadow', system-ui;*/
    /*font-family: Georgia, 'Times New Roman', Times, serif;*/
    font-family: monospace;
    padding-left: 3em;
    /*font-weight: 900;*/
    font-size: 12pt;
    color: #448;
    /*background-image: rgba(26, 89, 108, 0.91);*/
    border-bottom: 3px solid #558;
}

.tagline {
    /*font-family: 'Rubik Doodle Shadow', monospace;*/
    /*font-family: 'Workbench', monospace;*/
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #252247;
    text-shadow: 0px 0px 5px 6px black;
    text-transform: uppercase;
    letter-spacing: 3px;
    word-spacing: 6px;
    text-align: center;
}

.price-table {
    border: 2px solid gray;
}

.price-table th {
    font-family: Georgia, 'Times New Roman', Times, serif;
}

.price-table td {
    font-family: 'Courier New', Courier, monospace;
}

.subscribe-wrapper {
    max-width: 40em;
    margin: auto;
    background-color: rgba(255,255,255,0.3);
}

.subscribe-legend {
    font-family: Georgia, 'Times New Roman', Times, serif;
    color: #26a7ae;
    letter-spacing: 2px;
    word-spacing: 4px;
    border-bottom: 2px dashed #ccc;
    text-transform: uppercase;
}

nav {
    background-image: url('images/image-3itd3d4c.png');
}

 /*.hectic {
    text-shadow: 1px 2px 4px rgba(255, 191, 0, 0.9), -2px -2px 3px rgba(0, 106, 255, 0.7);
}*/

h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, 'Times New Roman', Times, serif;
}


.nav-item {
    padding-left: .3em;
    padding-right: .3em;
}

.nav-link, .dropdown-item {
    /*font-family: Georgia, 'Times New Roman', Times, serif;*/
    /*font-family: 'Workbench', monospace;*/
    font-family:'Courier New', Courier, monospace;
    color: #1d4250;
    font-weight: 800;
    border: 1px solid black;
    padding: 5px;
    box-shadow: 5px 5px #4c8433;
    max-width: 190px;
    line-height: 12pt;
    margin-top: 15px;
}

.nav-link:hover, .dropdown-item:hover {
    /*text-shadow: 1px 2px 4px rgba(255, 191, 0, 0.9), -2px -2px 3px rgba(0, 106, 255, 0.7);*/
    /*color: white;*/
    text-decoration: underline;
}

.custom-wrapper {
    border: 3px solid #445;
    border-radius: 1em;
    box-shadow: 3px 3px 2px #aaa;
}

.card-header {
    padding: .1em 0em .1em 1em;
    font-family: Georgia, 'Times New Roman', Times, serif;
    background-color: #ba6a15;
    color: #ddd;
    font-size: 10pt;
    width: 100%;
    text-align: left;
}

.card-header-data {
    padding-left: .4em;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 600;
    color: #eee;
}

.carousel-caption {
    background-color: rgba(70, 80, 94, 0.9);
    border-radius: 2em;
    font-family: 'Protest Riot', sans-serif;
}

.carousel-caption p {
    font-family: 'Courier New', Courier, monospace;

}

.pubdate {
    color: #eee;
    background-color: #3f3e06;
    padding: .25em .75em .25em 1em;
    margin-bottom: 1em;
    font-family: 'Workbench', monospace;
    letter-spacing: 3px;
}

body {
    background: linear-gradient(-45deg, #b5752b23, #72361134, #ececec35, #001b1551);
    background-size: 400% 400%;
    animation: gradient 20s ease infinite;
    margin-bottom: 60px; /* Margin bottom by footer height */
}

.subscribe-form {
    margin: auto;
    padding: 1em;
    max-width: 25em;
    background-color: #eee;
}

.suggestion-table {
    border: 1px solid blue;
    width: 90%;
    margin-bottom: .5em;
}

.suggestion-table th {
    text-align: right;
    width: 5em;
    padding: .5em;
}

.suggestion-table td {
    padding: .5em;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}