/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Roboto&display=swap');

/* Base Typography */
body {
    color: #0C3D52;
    background-color: #ccecf5;

}

h1 {
    font-family: 'Rosie-Regular' !important;
    text-transform: uppercase;
    font-weight: 1.3rem !important;
    letter-spacing: -.03rem;
}

h2,
h4,
h5,
h6 {
    font-family: 'Childline-Regular', cursive !important;
}

h3 {
    font-family: 'Rosie-Regular' !important;
    font-weight: 1.3rem !important;
    letter-spacing: -.02rem;
    text-transform: uppercase;
}

p {
    font-family: 'Childline-Regular' !important;
    font-size: 1.3rem;
}

li {
    font-family: 'Childline-Regular' !important;
}

/* a {
    font-family: 'Childline-Regular' !important;
} */
/* Theme Colors */
:root {
    --primary-color: #D8F1EA;
    --secondary-color: #CCECF5;
    --text-color: #0C3D52;

    --accent-color-1: #009FD1;
    --accent-color-2: #35B994;
    --accent-color-3: #F28900;
    --accent-color-4: #EA5150;
    --accent-color-5: #622A77;

    --accent-color-1-faded: rgba(0, 159, 209, 0.5);
    --accent-color-2-faded: rgba(53, 185, 148, 0.5);
    --accent-color-3-faded: rgba(242, 137, 0, 0.5);
    --accent-color-4-faded: rgba(234, 81, 80, 0.5);
    --accent-color-5-faded: rgba(98, 42, 119, 0.5);
}

/* Example usage of accent colors */
.accent-1 {
    background-color: var(--accent-color-1);
}

.accent-2 {
    background-color: var(--accent-color-2);
}

.accent-3 {
    background-color: var(--accent-color-3);
}

.accent-4 {
    background-color: var(--accent-color-4);
}

.accent-5 {
    background-color: var(--accent-color-5);
}

.accent-1-faded {
    background-color: var(--accent-color-1-faded);
}

.accent-2-faded {
    background-color: var(--accent-color-2-faded);
}

.accent-3-faded {
    background-color: var(--accent-color-3-faded);
}

.accent-4-faded {
    background-color: var(--accent-color-4-faded);
}

.accent-5-faded {
    background-color: var(--accent-color-5-faded);
}

html,
body {
    height: 100%;
    font-family: 'Childline-Regular' !important;
    background-color: #ccecf5;
    /* Set to 100% of the container */
}

body>footer {
    top: 100vh;
    /* pushes the footer outside the visible area */
    position: sticky;
    font-family: 'Childline-Regular';
    /* pulls it back up and sticks it to the bottom edge */
}

body>header {
    bottom: 100vh;
    /* pushes the footer outside the visible area */
    position: sticky;
    font-family: 'Childline-Regular';
    /* pulls it back up and sticks it to the bottom edge */
}


@font-face {
    font-family: 'Childline-Regular';
    src: url('https://rghtttest9cdd.blob.core.windows.net/fonts/Childline-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rosie-Regular';
    src: url('https://rghtttest9cdd.blob.core.windows.net/fonts/Rosie-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Childline-Italic';
    src: url('https://rghtttest9cdd.blob.core.windows.net/fonts/Childline-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}



@font-face {
    font-family: 'Childline-Bold';
    src: url('https://rghtttest9cdd.blob.core.windows.net/fonts/Childline-Bold.woff') format('woff');
    font-weight: bold;
}



@font-face {
    font-family: 'MrDodo-Regular';
    src: url('https://rghtttest9cdd.blob.core.windows.net/fonts/MrDodo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CL-icons';
    src: url('https://rghtttest9cdd.blob.core.windows.net/icons/CL-icons.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Childline-Regular', sans-serif !important;
}

.btn-primary {
    color: #000;
    background-color: #337ab7;
    border-color: #2e6da4;
}

a:hover {
    text-decoration: none;
}

#PreviousButton,
#NextButton,
#NewNextButton,
#NewSubmitBtn,
#UpdateButton,
.signin-btn,
.signup-btn {
    background-color: #00a0cf;
    font-size: 2.4rem;
    padding: .9rem 1.2rem 1.4rem;
    color: #fff;
    line-height: 1;
    outline: 0;
    border: 0;
    border-radius: initial !important;
    webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .25);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .25);
    webkit-transition: all ease-in .1s;
    -o-transition: all ease-in .1s;
    transition: all ease-in .1s;
    -moz-transition: all ease-in .1s 1s ease-in-out;
    -ms-transition: all ease-in .1s 1s ease-in-out;
    -webkit-transition: all ease-in .1s 1s ease-in-out;
    -o-transition: all ease-in .1s 1s ease-in-out;
    transition: all ease-in .1s 1s ease-in-out;
    top: 0;
    position: relative;
    font-family: 'Childline-Bold';
    font-style: normal;
    font-weight: normal;

}


#PreviousButton {
    margin-right: 18px;
}

#PreviousButton:hover,
#NextButton:hover,
#NewNextButton:hover,
#NewSubmitBtn:hover,
.signin-btn:hover,
.signup-btn:hover {
    webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, .25);
    -moz-box-shadow: 0 4px 0 0 rgba(0, 0, 0, .25);
    box-shadow: 0 4px 0 0 rgba(0, 0, 0, .25);
    outline: 0;
    top: -2px;
}

#WebFormPanel .col-sm-6 {
    width: 100% !important;
}

.sideBlocks {
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.step-highlight {
  font-weight: bold;
  font-family: 'Childline-Bold' !important; 
  font-size: 22px !important;
  text-transform: none;
}

#anonymousaccount,
#signuptips {
    padding: 3% !important;
}

#WebFormPanel .actions {
    margin-top: -20px;
}

#houserules h2 {
    font-family: 'Childline-Bold' !important;
}

.age-warning-message {
    margin: -5px 0 11px 28px;
    width: 92.5%;
}
.address-warning-message {
    margin: -5px 0 11px 28px;
    width: 92.5%;
}
.section-title .step-rest {
  font-weight: normal;
  font-family:  'Childline-Regular' !important;
  text-transform: none;
}

.signup-section>h3{
    font-size: 28px;
    line-height: 30.8px;
    vertical-align: baseline;
    letter-spacing: -0.84px;
    word-spacing: 0px;
}

span[data-testid="itemVoteCount"]
{
    display: none;
}