@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);
/* Theme LR CHF */
 /* Style Attributes */

 /* Standard Content */
/* -----------------------------*/
/* CUSTOM */

.logo-header {
    max-width: unset !important;
    width: 990px !important;
}

/* ----------------------------*/
div#usermenu {
    display: none;
}

/* -----------------------------*/
/* GENERAL */
/* ----------------------------*/
html {
    height: 100%;
    width: 100%;
}

html,
body {
    font-size: 13px !important;
}

#ctl00_uxMainContent {
    width: 100% !important;
    max-width: 100% !important;
}

@media screen and (max-width: 900px) {
    .navbar {
        display: none;
    }
}

.ui.segment {
    background-color: #FFF;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.1) !important;
    box-shadow: 0 0 0 0 rgba(0,0,0,.1) !important;
}

li {
    list-style-position: outside !important;
}

#page {
    width: 100% !important;
    max-width: 100% !important;
    margin: auto;
    box-shadow: 0px 3px 15px #000;
}

.field input,
.field select {
    font-family: 'Poppins', sans-serif;
}

.ui.button {
    color: #fff !important;
}

/* -----------------------------*/
/* BACKGROUND */
/* -----------------------------*/
body {
    margin: 0;
    padding: 0;
    background: linear-gradient(#d3d3d3, white);
    background-attachment: fixed !important;
    font-family: 'Poppins', sans-serif;
    color: #000 !important;
}

/* -----------------------------*/
/* CONSENT */
/* -----------------------------*/
.cookie-consent-banner-main.content button span,
button.ui.button.cookie-consent-banner-prefernces-save-button {
    color: #fff !important;
}

.component-consent h3 {
    color: #00c8b4 !important;
    font-size: 1.4em;
}

.component-consent label {
    color: #000 !important;
}

/* -----------------------------*/
/* HEADER */
/* -----------------------------*/
.logo-header,
.logo-container {
    text-align: center;
}

h1, h2, h3, h4, h5, h6 {
    color: #00c8b4;
}

.segment h2 {
    color: #00c8b4 !important;
    text-transform: none;
}

@media screen and (max-width: 768px) {
    .pageHeader {
        width: 100% !important;
    }
}

@media screen and (min-width: 1090px) {
    .pageHeader {
        width: 100% !important;
        left: 0 !important;
    }
}

#ctl00_uxLogo {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* HIDE HEADER */
#header,
div#header,
.pageHeader {
    display: none !important;
}

div#ctl00_uxCommunityBanner {
    display: none;
}

/* -----------------------------*/
/* LINKS - WHITE */
/* -----------------------------*/
a,
a:link,
a:visited,
a:hover,
a:active,
.buttons input,
span.forgotten-password a,
.doubleregistration-intro a,
.component-consent a,
p.forgot-password a,
a.forgot-password-link,
.pcp-infopage-responsive a,
.hot-list-noresult.ui.warning.icon.message a,
a.customhotlayout-expand,
.customhotlayout-search-titlecontainer-reset a,
.hotelTC a,
.customhotlayout-calltoaction a {
    color: #ffffff !important;
    font-style: normal;
    text-decoration: underline;
}

/* -----------------------------*/
/* NAVIGATION */
/* -----------------------------*/
.ui.active.step,
.ui.steps .step.active {
    background-color: #00c8b4 !important;
    color: white !important;
}

.step.active::after {
    background-color: #00c8b4 !important;
}

/* -----------------------------*/
/* WELCOME */
/* -----------------------------*/
.component-welcome h1 {
    display: none;
}

.component-welcome .twelve.wide.column {
    width: 100% !important;
}

/* -----------------------------*/
/* FORMS */
/* -----------------------------*/
i.icon.asterisk:before {
    content: "\f069";
    color: red;
}

.ui.input > .ui.corner.label {
    display: none;
}

.questionnaire-form .field > label {
    font-size: 1em;
    font-weight: bold;
}

.ui.form.segment span,
.ui.checkbox.radio label,
.ui.form .field > label {
    color: #000 !important;
}

.ui.form.segment.questionnaire-form a {
    color: #ffffff !important;
}

.ui.icon.input > .icon.size32,
i.icon.inverted.calendar {
    background-color: #00c8b4 !important;
}

/* -----------------------------*/
/* BUTTONS */
/* -----------------------------*/
.ui.green.button,
.ui.green.button:hover,
.ui.blue.button,
.ui.blue.button:hover,
.ui.red.button,
.ui.red.button:hover,
.ui.primary.button,
.ui.primary.buttons .button,
.ui.yellow.button,
.ui.yellow.buttons {
    background-color: #00c8b4 !important;
}

.ui.labeled.icon.button,
.ui.buttons,
.ui.button:hover,
.ui.button {
    background-color: #00c5b2 !important;
}

button.ui.green.icon.labeled.button.registration-finish span {
    color: #fff !important;
}

/* -----------------------------*/
/* FOOTER */
/* -----------------------------*/
#footer {
    background-color: #70C5B1 !important;
    color: #fff !important;
    background-image: none !important;
    padding-top: 0.05em;
    padding-bottom: 0.1em;
    font-size: 12px;
    width: 100%;
    border: none !important;
}

#footer a,
#page-footer span {
    color: #fff !important;
}

#page-footer {
    font-size: 13px !important;
    padding: 0.5em;
    margin-top: 0.6em;
    padding-top: 1.25em;
    text-align: center;
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#page-footer a {
    color: #fff !important;
}

/* -----------------------------*/
/* DASHBOARD */
/* -----------------------------*/
.dashboard-intro {
    width: 45% !important;
    margin: auto;
    font-size: 14px;
    color: #000 !important;
}

.ui.fluid.card.dashboard.item.questionnaire-reservation,
.sixteen.wide.tablet.seven.wide.computer.column.chartchart,
.item.creatememberwizard-finishaction-managemembers,
.item.creatememberwizard-finishaction-answerquestions,
#contactUsButton,
a.service-details-link {
    display: none !important;
}

/* -----------------------------*/
/* MOBILE */
/* -----------------------------*/
@media screen and (max-width: 950px) {
    .dashboard-intro {
        width: 100% !important;
        font-size: 12px !important;
    }

    .ui.three.cards > .card {
        width: calc(50% - 2em) !important;
    }
}

/* -----------------------------*/
/* FINAL */
/* -----------------------------*/
.ui.checkbox.checkbox-with-service-picture {
    max-width: 100% !important;
}

.flex-service-description-span {
    font-size: 15px !important;
}

.container {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 15px;

/* END Theme LR CHF */