:root {
    --pri-red: #BC5A40;
    --pri-blue: #4E4F61;
    --pri-green: #90B143;
    --pri-color: var(--pri-red);
    --sec-color: #4E4F61;
    --text-color: #72738C;
    --side-padding: 60px;
    --header-font: Zilla Slab;
    --text-font: Saira;
    --header-weight: 400;
    --overlay-color: #414259;
}
body {
    background: #fff;
    font-family: Fixel Display;
    font-size: 22px;
    color: var(--text-color);
    line-height: 1.6;
}
body[class*="camping_page"] {
    --pri-color: var(--pri-green);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--header-font) !important;
    font-weight: var(--header-weight) !important;
    text-transform: uppercase;
}

h1,
.h1 {
    font-size: 48px;
}

h2, 
.h2 {
    font-size: 44px;
}

h3, 
.h3 {
    color: var(--pri-color);
    font-size: 36px;

}

p {
    font-size: inherit;
    color: var(--text-color);
}
.intro-text, 
.intro-text p {
    font-size: 24px;
}

.row {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    position: relative;
    z-index: 1;
}

.col {
    margin: 0 0.5em;
    position: relative;
    z-index: 1;
}

.space-between {
    justify-content: space-between;
}
.center {
    justify-content: center;
}
.space-around {
    justify-content: space-around;
}
.flex-end {
    justify-content: flex-end;
}
.wrap {
    flex-wrap: wrap;
}


a.button {
    padding: 0.5em 2em;
    width: 100%;
}

p a,
.wpb_text_column a {
    color: inherit !important;
    text-decoration: underline;
}

.centered_text {
    max-width: 800px;
    text-align: center;
    margin: auto;
}

.l-main >.vc_section,
.l-main >.l-section {
    padding:var(--side-padding);
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
}
.l-section:has(.funnel) + .l-section .funnel {
    padding-top: 0;
}

.no-padding .vc_section {
    padding: 0;
}
.l-section > .l-section-h, 
.vc_section .l-section-h {
    padding: unset;
}

/* FOOTER */

#footer-nav-menu {
    display: flex;
}


/* CONTENT */


.background-dark {
    background-color: var(--sec-color);
    color: #ffffff;
}

.background-dark p {
    color: #ffffff;
}

.grey-bg {
    background-image: url(../images/textures/grey-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: var(--sec-color);
}


.one-half.grey-bg {
    width: 50% !important;
    padding: 50px 20px;
    margin-left: 3% !important;
}

.one-half.grey-bg:after {
    content: '';
    width: 96px;
    height: 47px;
    position: absolute;
    right: calc(var(--side-padding) / 2);
    bottom: calc(var(--side-padding) / 2);
    background-image: url(../images/icons/logo-mark-grey.svg);
    background-size: contain;
    background-repeat: no-repeat;
}

/* PREVNEXT */
#next-previous {
    width: 206px;
    height: 42px;
    border: 1px solid var(--sec-color);
    border-radius: 3em;

}

#next-previous > div {
    background-image: url(../images/textures/primary-btn-bg.jpg);
    background-size: cover;
    border-radius: 3em;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    padding: 0 20px;
}

#next-previous img {
    height: 100%;
    width: 20px;
}

.breadcrumbs {
    text-align: right;
    padding-top: 10px;
}
.g-breadcrumbs-item,
.g-breadcrumbs {
    font-size: 15px;
    color: #72738D;
}

.g-breadcrumbs-separator:before {
    content: '>';
    font-family: Fixel Display;
    font-size: 15px;
}
span.g-breadcrumbs-separator:nth-last-child(2):before {
    content: '>>';
}


/* BUTTONS */

.w-btn {
    font-size: 24px;
    text-transform: none;
    font-family: Zilla Slab;
    padding: 17px 44px;
    line-height: 1;
}
.w-btn.color_contrast,
.w-btn.color_light,
.w-btn.color_secondary,
.w-btn.color_primary {
    background-image: url(../images/textures/primary-btn-bg.jpg);
    border-radius: 3em;
    color: var(--pri-color);
    font-size: 24px;
    text-transform: none;
    font-family: Zilla Slab;
    padding: 17px 44px;
    line-height: 1;
}

.w-btn.color_secondary { 
    background-image: url(../images/textures/secondary-btn-bg.jpg);
    color: var(--sec-color);
}

.w-btn.color_light {
    background-image: unset;
    background-color: transparent;
    border: 1px solid var(--sec-color);
    color: var(--sec-color);
}
.background-dark .w-btn.color_primary,
.funnel .w-btn.color_primary {
    color: #ffffff;
    background-image: unset;
    background-color: var(--pri-color);
}
a.w-btn.color_contrast.style_flat,
.w-btn.color_contrast {
    background-image: unset;
    background-color: var(--sec-color);
    color: #ffffff ;
}

.w-btn-wrapper + .w-btn-wrapper {
    margin-left: 30px;
}