@import url('https://fonts.googleapis.com/css2?family=Cabin+Sketch&family=Open+Sans:wght@300&display=swap');

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

body, button, input, select, textarea {
    font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 1.5;
    font-size: 15px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Cabin Sketch", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 400;
    margin: 1em 0;
}

h2, h3, h4 {
    font-size: 1.5em;
}

h3.numGuests {
    line-height: 1.6em;
}

h1#pageTitle {
    margin: 2em 4em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

h1#pageTitle a {
    display: block;
}

h1#pageTitle a img {
    width: 400px;
}

h1#pageTitle span {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1.5em;
    text-align: right;
}

h1#pageTitle span span {
    display: block;
    font-size: 16px;
}

body > div.container {
    width: 70%;
    padding-left: 0;
    padding-right: 0;
}

/*body > div.container div[data-role="content"] > div:not(#nav_wrapper),*/
/*#page_personal_data form#page_content {*/
/*    width: 70%;*/
/*    margin: 0 auto;*/
/*}*/

#nav_wrapper {
    background: #ec9628;
}

.nav-justified {
    width: 70%;
    margin: auto;
}

ul.nav.nav-pills.main-nav {
    background: transparent;
}

ul.nav.nav-pills.main-nav li,
ul.nav.nav-pills.main-nav li a,
ul.nav.nav-pills.main-nav li a:hover {
    background: transparent !important;
    text-align: left;
}

.nav-justified > li,
.main-nav.nav-justified > li {
    display: inline-block !important;
    width: auto !important;
}

ul.nav.nav-pills.main-nav li:not(.disabled) a {
    color: #fff;
}

ul.nav.nav-pills.main-nav li.disabled a {
    color: var(--primary-blue-darker);
}

ul.nav.nav-pills.main-nav li:not(.disabled) a:hover {
    background: var(--info-petrol-medium) !important;
}

ul.nav.nav-pills.main-nav li.active {
    background: #d87a00 !important;
}