@import url(font-awesome.min.css);
 @import url("https://fonts.googleapis.com/css?family=Lato:300,400,700|Pacifico");

 /* Wendy's Palmistry copyright 2023 */

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-weight: 700;
     line-height: 1.5;
     margin: 0 0 0 0;
     /*margin: 0 0 0.5em 0;*/
     color: #e5474b;
 }

 h1 {
     font-size: 2em;
     margin: 0 0 0.25em 0;
 }

 h2 {
     font-size: 1.75em;
 }

 h3 {
     font-size: 1.35em;
 }

 h4 {
     font-size: 1.1em;
     margin: 0 0 0 0;
 }

 h5 {
     font-size: 1.0em;
 }

 h6 {
     font-size: 0.7em;
 }

 .heading {
     margin-top: 4em;
 }

 a {
     color: #e5474b;

     -moz-transition: color 0.2s ease-in-out;
     -ms-transition: color 0.2s ease-in-out;
     -webkit-transition: color 0.2s ease-in-out;
     text-decoration: none;
     transition: color 0.2s ease-in-out;
 }

 a:hover {
     text-decoration: underline;
     color: #e5474b;
 }

 body {
     font-family: "Lato", sans-serif;
     font-size: 14pt;
     font-weight: 400;
     /* Line height is set at 2 for the main body (and other) text area */
     line-height: 2.0;
     font-size: 1.2em;
 }

 label {
     color: #e5474b;
     /*display: block;*/
     font-size: 1.0em;
     margin: 0 0 0;
     font-weight: 700;
 }

 .dont-display {
     display: none;
 }

 #header {
     background: #1c1c1c;
     color: #d5d5d5;

     cursor: default;
     /* height: 5em;*/
     left: 0;
     line-height: 3em;
     /*position: fixed;*/
     text-align: right;
     top: 0;
     width: 100%;
     z-index: 10001;
     display: block;
 }

 #header .inner_header {
     max-width: 65em;
     width: calc(100% - 3em);
     margin: 0 auto;
     position: relative;
 }

 #heading-row {
     background-color: black;
 }

 #banner {
     background: black;
     color: #d5d5d5;
     cursor: default;
     line-height: 3em;
 }

 .inner_banner {
     margin: 0 auto;
     max-width: 65em;
     width: calc(100% - 3em);
     margin: 0 auto;
     position: relative;
 }

 .Reading_button_centre1 {
     text-align: center;
     margin-top: 1em;
     margin-left: 0em;
     margin-bottom: 2em;
 }

 .Reading_button_centre2 {
     display: inline-block;
 }

 ul.actions {
     cursor: default;
     list-style: none;
     padding-left: 0;
 }

 ul.actions li {
     display: inline-block;
     padding: 0 1em 0 0;
     vertical-align: middle;
 }

 .inner_body {
     max-width: 65em;
     width: calc(100% - 6em);
     margin: 2em auto;
 }

 .title-block {
     color: azure;
     font-weight: 400;
     letter-spacing: 1px;
     font-size: 2em;
     line-height: 1.5em;
     /*margin: 1em 0 0.25em 0.5em;*/
     margin: 0.5em 0 1em 0;
     text-align: center;
 }

 #header .container-fluid {
     padding-left: 0;
 }

 .navbar-toggler:focus {
     box-shadow: none;
 }

 .navbar-toggler {
     box-shadow: none;
 }

 .navbar-toggler.collapsed {
     box-shadow: none;
 }

 .navbar-brand {
     padding-top: 0.3em;
     padding-bottom: 0.3em;
     margin-left: 0em;
     margin-right: 0em;
     font-size: 1.75em;
     color: #e5474b;
     font-family: 'Pacifico', cursive;
 }

 /* Don't underline the Wendy's Palmistry heading on hover over */
 .navbar-brand:hover {
     color: rgba(229, 71, 75, 0.75);
     text-decoration: none;
 }

 .nav-link {
     color: white;
 }

 .nav-link.active {
     text-decoration: underline;
 }

 .nav-link:hover {
     text-decoration: none;
 }

 /* If the link is active (underlined) keep it underlined on hover over */
 .nav-link:hover.active {
     text-decoration: underline;
     color: rgba(255, 255, 255, 0.75);
 }

 .nav-item {
     margin-right: 1em;
     text-transform: uppercase;
     font-size: 0.85em;
     font-weight: 700;
     color: white;
 }

 /* Jumbotron as BS5 doesn't have it's own */
 .jumbotron_wp {
     /*margin-top: 2em;
     padding: 0.1em 0em;
     margin-bottom: 2rem;*/
     background-color: #e6eaee;
     /*padding-top: 1em;*/

     border-radius: 0;
 }

 .figure-caption {
     font: inherit;
     font-size: 1.0em;
     margin-top: 0em;
     margin-bottom: 0em;
     border: 0;
     margin: 0;
     padding: 0;
     /*vertical-align: baseline;*/
     display: block;
     text-align: center;
     line-height: normal;
 }

 .container-fluid,
 .container-lg,
 .container-md,
 .container-sm,
 .container-xl,
 .container-xxl {
     /*--bs-gutter-x: 1.5rem;
     --bs-gutter-y: 0;*/
     --bs-gutter-x: 0 !important;
     --bs-gutter-y: 0 !important;
     width: 100%;
     padding-right: calc(var(--bs-gutter-x) * .5);
     padding-left: calc(var(--bs-gutter-x) * .5);
     margin-right: auto;
     margin-left: auto;
 }

 /* End of Jumbotron */

 /* Blockquote - START */

 blockquote:before {
     display: block;
     content: "\201C";
     font-size: 3.5em;
     position: absolute;
     left: -1px;
     top: 20px;
     color: #08087a;
 }

 blockquote {
     font-family: Georgia, serif;
     font-style: italic;
     font-size: 1em;
     margin: 0 0 0.5em 0;
     padding: 0.5em 0 0 2em;
     line-height: 1.5em;
     font-size: 1.0em;
     position: relative;
 }

 blockquote cite {
     font-weight: bolder;
     font-size: 0.8em;
     font-style: normal;
 }

 blockquote cite::before {
     white-space: pre;
     /* Add a new line and a dash before */
     content: "\a \2014 \2009";
 }

 /* Blockquote - END */

 /* Forms - START */

 /* Button */

 button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"],
 .button {
     -moz-appearance: none;
     -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
     -ms-appearance: none;
     -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
     -webkit-appearance: none;
     -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
     appearance: none;
     border-radius: 0;
     border: 0;
     cursor: pointer;
     display: inline-block;
     font-size: .8em;
     font-weight: 700;
     height: 3.0em;
     line-height: 3.0em;
     padding: 0 2.25em;
     text-align: center;
     text-decoration: none;
     transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
     white-space: nowrap;
 }

 input[type="submit"].alt,
 input[type="reset"].alt,
 input[type="button"].alt,
 button.alt,
 .button.alt {
     background-color: transparent;
     box-shadow: inset 0 0 0 2px #e5474b;
     color: #e5474b !important;
 }

 input[type="submit"].alt:hover,
 input[type="reset"].alt:hover,
 input[type="button"].alt:hover,
 button.alt:hover,
 .button.alt:hover {
     background: #fceced;
     text-decoration: none;
 }

 input[type="submit"].alt:active,
 input[type="reset"].alt:active,
 input[type="button"].alt:active,
 button.alt:active,
 .button.alt:active {
     background-color: #f9dadb;
 }

 input[type="checkbox"],
 input[type="radio"] {
     -moz-appearance: none;
     -webkit-appearance: none;
     -ms-appearance: none;
     appearance: none;
     display: block;
     float: left;
     margin-right: -2em;
     opacity: 0;
     width: 1em;
     z-index: -1;
 }

 input[type="checkbox"]+label,
 input[type="radio"]+label {
     text-decoration: none;
     cursor: pointer;
     display: inline-block;
     font-size: 1em;
     font-weight: 300;
     padding-left: 2.4em;
     padding-right: 0.75em;
     position: relative;
 }

 input[type="checkbox"]+label:before,
 input[type="radio"]+label:before {
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-family: FontAwesome;
     font-style: normal;
     font-weight: normal;
     text-transform: none !important;
 }

 input[type="checkbox"]+label:before,
 input[type="radio"]+label:before {
     border-radius: 0;
     border: solid 1px;
     content: '';
     display: inline-block;
     height: 1.5em;
     left: 0;
     line-height: 1.58125em;
     position: absolute;
     text-align: center;
     top: 0;
     width: 1.5em;
 }

 input[type="checkbox"]:checked+label:before,
 input[type="radio"]:checked+label:before {
     content: '\f00c';
 }

 input[type="checkbox"]+label:before {
     border-radius: 0;
 }

 input[type="radio"]+label:before {
     border-radius: 100%;
 }

 input[type="checkbox"]+label,
 input[type="radio"]+label {
     color: #111111;
 }

 input[type="checkbox"]+label:before,
 input[type="radio"]+label:before {
     background: none;
     border-color: #e5474b;
 }

 input[type="checkbox"]:checked+label:before,
 input[type="radio"]:checked+label:before {
     background-color: #e5474b;
     border-color: #e5474b;
     color: #ffffff;
 }

 input[type="checkbox"]:focus+label:before,
 input[type="radio"]:focus+label:before {
     border-color: #e5474b;
     box-shadow: 0 0 0 1px #e5474b;
 }

 input[type="date"],
 input[type="checkbox"],
 input[type="text"],
 input[type="email"],
 input[type="radio"] {
     box-shadow: none;
     border-color: #e5474b;
 }

 /* Resize the radio button - NOT WORKING */
 /*input[type=radio] {
     width: 30px;
     height: 60px;
     transform: scale(0.5);
 }
 */

 .radio_button {
     line-height: 1.8em;
 }

 .submit-form-btn {
     background-color: #e5474b;
     color: #ffffff;
     font: inherit;
 }

 .clear-form-btn {
     background-color: #5a5a5a;
     color: #ffffff;
     font: inherit;
 }

 input,
 select,
 textarea {
     color: #e5474b;
 }

 /* Need this to set the tick box (custom one), the library has a padding left of 1.5em */
 .form-check {
     padding-left: 0;
 }

 /* Forms - END */

 /* Image formatting - useful when wrapping text around an image */
 .image img {
     border-radius: 0;
     display: block;
 }

 .image.left,
 .image.right {
     max-width: 45%;
 }

 .image.left img,
 .image.right img {
     width: 100%;
 }

 .image.left {
     float: left;
     text-align: center;
     /* Added by RLM */
     margin: 0 1.5em 0 0;
     top: 0.25em;
 }

 .image.right {
     float: right;
     margin: 0 0 0 1.5em;
     top: 0.25em;
 }

 .photo-icons {
     color: black;
     margin-left: 0.5em;
 }


 hr {
     opacity: 100%;
     border: 0;
     border-bottom: solid 1px;
     margin: 2em 0;
     border-bottom-color: #e5474b;
 }

 p {
     margin-top: 1em;
 }

 .align_items_center_horizontal {
     text-align: center;
     display: block;
 }

 /* Footer - START */
 #footer {
     background-color: #0c0c0c;
     color: #f2a3a5;
     padding: 1em 0 1em 0;
 }

 #footer textarea {
     color: #ffffff;
 }

 #footer a {
     color: #ffffff;
 }

 #footer strong,
 #footer b {
     color: #ffffff;
 }

 #footer h1,
 #footer h2,
 #footer h3,
 #footer h4,
 #footer h5,
 #footer h6 {
     color: #ffffff;
 }

 #footer hr {
     border-bottom-color: #fff;
 }

 #footer .copyright {
     font-size: 0.9em;
     margin: 0 1em 0 1em;
     padding: 0;
     text-align: center;
 }

 #footer .copyright a {
     color: #f2a3a5;
 }

 @media screen and (max-width: 736px) {
     #footer {
         padding: 0.5em 0 0.5em 0;
     }
 }

 /* Footer - END */


 /* START - These are the changes for different screen sizes */
 @media screen and (max-width: 1680px) {

     body,
     input,
     select,
     textarea {
         font-size: 13pt;
     }
 }

 @media screen and (max-width: 1280px) {

     body,
     input,
     select,
     textarea {
         font-size: 13pt;
     }
 }

 @media screen and (max-width: 980px) {

     body,
     input,
     select,
     textarea {
         font-size: 12pt;
     }

     .inner_body {
         font-size: 12pt;
     }
 }

 @media screen and (max-width: 736px) {

     body,
     input,
     select,
     textarea {
         font-size: 12pt;
     }

     .inner_body {
         max-width: 90%;
         width: 90%;
     }

     .title-block {
         font-size: 1.5em;
     }

     h2 {
         font-size: 1.5em;
     }
 }

 @media screen and (max-width: 480px) {

     body,
     input,
     select,
     textarea {
         font-size: 12pt;
     }

     .inner_body {
         max-width: 95%;
         width: 95%;
     }

     h2 {
         font-size: 1.3em;
     }
 }

 /* END - These are the changes for different screen sizes */