/**
 * @file
 * Subtheme specific CSS.
 */

 main#content {
   padding: 0px;
}

 #main {
    margin-left: 0px;
    margin-right: 0px;
    max-width: 100%;
 }

 

 :root {
     --black: black;
     --grey-100: #f4f4f4;
     --grey-200: #ced4dc;
     --blue-400: #1c61f8;
     --white: white;
     --blue-500: #0650f0;
     --blue-600: #0047e3;
     --gray-400: #374456;
     --gray-600: #1c2128;
     --gray-500: #1f252e;
     --blue-100: #e3ebff;
     --blue-300: #3775ff;
     --error-notification: #f04438;
     --error-notification-100: #ffdad7;
     --success-notification-500: #3ab35c;
     --success-notification-100: #ddffe6;
     --blue-200: #85abff;
     --secondary-400: #dacafc;
     --gray-300: #596c85;
     --warning-notification: #f59e0b;
     --warning-notification-100: #ffefdb;
 }

 html {
     height: 100%;
 }

 html {
     font-family: sans-serif;
 }

 * {
     box-sizing: border-box;
 }

 body {
     color: var(--black);
     font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
     /*font-size: 1rem;*/
     /*line-height: 1.5;*/
 }

 body {
     min-height: 100%;
     color: rgb(51, 51, 51);
     background-color: rgb(255, 255, 255);
     margin: 0px;
     font-family: Arial, sans-serif;
     /*font-size: 14px;*/
     /*line-height: 15px;*/
 }

 body {
     margin: 0px;
 }

 a {
     border-color: var(--black);
     color: var(--black);
     font-family: Manrope, sans-serif;
     /*text-decoration: underline;*/
 }

 a {
     background-color: rgba(0, 0, 0, 0);
 }

 h1 {
    font-weight: 500px;
 }

 /*h1 {
     margin-top: 0px;
     margin-bottom: 0px;
     font-family: Manrope, sans-serif;
     font-size: 5.5rem;
     font-weight: 400;
     line-height: 1.25;
 }

 h1 {
     margin-top: 20px;
     font-size: 38px;
     line-height: 44px;
 }*/

 h1, h2, h3, h4, h5, h6 {
     /*margin-bottom: 10px;*/
     font-weight: 500;
 }

 /*h1 {
     margin: 0.67em 0px;
     font-size: 2em;
 }*/

 p {
     margin-bottom: 0px;
     font-family: Manrope, sans-serif;
     font-weight: 300;
 }

 p {
     margin-top: 0px;
     margin-bottom: 10px;
 }

 article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
     display: block;
 }

 h2 {
     /*color: var(--black);
     margin-top: 0px;
     margin-bottom: 0px;
     font-family: Manrope, sans-serif;
     font-size: 4.5rem;
     font-weight: 400;
     line-height: 1.25;*/
 }

 h2 {
    /* margin-top: 20px;
     font-size: 32px;
     line-height: 36px;*/
 }

 button, [type="button"], [type="reset"] {
     cursor: pointer;
     appearance: button;
     border: 0px;
 }

 button, html input[type="button"], input[type="reset"] {
     appearance: button;
     cursor: pointer;
 }

 button, select {
     text-transform: none;
 }

 button {
     overflow: visible;
 }


 button, input, optgroup, select, textarea {
     color: inherit;
     font: inherit;
     margin: 0px;
 }

 img {
     max-width: 100%;
     display: inline-block;
 }

 img {
     max-width: 100%;
     vertical-align: middle;
     display: inline-block;
 }

 img {
     border: 0px;
 }

 .navbar1-component {
     width: 100%;
     height: auto;
     min-height: 4.5rem;
     border-bottom: 1px none var(--black);
     background-color: var(--gray-600);
     align-items: center;
     padding-left: 5%;
     padding-right: 5%;
     display: flex;
     position: static;
 }

 .w-nav {
     z-index: 1000;
     background: rgb(221, 221, 221);
     position: relative;
 }

 .w-nav::before, .w-nav::after {
     content: " ";
     grid-area: 1 / 1 / 2 / 2;
     display: table;
 }

 .navbar1-container {
     width: 100%;
     height: 65px;
     justify-content: space-between;
     align-items: center;
     margin-left: auto;
     margin-right: auto;
     padding-top: 3px;
 }

 .w-nav-overlay {
     width: 100%;
     display: none;
     position: absolute;
     top: 100%;
     left: 0px;
     right: 0px;
     overflow: hidden;
 }

 .navbar1-logo-link {
     padding-left: 0px;
     margin-right: 50px;
 }

 .w-nav-brand {
     float: left;
     color: rgb(51, 51, 51);
     text-decoration: none;
     position: relative;
 }

 ul {
     margin-top: 1rem;
     margin-bottom: 1rem;
     padding-left: 1.25rem;
 }

 ul, ol {
     margin-top: 0px;
     margin-bottom: 10px;
     padding-left: 40px;
 }

 li {
     margin-top: 0.25rem;
     margin-bottom: 0.25rem;
     padding-left: 0.5rem;
 }

 /*
 .btn {
     height: 100%;
     background-color: rgb(0, 255, 163);
     border-radius: 2px;
     align-items: center;
     padding: 0.25rem 1rem;
     display: flex;
 }
 */

 svg:not(:root) {
     overflow: hidden;
 }

 .button {
     border: 1px none var(--blue-400);
     background-color: var(--blue-400);
     color: var(--white);
     text-align: center;
     /*border-radius: 90px;
     padding: 1rem 1.5rem;*/
 }

 .backgound-color-gray-600 {
     background-color: var(--gray-600);
     color: var(--white);
     overflow: auto;
 }

 .padding-global {
     height: 100%;
 }

 .padding-global {
     width: 100%;
     padding-left: 5%;
     padding-right: 5%;
 }

 .container-large {
     width: 100%;
     max-width: 80rem;
     justify-content: space-between;
     align-items: center;
     margin-left: auto;
     margin-right: auto;
     padding-left: 0px;
     display: block;
     position: relative;
 }

 .padding-vertical.padding-xxlarge {
     width: 100%;
     max-width: none;
     padding-left: 0px;
     padding-right: 0px;
     display: block;
 }

 .padding-vertical, .padding-vertical.padding-0, .padding-vertical.padding-xxhuge, .padding-vertical.padding-large, .padding-vertical.padding-custom3, .padding-vertical.padding-medium, .padding-vertical.padding-tiny {
     padding-left: 0px;
     padding-right: 0px;
 }

 .padding-xxlarge {
     padding: 5rem;
 }

 .padding-bottom.padding-xxlarge {
     padding: 0px 0px 2rem;
 }

 .padding-bottom, .padding-bottom.padding-xlarge, .padding-bottom.padding-small, .padding-bottom.padding-xxhuge, .padding-bottom.padding-large, .padding-bottom.padding-xhuge, .padding-bottom.padding-custom2, .padding-bottom.padding-xxsmall {
     padding-top: 0px;
     padding-left: 0px;
     padding-right: 0px;
 }

 .footer3-top-wrapper {
     gap: 0vw;
     grid-template-rows: auto;
     grid-template-columns: 1fr 0.5fr;
     place-content: stretch space-between;
     align-items: start;
     display: flex;
 }

 .w-layout-grid {
     gap: 16px;
     grid-template-rows: auto auto;
     grid-template-columns: 1fr 1fr;
     grid-auto-columns: 1fr;
     display: grid;
 }

 .margin-bottom-medium.margin-xxlarge, .margin-bottom-medium.margin-medium, .margin-bottom-medium.margin-custom3, .margin-bottom-medium.margin-custom1 {
     margin-top: 0px;
     margin-left: 0px;
     margin-right: 0px;
 }

 .margin-bottom-medium.margin-medium {
     margin-bottom: 2rem;
 }

 .margin-bottom-medium {
     gap: 2rem;
     flex-direction: column;
     margin: 0px 0px 2rem;
     display: flex;
 }

 .margin-medium {
     margin: 2rem;
 }

 .text-align-left {
     text-align: left;
     font-family: Manrope, sans-serif;
 }

 .text-color-white {
     color: var(--white);
     margin-left: 0px;
     padding-left: 0px;
     font-family: Manrope, sans-serif;
     overflow: visible;
 }

 .text-weight {
     font-family: Manrope, sans-serif;
     font-weight: 600;
 }

 .line-divider {
     width: 100%;
     height: 1px;
     background-color: var(--gray-400);
 }

 .footer3-legal-list {
     gap: 0rem 1.5rem;
     white-space: normal;
     grid-template-rows: auto;
     grid-template-columns: max-content;
     grid-auto-columns: max-content;
     grid-auto-flow: column;
     justify-content: center;
     display: grid;
 }

 .footer3-legal-link {
     color: var(--white);
     font-size: 0.875rem;
     text-decoration: underline;
 }

 .footer3-social-list {
     gap: 0rem 0.75rem;
     white-space: normal;
     grid-template-rows: auto;
     grid-template-columns: max-content;
     grid-auto-columns: max-content;
     grid-auto-flow: column;
     place-items: start;
     display: grid;
 }

 .footer3-bottom-wrapper {
     justify-content: space-between;
     align-items: center;
     display: flex;
 }

 .footer3-credit-text {
     color: var(--white);
     font-family: Manrope, sans-serif;
     font-size: 0.875rem;
 }

body.path-node {
    .user-feed-menu {
        display: none;
    }
    #block-mycustom-theme-page-title {
        display: none;
    }
}

body.path-node {
    .user-feed-menu {
	    display: block;
    }
}

.maincontainer-404-403 {
    background-image: url("../images/HauntedHouseBackground.png");
}

body.node--type-page {
    section {
        background-color: #a8c2ff !important;

        .field--name-body h2 {
            color: white;
            font-weight: bold;
        }
    }

    .user-feed-menu {
        display: none;
    }
}

/* DRUPAL MESSAGES */
.messages__wrapper {
    float: left;
    position: absolute;
    top: 200px;
    /* background-color: red; */
    width: 100%;

    .alert-danger {
        background-color: red;
        color: white;
        font-weight: bold;
        border: unset;
    }
}