:root {
    /* Colors */
    --color-primary: #cc0000;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 60px;
}

body {
    max-width: 100%;
    cursor: default;
    height: auto;
    overflow-x: hidden;
    color: #111111;
    margin: 0;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

h1 {
    font-weight: 400;
    line-height: normal !important;
}

h2 {
    font-size: 24px;
    line-height: normal !important;
}

h4 {
    color: var(--color-primary) !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: normal !important;
}

p {
    font-size: 16px;
    line-height: normal;
}

#poststuff .stuffbox > h3, #poststuff h2, #poststuff h3.hndle {
    font-size: 23px;
    font-weight: 400;
    margin: 0;
    padding: 9px 0 4px 0;
    line-height: 1.3;
}

p, a, .pm-standalone-news-post-excerpt p, .pm-single-post-article p, .pm-services-post-excerpt p, .woocommerce-message, .pm-woocomm-item-sale-tag, .woocommerce-info, .pm-timetable-panel-content-body ul li, .pm-timetable-panel-title a, .pm-timetable-accordion-panel .pm-timetable-panel-heading a.pm-accordion-horizontal-open {
    font-family: "Open Sans";
    line-height: 24px;
    font-weight: 400;
    font-style: normal;
    color: #333333;
    font-size: 16px !important;
}

ul {
    font-family: "Open Sans";
    line-height: 24px !important;
    font-weight: 400 !important;
    font-style: normal;
    color: #333333 !important;
    font-size: 16px !important;
}

#subtitle {
    font-size: 16px !important;
    line-height: 24px !important;
    color: #525252;
}

button {
    background: none;
    outline: none;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold;
    height: 40px;
    transition: 0.2s;
}

button.primary {
    border: 2px solid var(--color-primary);
    background: var(--color-primary);
    color: white;
    padding: 10px 15px;
    line-height: 1;
    margin-left: 10px !important;
    min-width: 119px;
    font-weight: 600;
    height: 43px;
}

button.primary:hover {
    background: transparent;
    color: var(--color-primary);
}

button.secondary {
    border: 2px solid var(--color-primary);
    color: var(--color-primary);
    padding: 10px 15px;
    margin-right: 10px;
}

button.shopping {
    border: 2px solid white;
    background: white;
    padding: 0;
    margin-right: 10px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    min-width: 43px;
    height: 43px;
}

button.shopping img {
    vertical-align: middle;
    width: 22px;
    height: 22px;
    margin: 0 8px;
    display: block;
}

/* -- Navigation -- */
#c-nav.c-nav {
    top: 0;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    transition: all 0.4s ease;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 25px 100px;
    background-color: #ffffff;
    position: sticky;
}

#c-nav.sticky-nav {
    position: sticky;
    transition: top 0.4s ease;
    background-color: white;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.c-nav .company-logo {
    display: flex;
    position: relative;
    float: left;
    margin: 0;
}

.c-nav .company-logo img {
    height: 50px;
    margin-right: 30px;
}

.c-nav a {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: normal !important;
    width: auto;
    float: left;
    margin-left: auto;
    margin-right: auto;
}

.c-nav ul li > a:hover:after {
    width: 0 !important;
    height: 0 !important;
    margin-left: 0 !important;
    background-color: white;
}

.c-nav .sf-sub-indicator {
    display: none;
}

.c-nav .sf-menu a,
.pm-cart-info li p {
    color: #333333 !important;
    transition: none;
}

.c-nav .sf-menu a:hover {
    color: var(--color-primary) !important;
}

.c-nav .sf-menu .sub-menu li a {
    font-weight: 400 !important;
    padding: 15px !important;
    transition: none;
}

.c-nav .sf-menu .sub-menu li a:hover {
    text-decoration: underline !important;
    color: var(--color-primary) !important;
}

.c-nav .sf-menu li.current-menu-item > a:after {
    background-color: unset !important;
}

.c-nav .button-container {
    max-width: 400px;
    margin-left: auto;
    float: right;
    display: flex;
    position: relative;
}

.c-nav button.secondary {
    border: 2px solid var(--color-primary);
    background: transparent;
    padding: 0;
    min-width: 140px;
    margin-bottom: 7px;
    margin-right: 0;
    height: 43px;
}

.c-nav button.secondary:hover {
    background: var(--color-primary);
}

.c-nav .pm-micro-navigation {
    width: 100% !important;
    display: flex;
}

.c-nav .pm-micro-navigation li {
    background: none;
    outline: none;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-weight: bold;
    margin-right: 0 !important;
}

.c-nav .pm-micro-navigation #menu-item-6868 {
    padding: 0;
    margin-bottom: 7px;
}

.c-nav .pm-micro-navigation > li > a:before {
    content: none !important;
    display: none !important;
}

.c-nav .pm-micro-navigation > li > a:after {
    position: static;
    float: right;
    padding: 2px 0 2px 9px;
    content: "\f078";
    display: inline-block;
    color: var(--color-primary);
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    transition: transform 250ms;
}

.c-nav .pm-micro-navigation > li > a:hover:after {
    color: white;
    content: "\f077";
}

.c-nav ul li > a:hover:after {
    background-color: unset;
}

.c-nav .pm-micro-navigation li a {
    line-height: normal !important;
}

#menu-item-6868 a:first-child {
    color: var(--color-primary);
    padding: 12px 15px;
    margin: -2px;
    transition: none;
    width: 140px;
}

#menu-item-6868 a:hover:first-child {
    color: white;
    width: 126px;
}

.c-nav .pm-micro-navigation li ul {
    left: 0 !important;
    right: unset !important;
    margin: 7px 0 0 -2px;
    z-index: 10 !important;
    padding: 0 !important;
}

.c-nav .pm-micro-navigation li ul li {
    padding: 15px;
    height: auto;
    overflow: auto;
}

.c-nav .pm-micro-navigation li ul li a {
    color: #333333 !important;
    font-weight: 400 !important;
    transition: none;
    width: 100% !important;
    padding: 0 !important;
}

.c-nav .pm-micro-navigation li ul li a:after {
    display: none;
}

.c-nav .pm-micro-navigation li ul li a:hover {
    text-decoration: underline !important;
    color: var(--color-primary) !important;
}

.mobile-nav {
    display: none;
}

/* -- Internal Pages Header -- */
.internal-header-container {
    margin: -100px 0 80px 0;
    height: 280px;
    z-index: -1;
    display: block;
    max-width: 100%;
    position: relative;
}

@media (max-width: 768px) {
    .internal-header-container {
        height: 200px;
    }
}

.internal-header-image {
    min-width: 100% !important;
    height: 100% !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.internal-header-heading {
    font-size: 36px;
    font-weight: 700;
    position: relative;
    padding-left: 15px;
    margin-left: auto;
    margin-right: auto;
    bottom: 100px;
}

/* -- Header -- */
.header {
    display: block;
    margin-top: -100px !important;
    overflow-y: hidden;
    height: 650px;
}

.header-image-container {
    margin: 0;
    height: 650px;
    z-index: -1;
    display: block;
    max-width: 100%;
    overflow-x: hidden;
}

.header-image {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-text-container {
    display: block;
    position: relative;
    z-index: 4;
    max-width: 1000px;
    width: auto;
    padding-left: 500px;
    margin: -530px auto 0 auto;
}

.header-text-container h1 {
    color: #333333;
    font-size: 38px;
    text-align: left;
    padding-bottom: 12px;
    font-weight: 400;
    line-height: 52px !important;
}

.header-text-container p {
    font-size: 18px !important;
    line-height: 28px !important;
    width: 100%;
}

.header-text-container .header-overview-container {
    margin-top: 20px;
    margin-left: -15px;
}

.header-text-container .header-overview-container a:hover {
    position: relative;
}

.header-text-container .header-overview-container .header-overview-item {
    position: relative;
    width: 80%;
    padding: 20px 15px;
    border-radius: 4px;
}

.header-text-container .header-overview-container .header-overview-item:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid rgba(136, 136, 136, 0.2);
}

.header-text-container .header-overview-container .header-overview-item:hover {
    text-decoration: underline;
    text-decoration-color: #474747;
    background-color: white;
}

.header-text-container .header-overview-container .header-overview-item img {
    float: left;
    margin-right: 20px;
    width: 24px;
}

.header-text-container .header-overview-container .header-overview-item h3 {
    font-size: 16px;
    line-height: 20px;
    margin: 0;
}

.header-text-container .header-overview-container .header-overview-item hr {
    width: 100%;
    float: left;
    border: 1px solid #888888;
    opacity: 20%;
    margin: 2px 0;
}

.header-text-container .header-overview-container .header-overview-item:hover hr {
    display: none;
}

/* -- Donate Now -- */
.donate-now-container,
.promo-video-container {
    padding: 70px 100px 0 100px;
    display: block;
    overflow: visible;
    max-width: 1200px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.donate-now {
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    overflow: auto;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.donate-now img {
    display: block;
    max-width: 240px;
    /*   max-height: 140px; */
    width: auto;
    height: auto;
    float: left;
    margin-right: 30px;
}

.donate-now .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.donate-now .container .text-container {
    width: 100%;
    float: left;
    margin-top: auto;
    margin-bottom: auto;
    padding: 20px 0;
    display: block;
}

.donate-now a {
    height: auto;
    margin: auto 0;
}

.donate-now button {
    width: 130px;
    float: right;
    margin: auto 40px auto 60px;
    padding: 0;
}

.donate-now button:hover {
    color: white;
    background-color: var(--color-primary);
}

.donate-now h3 {
    color: #111111;
    line-height: normal;
    font-size: 20px;
    margin-top: 0;
}

.donate-now p {
    color: #525252;
    margin: 0;
}

/* -- Latest News -- */
.latest-news {
    padding: 50px 100px 80px 100px;
    display: block;
    overflow: visible;
    max-width: 1200px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.latest-news h2 {
    color: #111111 !important;
    font-size: 24px;
    font-weight: 700 !important;
    width: auto;
    margin-right: 40px;
    float: left;
}

.latest-news h4 {
    float: left;
    padding-top: 20px;
    margin-bottom: 0;
}

.latest-news h4:hover {
    text-decoration: underline;
}

.news-components {
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.news-component {
    width: 33%;
    float: left;
    margin-right: 20px;
    border-radius: 4px;
}

.news-component:last-child {
    margin-right: 0;
}

.news-component img {
    object-fit: cover;
    width: 90px;
    height: 90px;
    float: left;
    border-radius: 8px;
    margin-right: 15px;
}

.news-component h3 {
    color: #111111;
    font-size: 16px;
    margin: 0 0 8px 0;
    line-height: normal !important;
}

.news-component h3:hover {
    text-decoration: underline;
    color: var(--color-primary);
}

.news-component p {
    line-height: normal;
    color: #525252;
    display: flex;
    margin: 0;
}

/* -- Main Component -- */
.main-component {
    background-color: #fafafa;
    border-radius: 70px 0;
    margin: 0 -10px;
    padding: 80px 100px;
}

.main-component h1 {
    font-size: 30px;
    font-weight: 700;
    width: 66% !important;
    color: #111111;
}

.main-component h2 {
    color: #111111 !important;
    font-size: 20px;
    margin: 0;
}

.main-component h2:hover {
    text-decoration: underline;
    color: var(--color-primary) !important;
    cursor: pointer;
}

.main-component h4 {
    padding-top: 0;
}

.main-component h4:hover {
    text-decoration: underline;
    cursor: pointer;
}

.main-component p {
    font-size: 16px;
    color: #525252;
    line-height: 20px;
}

/* -- Home Away From Home -- */
.away-from-home-container {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 220px;
    overflow: visible;
    max-width: 1000px;
    width: auto;
}

.away-from-home-container .away-from-home-img1 {
    max-width: 600px;
    border-radius: 15px;
}

.away-from-home-container .away-from-home-img2 {
    visibility: hidden;
    height: 0;
    padding: 0;
}

.home-overlay {
    background-color: white;
    padding: 30px 50px;
    display: block;
    position: relative;
    z-index: 4;
    max-width: 500px;
    width: auto;
    float: right;
    margin-top: -315px;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.home-overlay h1 {
    margin-top: 0;
}

.home-overlay h2 {
    border: 0;
    margin-bottom: 12px;
}

.home-overlay h4 {
    padding-top: 14px;
}

.home-overlay p {
    margin-right: 14px;
    flex: auto;
    font-size: 14px !important;
}

.stay-options {
    margin-top: 30px;
    display: flex;
}

.stay-options :first-child {
    padding-right: 8%;
}

.stay-options :last-child:not(h4):not(h2):not(a):not(p) {
    padding-left: 8%;
    border-left: 2px solid rgba(136, 136, 136, 0.2);
}

.stay-option {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* -- Here to Support You -- */
.support {
    display: block;
    overflow: visible;
    max-width: 1000px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.support #subtitle {
    width: 66%;
    padding-bottom: 8px;
}

.support-option__content > *:not(:last-child),
.help-option__content > *:not(:last-child) {
    padding-bottom: 15px;
}

.support-options-container {
    margin-top: 40px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.support-option {
    position: relative;
    background-color: white;
    width: 33%;
    margin-right: 18px;
    float: left;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.support-option img {
    width: 100%;
    border-radius: 15px;
}

.support-option__content,
.help-option__content {
    padding: 40px 32px;
}

.for-mobile-view {
    display: none;
}

.support-small-options {
    width: 33%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.support-small-options img {
    width: 24px;
}

.support-small-option {
    background-color: white;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
    height: 100%;
}

.support-small-option:first-child {
    margin-bottom: 15px;
}

.support-small-option :last-child {
    margin-bottom: 0;
}

/* -- How You Can Help -- */
.how-to-help {
    padding: 0 100px 20px 100px;
    display: block;
    overflow: visible;
    max-width: 1200px;
    width: auto;
    margin: 80px auto 0;
}

.how-to-help h1 {
    font-size: 24px;
    font-weight: 700;
    color: #111111;
}

.how-to-help h2 {
    font-size: 20px;
    color: #111111 !important;
}

.how-to-help h4 {
    padding-top: 0;
}

.how-to-help h4:hover {
    text-decoration: underline;
    cursor: pointer;
}

.how-to-help #subtitle {
    font-size: 14px;
    color: #555555;
    line-height: 20px;
    width: 66%;
    padding-bottom: 8px;
}

.help-options-container {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.help-option {
    background-color: white;
    width: 33%;
    margin-right: 18px;
    float: left;
    border-radius: 15px;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.help-option > *:not(:last-child) {
    padding-bottom: 15px;
}

.help-option h2, .help-option h4, .help-option p {
    margin: 0;
}

.help-option:last-child {
    margin-right: 0;
}

hr {
    border: 1px solid rgba(136, 136, 136, 0.2);
    margin: 60px -10px 2px -10px;
}

/* -- Footer -- */
.footer {
    padding: 80px 15px 0 15px;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer h1 {
    font-size: 24px;
    font-weight: 700;
    color: #111111;
}

.footer h2 {
    font-size: 20px;
    color: #111111 !important;
    margin-top: 0;
}

.footer h4 {
    padding-top: 0;
}

.footer p {
    font-size: 14px;
    color: #555555;
    line-height: 20px;
    width: 60%;
    padding-bottom: 8px;
}

.footer-options-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.footer-option {
    width: 33%;
    margin-right: 18px;
    float: left;
}

.footer-option h2,
.footer-option h4,
.footer-option p {
    width: 90%;
}

.footer-option:first-child img {
    width: 100px;
    float: left;
}

.footer-option:first-child .text-container {
    padding-left: 130px;
}

.footer-option:first-child .text-container h2 {
    margin-bottom: 40px;
}

.footer-option:first-child .text-container p {
    margin: 0;
}

.footer-option:first-child .socials-container {
    margin-left: 130px;
    padding-top: 20px;
}

.footer-option:first-child .socials-container img {
    width: 20px;
    margin-right: 12px;
}

.footer-option form {
    font-family: inherit;
    margin-right: 20% !important;
}

.footer-option form input {
    font-size: 14px;
    color: #555555;
    border: 1px solid rgba(85, 85, 85, 0.2);
    border-radius: 5px;
    width: 100%;
    padding: 12px 16px;
    margin: 6px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.footer-option form input:focus {
    outline: none !important;
    border-width: 2px;
    margin: 5px -1px;
    border-color: #878787;
}

.footer-option form input::placeholder {
    color: #888888;
}

.footer-option form button {
    border: 2px solid var(--color-primary);
    color: var(--color-primary);
    padding: 10px 25px;
    margin-top: 15px;
    line-height: 1 !important;
}

.footer-option form button:hover {
    color: white;
    background-color: var(--color-primary);
}

.footer-option:last-child {
    margin-right: 0;
}

.footer-option:last-child .sponsors-container {
    width: 100%;
    margin-top: 40px;
}

.footer-option:last-child .sponsors-container img:first-child {
    float: left;
    width: 40%;
    margin-right: 5%;
}

.footer-option:last-child .sponsors-container img:nth-child(2) {
    float: right;
    width: 55%;
}

.footer-option:last-child .sponsors-container img:last-child {
    float: left;
    width: 40%;
    margin-top: 30px;
}

.bottom-footer {
    background-color: #eeeeee;
    margin: 80px -100% 0 -100%;
    padding: 40px 100%;
}

.bottom-footer h3 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
}

.bottom-footer p {
    margin: 0;
}

.bottom-footer .footer-suboptions {
    margin: 20px 0 40px 0;
}

.bottom-footer .footer-suboptions ul {
    margin-top: 0;
}

.bottom-footer .footer-suboptions a {
    width: auto;
    float: left;
    margin-right: 15px;
    color: #474747;
    font-family: "Open Sans";
    font-weight: 400;
    line-height: normal;
    font-size: 14px;
    border-top: 0;
    padding: 0;
}

.bottom-footer .footer-suboptions a:hover {
    color: #474747;
    border-top: 0;
    text-decoration: underline !important;
}

.pm-footer-navigation li.current_page_item a {
    border-top: unset !important;
}

.vc_gitem_row .vc_gitem-col {
    padding: 10px 20px 0 !important;
}

.help-option__content a {
    color: var(--color-primary) !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: normal !important;
}

/* -- MOBILE BREAKPOINTS -- */
@media screen and (max-width: 1280px) {
    .mobile-nav .sf-sub-indicator {
        display: block !important;
        right: 26px !important;
        top: 12px;
    }

    #pm-main-nav .sf-sub-indicator i {
        color: var(--color-primary) !important;
        font-size: 26px;
        transform: none;
    }

    .sf-menu ul {
        position: relative !important;
        overflow: hidden !important;
        padding: 0 25px;
    }

    .sf-menu ul ul {
        left: 0 !important;
    }

    .menu-item-has-children.sfHover .sf-sub-indicator .fa-angle-down {
        transition: transform 0.5s ease;
    }

    .menu-item-has-children.sfHover > a > .sf-sub-indicator .fa-angle-down {
        transform: rotate(180deg) !important;
    }

    body {
        overflow-x: hidden !important;
        overflow-y: scroll;
    }

    #c-nav.c-nav {
        background: none;
        position: relative;
        display: none;
    }

    .c-nav h1,
    .c-nav button {
        display: none;
    }

    #mobile-nav.mobile-nav {
        display: flex;
        position: sticky;
        top: 0;
        padding: 25px 100px;
        width: 100%;
        z-index: 9999;
        margin-left: auto;
        margin-right: auto;
        background-color: white;
        transition: all 0.4s ease;
    }

    #mobile-nav.sticky-nav {
        position: sticky;
        transition: top 0.4s ease;
        background-color: white;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    }

    .mobile-nav .company-logo {
        display: flex;
        position: relative;
        float: left;
        height: 50px;
    }

    .mobile-nav .button-container {
        display: block;
        position: relative;
        float: right;
        margin-left: auto;
        max-width: 132px;
    }

    .mobile-nav .button-container button {
        background-color: white;
        border-radius: 4px;
        -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        float: right;
        height: 50px;
        width: 50px;
    }

    .mobile-nav #mobile-nav-button {
        margin-left: 12px;
        position: relative;
        display: block;
    }

    .mobile-nav #mobile-nav-button span {
        display: block;
        position: absolute;
        height: 3px;
        width: 30px;
        background: var(--color-primary);
        border-radius: 9px;
        opacity: 1;
        left: 10px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        -webkit-transition: 0.25s ease-in-out;
        -moz-transition: 0.25s ease-in-out;
        -o-transition: 0.25s ease-in-out;
        transition: 0.25s ease-in-out;
    }

    .mobile-nav #mobile-nav-button span:nth-child(1) {
        top: 15px;
    }

    .mobile-nav #mobile-nav-button span:nth-child(2) {
        top: 24px;
    }

    .mobile-nav #mobile-nav-button span:nth-child(3) {
        top: 33px;
    }

    .mobile-nav #mobile-nav-button.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 12px;
        left: 14px;
    }

    .mobile-nav #mobile-nav-button.open span:nth-child(2) {
        width: 0;
        opacity: 0;
    }

    .mobile-nav #mobile-nav-button.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 33px;
        left: 14px;
    }

    .mobile-nav .button-container button.shopping {
        display: block;
        height: 50px;
        width: 50px;
        margin: 0;
    }

    .mobile-nav .button-container button.shopping img {
        height: 25px;
        width: auto;
        margin: 10px;
    }

    .mobile-nav #menu-options {
        display: none;
    }

    .mobile-nav .menu-options {
        display: block;
        position: fixed;
        height: 100%;
        width: min-content;
        min-width: 200px;
        right: 0;
        margin-right: 100px !important;
        top: 85px;
    }

    .mobile-nav .menu-options #pm-main-nav {
        max-height: calc(100% - 100px);
        overflow-y: auto;
        background-color: white;
        border-radius: 4px;
        box-shadow: 0 0 6px -3px rgba(0, 0, 0, 0.3);
    }

    .mobile-nav .menu-options #pm-main-nav .sub-menu {
        box-shadow: none !important;
    }

    .mobile-nav .sf-sub-indicator {
        display: none;
    }

    .mobile-nav .sf-menu a {
        color: #333333 !important;
        width: auto;
        line-height: normal !important;
        font-size: 14px !important;
        padding: 15px 200px 15px 15px !important;
    }

    .mobile-nav .sf-menu li {
        width: 100%;
    }

    .mobile-nav .sf-menu .sub-menu li a {
        font-weight: 400 !important;
    }

    .mobile-nav .sf-menu li.current-menu-item > a:after {
        background-color: unset !important;
    }

    .mobile-nav .button-container {
        max-width: 400px;
        margin-left: auto;
        float: right;
        display: flex;
        position: relative;
    }

    .mobile-nav .pm-micro-navigation {
        display: none;
    }

    .mobile-nav ul li > a:hover:after {
        background-color: unset;
    }
}

@media screen and (max-width: 880px) {
    body.no-scroll {
        position: fixed;
        overflow: hidden;
        width: 100%;
        min-height: 100%;
        overflow-y: scroll;
    }

    .mobile-nav .menu-options {
        width: 100%;
        min-width: 200px;
        margin-right: 0 !important;
        margin-left: 0 !important;
        background: rgba(0, 0, 0, 0.4);
    }

    .mobile-nav .menu-options #pm-main-nav {
        width: 100%;
        min-width: 200px;
        min-height: 100%;
        margin: 0 !important;
        border-radius: 0;
        box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
    }

    #pm-main-nav > li {
        border-bottom: 1px solid #ececec;
    }

    #mobile-nav.mobile-nav {
        padding: 25px;
    }

    .mobile-nav .company-logo {
        height: 35px;
        margin: 7px 0;
    }

    .mobile-nav .menu-options > ul ul {
        padding-right: 15px;
    }

    .header {
        background-color: #fafafa;
        overflow: auto;
        height: auto;
        padding-bottom: 30px;
    }

    .header h1 {
        font-size: 32px !important;
        line-height: normal !important;
    }

    .header p {
        font-size: 16px !important;
        font-weight: 400;
        width: 100%;
    }

    .header .header-image-container {
        height: 400px;
        margin: 0;
    }

    .header .header-image-container .header-image {
        background-position: left;
    }

    .header .header-text-container {
        position: static;
        margin: 40px 25px;
        width: auto;
        padding-left: 0;
    }

    .header .header-overview-container {
        padding-top: 0;
    }

    .header .header-overview-container .header-overview-item {
        width: 100%;
    }

    .header .header-overview-container .header-overview-item h3 {
        display: flex;
        font-weight: 600;
    }

    .header .header-overview-container .header-overview-item img {
        width: 20px;
    }

    .header .header-overview-container .header-overview-item hr {
        width: 100%;
    }

    .donate-now-container {
        display: none;
    }

    .latest-news,
    .promo-video-container {
        padding: 0;
        margin: 60px 25px;
    }

    .latest-news h2 {
        width: auto;
        margin: 0;
    }

    .latest-news h4 {
        padding-top: 8px;
        width: auto;
        float: right;
        margin: 0;
    }

    .latest-news .news-components {
        display: block;
        padding-top: 70px;
        margin: 0;
    }

    .latest-news .news-components .news-component {
        width: 100%;
        margin-bottom: 30px;
    }

    .latest-news .news-components .news-component img {
        width: 100px;
        margin-right: 20px;
    }

    .latest-news .news-components .news-component h3 {
        padding-top: 4px;
        margin: 0 0 8px 0;
    }

    .latest-news .news-components .news-component p {
        display: inline;
        padding-bottom: 10px;
        line-height: normal;
    }

    .main-component {
        padding: 60px 25px;
        margin: 0;
        overflow: auto;
    }

    .main-component h1 {
        font-size: 28px;
    }

    .away-from-home-container {
        height: auto;
        overflow: visible;
        margin-bottom: 0;
    }

    .away-from-home-container .away-from-home-img1 {
        display: none;
    }

    .away-from-home-container .away-from-home-img2 {
        visibility: visible;
        height: auto;
        width: 100%;
        padding-bottom: 40px;
        border-radius: 20px;
    }

    .away-from-home-container .home-overlay {
        border-radius: 20px;
        display: block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        padding: 0 0 30px 0;
        margin: 0;
        margin-bottom: 60px;
        float: unset;
        right: unset;
        position: relative;
    }

    .away-from-home-container .home-overlay br {
        display: none;
    }

    .away-from-home-container .home-overlay h1 {
        padding: 0 30px;
        width: 100% !important;
    }

    .away-from-home-container .home-overlay h2 {
        padding: 0 30px;
    }

    .away-from-home-container .home-overlay p {
        padding: 0 30px;
    }

    .away-from-home-container .home-overlay .stay-options {
        flex-direction: column;
    }

    .away-from-home-container .home-overlay .stay-options hr {
        display: block;
        margin: 0 30px;
    }

    .away-from-home-container .home-overlay .stay-option {
        display: block;
        width: 100% !important;
        float: unset;
    }

    .away-from-home-container .home-overlay .stay-option p,
    .away-from-home-container .home-overlay .stay-option h4 {
        padding: 0 30px;
        margin-right: 0;
    }

    .away-from-home-container .home-overlay .stay-option:first-child {
        padding-right: 0;
        /*     margin-bottom: 20px; */
    }

    .away-from-home-container .home-overlay .stay-option:last-child {
        padding-left: 0;
        padding-top: 30px;
        border-left: 0;
    }

    .support h1 {
        width: 100% !important;
    }

    .support p {
        width: 100% !important;
        padding: 0;
    }

    .support .support-options-container {
        display: block;
        margin-top: 40px;
    }

    .support .support-options-container .support-option {
        width: 100%;
        margin-right: 0;
        border-radius: 20px;
        margin-bottom: 30px;
    }

    .support .support-options-container .support-option:last-child {
        margin-bottom: 0;
    }

    .support .support-options-container .support-option h2,
    .support .support-options-container .support-option p {
        width: 100%;
        margin: 0;
    }

    .support .support-options-container .support-small-options {
        display: none;
    }

    .support .support-options-container .for-mobile-view {
        display: inline;
    }

    .support .support-options-container .for-mobile-view img {
        width: 30px;
        padding-bottom: 20px;
        border-radius: 0;
    }

    .how-to-help {
        margin: 0;
        padding: 60px 25px;
        overflow: auto;
    }

    .how-to-help h1 {
        margin-top: 0;
    }

    .how-to-help h4,
    .how-to-help p {
        width: 100%;
    }

    .how-to-help .help-options-container {
        display: block;
        margin-top: 40px;
    }

    .how-to-help .help-options-container .help-option {
        position: relative;
        width: 100%;
        margin-right: 0;
        border-radius: 20px;
        margin-bottom: 30px;
    }

    .how-to-help .help-options-container .help-option h2,
    .how-to-help .help-options-container .help-option h4,
    .how-to-help .help-options-container .help-option p {
        margin: 0;
        width: 100%;
    }

    .how-to-help .help-options-container .help-option h2 {
        color: #333333 !important;
        font-weight: 700 !important;
    }

    .how-to-help .help-options-container .help-option p {
        margin-bottom: 12px;
    }

    hr {
        margin: 0;
    }

    .footer {
        padding: 60px 25px 0 25px;
    }

    .footer .footer-options-container {
        display: block;
        overflow: auto;
        margin-bottom: 60px;
    }

    .footer .footer-options-container .footer-option {
        width: 100%;
        margin-right: 0;
        margin-bottom: 80px;
    }

    .footer .footer-options-container .footer-option h2 {
        font-weight: 700 !important;
    }

    .footer .footer-options-container .footer-option h2,
    .footer .footer-options-container .footer-option p {
        width: 100%;
    }

    .footer .footer-options-container .footer-option:first-child img {
        float: right;
        width: 140px;
    }

    .footer .footer-options-container .footer-option:first-child .text-container {
        padding-left: 0;
    }

    .footer .footer-options-container .footer-option:first-child .socials-container {
        margin-left: 0;
        float: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .footer .footer-options-container .footer-option:first-child .socials-container img {
        width: 25px;
    }

    .footer .footer-options-container .footer-option form {
        margin-right: 0 !important;
    }

    .footer .footer-options-container .footer-option form input {
        width: 100%;
    }

    .footer .footer-options-container .footer-option form button {
        font-size: 16px;
        padding-top: 10px;
        height: 50px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .footer .footer-options-container .footer-option:last-child {
        margin-bottom: 0;
    }

    .footer .bottom-footer {
        overflow: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        padding: 30px 25px;
    }

    .footer .bottom-footer h3 {
        line-height: normal;
    }

    .footer .bottom-footer .footer-suboptions {
        margin-bottom: 0;
    }

    .footer .bottom-footer .footer-suboptions a {
        width: 100%;
        float: left;
        margin-right: 0;
        padding-bottom: 18px;
    }
}

/* --- CHANGES TO INTERNAL PAGES --- */

/* Print Page button and social icons */
#pm-print-btn.pm-rounded-btn.print {
    background-color: #5b5b5b !important;
}

.pm-single-post-social-icons li a, .pm-page-social-icons li a {
    border: 2px solid #e7e7e7 !important;
    color: #e7e7e7 !important;
}

.pm-page-share-options {
    border-top: 1px solid #e7e7e7 !important;
}

/* NEWS - consistent block height */
.pm-column-spacing.news-post {
    min-height: 650px;
}

/* SHOP - consistent block height */
.woocommerce ul.products li.product a img {
    height: 250px;
    object-fit: cover;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 70px;
}

/* CART - Fixing 'Totals' section */
.woocommerce table.shop_table tbody:first-child tr:first-child th {
    border-top: none !important;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td {
    border-top: 1px solid #c45654;
}

/* CART - Fixing 'coupons' section */
.woocommerce table.cart td.actions .coupon {
    width: 40%;
    margin: 14px 0;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 35%;
    height: 50px;
    color: #111111;
}

.woocommerce table.cart td.actions .button {
    width: 50%;
    color: #CC0000 !important;
    background-color: white;
    padding: 12px 15px;
    height: 50px;
    text-transform: none;
    transition: 0.2s;
    border: 2px solid #CC0000 !important;
}

.woocommerce-page table.cart td.actions button[name="update_cart"] {
    width: 20%;
    margin: 12px 20px;
}

.woocommerce-page table.cart td.actions button[name="update_cart"]:disabled {
    opacity: 0.3;
}

/* disregard the hover state if button is still disabled */
.woocommerce-page table.cart td.actions button[name="update_cart"]:disabled:hover {
    background-color: white !important;
    color: #CC0000 !important;
}

.woocommerce-page table.cart td.actions button[name="update_cart"]:hover {
    background-color: #CC0000 !important;
    color: white !important;
}

.woocommerce table.cart td.actions .coupon .button {
    float: left;
    margin-left: 20px;
}

.woocommerce table.cart td.actions .coupon .button:hover {
    background-color: #CC0000 !important;
    color: white !important;
}

/* 'proceed to checkout' button */

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
    width: 100%;
    height: 50px;
    font-size: 18px !important;
    text-transform: none;
    background-color: #CC0000 !important;
    margin-bottom: 0;
    padding: 13px 10px;
    border: 2px solid #CC0000 !important;
    transition: 0.2s;
    opacity: 1;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
    background-color: white !important;
    color: #CC0000 !important;
}

/* WHO WE ARE - Fixing button alignment */
.vc_row.vc_row-o-content-top > .vc_column_container > .vc_column-inner {
    padding-top: 0;
}

/* ALL PAGES - H1 internal page title */

@media (min-width: 768px) {
    .internal-header-heading, .footer {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .internal-header-heading, .footer {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .internal-header-heading, .footer {
        width: 1170px;
    }
}

/* --- INTERNAL PAGES - UPDATES TO FORMS --- */

.gform_body .gform_fields .gfield .gfield_label {
    display: block !important;
    color: #333333 !important;
    font-size: 16px;
    font-weight: 400;
}

.gform_body .gform_fields .gfield span.gfield_required {
    /* hides the asterisk without turning off 'required field' on CMS */
    display: none;
}

.gform_body .gform_fields .gfield .ginput_container input {
    width: 100%;
    font-size: 16px;
    font-weight: 300;
}

.gform_body .gform_fields .gfield .ginput_container {
    border: 1px solid #CCCCCC !important;
    padding: 5px 15px !important;
}

.gform_body .gform_fields .gfield .ginput_container:hover {
    border: 2px solid #878787 !important;
    margin: -1px;
}

.gform_body .gform_fields .gfield .ginput_container.ginput_container_checkbox {
    border: none !important;
    padding: 0 !important;
}

.gform_body .gform_fields .gfield .ginput_container.ginput_container_singleproduct {
    border: none !important;
    padding: 0 !important;
}

.gform_body .gform_fields .gfield .ginput_container.ginput_container_singleproduct:hover {
    margin: auto;
}

.gform_body .gform_fields .gfield .ginput_container.ginput_container_singleproduct .ginput_quantity_label {
    margin-left: 20px;
}

.gform_body .gform_fields h2.gsection_title {
    color: #111111 !important;
    font-size: 32px;
    font-weight: 700 !important;
}

.gform_body .gform_fields .gsection {
    border-bottom: none;
    padding-bottom: 0 !important;
}

/* align the form with the rest of the body */
.gf_stylespro_wrapper.gform_wrapper {
    padding: 0 !important;
}

.gf_stylespro .gform_body .gform_fields .gf_half, .gf_stylespro .gform_body .gform_fields .gf_third {
    width: 45%;
    margin-right: 5%;
}

.gf_stylespro .gform_body .gform_fields .gfield {
    max-width: 95%;
}

/* Email and Phone Number fields, width halved */
.gf_stylespro .gform_body .gform_fields li.ccsformemail,
.gf_stylespro .gform_body .gform_fields li.ccsformphone {
    width: 45%;
    float: left;
    clear: both;
}

/* Suburb field, width halved with margin-right */
.gf_stylespro .gform_body .gform_fields li.ccsformsuburb {
    width: 45%;
    margin-right: 55%;
}

/* State and Postcode fields, width halved */
.gf_stylespro .gform_body .gform_fields li.ccsformstate,
.gf_stylespro .gform_body .gform_fields li.ccsformpostcode {
    width: 45%;
    margin-right: 5%;
}

/* Donation Amount field, width halved with margin-right */
.gf_stylespro .gform_body .gform_fields li.ccsformamount {
    width: 45%;
    margin-right: 55%;
}

/* Description text */
.gf_stylespro .gform_body .gform_fields .gfield_description {
    padding: 0;
    font-weight: 300;
}

/* The selection field of 'Contribute to' */
.gform_body .gform_fields .gfield select {
    width: 100% !important;
}

.gform_body .gform_fields .gfield_label {
    margin: 6px 0;
}

/* Message text box and Contribute to - remove hover shadow */
.gform_body .gform_fields .gfield .ginput_container_textarea textarea {
    box-shadow: unset;
    min-width: 100%;
    font-size: 16px;
    font-weight: 300;
    padding: 15px;
}

.gform_body .gform_fields li.ccsformcomment .ginput_container_textarea {
    padding: 0 !important;
}


.gform_body .gform_fields .gfield .ginput_container_select .gfield_select {
    box-shadow: unset;
    padding: 0 !important;
    font-size: 16px;
}

/* Radio buttons for 'Would you like to receive updates' field */
.gform_body .gform_fields .gfield .ginput_container_radio {
    border: unset !important;
    padding-left: 0 !important;
    padding-top: 10px !important;
    margin: 0 !important;
}

.gform_body .gform_fields .gfield .ginput_container_radio:hover {
    border: none !important;
    margin: 0 !important;
}

.gform_body .gform_fields .gfield .ginput_container_radio ul li {
    width: 15%;
    float: left;
}

.gform_body .gform_fields .gfield .ginput_container_radio ul li label {
    font-size: 16px;
    font-weight: 300;
    color: #111111;
}

.gform_body .gform_fields .gfield .ginput_container_radio input[type=radio]:not(old) + label:before {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: none;
    border: 0;
    margin-top: -3px;
    margin-right: 15px;
    box-shadow: inset 0 0 0 1px #d8d8d8;
    appearance: none;
    padding: 0;
    transition: box-shadow 150ms cubic-bezier(.95, .15, .5, 1.25);
    pointer-events: none;
}

.gform_body .gform_fields .gfield .ginput_container_radio input[type=radio]:not(old):checked + label:before {
    content: '';
    background: #878787;
    box-shadow: inset 0 0 0 5px #ffffff;
    border: 2px solid #878787;
}

.gform_body .gform_fields .gfield .ginput_container_radio input[type=radio]:not(old):checked + label {
    text-shadow: none;
}

/* UPDATES TO CREDIT CARD MODULE */

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_complex {
    width: 60%;
    border: none !important;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_complex:hover {
    border: none !important;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .gfield_label_before_complex {
    visibility: hidden;
    display: none !important;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard {
    padding: 0 !important;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_full {
    margin: 10px 0 21px 0;
    width: 100%;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_full:first-child:after {
    content: "We accept Mastercard and Visa";
    display: block;
    font-weight: 300;
    opacity: .75;
    font-size: 16px;
    line-height: 34px;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_full label {
    display: block !important;
    color: #333333 !important;
    margin: 6px 0;
    line-height: 26px;
    font-size: 16px;
    font-weight: 400 !important;
    position: relative;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_full input[type=text],
.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_full select {
    border: 1px solid #CCCCCC !important;
    border-radius: 4px;
    margin: 0 !important;
    padding: 5px 15px !important;
    line-height: 41px;
    width: 95%;
}

body form .gform_body .gform_fields .gfield input[type=number] {
    border: 1px solid #CCCCCC !important;
    border-radius: 4px;
    margin: 0 0 0 10px !important;
    padding: 5px 5px 5px 15px !important;
    line-height: 30px;
    width: 120px;
}

body form .gform_body .gform_fields .gfield input[type=number]:hover {
    box-shadow: none;
}

.gform_body .gform_fields .gfield .ginput_container:hover {

}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_full input:hover {
    border: 2px solid #878787 !important;
    padding: 4px 14px !important;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_full select:hover {
    border: 2px solid #878787 !important;
    margin-top: -1px !important;
    margin-bottom: -1px !important;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_full .ginput_card_expiration:hover {
    box-shadow: none !important;
    padding: 4px 14px !important;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_full .ginput_card_expiration:focus {
    box-shadow: none !important;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_cardinfo_left, .gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_cardinfo_right {
    width: 100%;
    display: block;
    font-size: 0;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_cardinfo_left {
    padding-bottom: 18px;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_cardinfo_right {
    padding-top: 18px;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_cardinfo_right input {
    width: 45% !important;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_cardinfo_left select {
    display: inline-block;
    color: #919191 !important;
    width: 45% !important;
    margin-right: 5% !important;
    font-size: 16px;
    /* Fix the chevrons of the drop down fields */
    background: url("/wp-content/uploads/arrow-down.svg") no-repeat;
    background-position-x: 93%;
    background-position-y: 50%;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_cardinfo_left select:hover, .gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_cardinfo_left select:focus {
    background-position-x: 93.5%;
}

/* FORMS - Totals field */

.gf_stylespro .gform_body .gform_fields .gfield .ginput_container_total {
    border: none !important;
    padding: 5px 0 !important;
}

.gf_stylespro .gform_body .gform_fields .gfield .ginput_container_total .ginput_total {
    font-size: 22px;
}

/* FORMS - CAPTCHA */

.gf_stylespro .gform_body .gform_fields li.ccsformcaptcha .gfield_label {
    display: none !important;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcaptcha .ginput_recaptcha {
    border: none !important;
    padding: 0 !important;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcaptcha .ginput_recaptcha {
    margin: 16px 0;
}

.gf_stylespro .gform_body .gform_fields li.gfield_price .ginput_container_total:hover, .gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard:hover {
    margin: 0 !important;
}

.gform_body .gform_fields .gfield .ginput_container_select .gfield_select {
    box-shadow: unset;
    padding: 0 !important;
    font-size: 16px;
    font-weight: 400;
    color: rgb(145, 145, 145);
    /* Fix the chevrons of the drop down fields */
    background: url("/wp-content/uploads/arrow-down.svg") no-repeat;
    background-position-x: 100%;
    background-position-y: 50%;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_full .gform_card_icon_container, .gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_full .ginput_cardinfo_right .ginput_card_security_code_icon {
    display: none;
}

/* Move the card icons into the 'Card number' text field */
.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_full:first-child label:after {
    content: '';
    background: url("/wp-content/plugins/gfstylespro/images/gf-creditcard-icons.png") 0 -192px no-repeat;
    margin-right: 7%;
    width: 72px;
    height: 32px;
    position: absolute;
    right: 0;
    bottom: -48px;
}

/* adjust the text field's margin-right */
.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_full:first-child input {
    padding-right: 90px !important;
}

/* Move the card icon into the 'Security code' text field */
.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_full .ginput_cardinfo_right label:after {
    content: '';
    background: url("/wp-content/plugins/gfstylespro/images/gf-creditcard-icons.png") 0 -128px no-repeat;
    margin-right: 57%;
    width: 32px;
    height: 23px;
    position: absolute;
    right: 0;
    bottom: -44px;
}

/* adjust the text field's margin-right */
.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard .ginput_full .ginput_cardinfo_right input {
    padding-right: 48px !important;
}

/* FORMS FOOTER - Submit Button */
.gf_stylespro .gform_footer {
    border-top: none !important;
    padding: unset !important;
    margin-bottom: 50px;
}

.gf_stylespro .gform_footer input {
    width: 180px;
    height: 50px;
    font-size: 18px !important;
    text-transform: capitalize;
    background-color: #CC0000 !important;
}

/* -- UPDATES TO VALIDATION ERROR MESSAGES -- */

.gf_stylespro .validation_error {
    color: #EB0000 !important;
    border: 1px solid #EB0000 !important;
    border-radius: 4px;
    padding: 15px !important;
    font-size: 16px;
    font-weight: 400;
    margin-right: 5% !important;
    margin-bottom: 20px !important;
}

.gf_stylespro .gform_body .gform_fields .gfield_error .ginput_container input {
    background-color: unset !important;
}

.gf_stylespro .gform_body .gfield .validation_message, .gf_stylespro .gform_body .gfield_description.validation_message {
    color: #EB0000 !important;
    font-size: 16px !important;
    font-weight: 300;
    opacity: unset;
    padding: 0;
    margin: 6px 0 0 0;
    width: 100% !important;
}

.gf_stylespro .gform_body .gfield .validation_message, .gf_stylespro .gform_body .gfield_description.validation_message:before {
    content: '';
    background: url("/wp-content/uploads/x-circle.svg") no-repeat;
    background-position-y: 50%;
    display: inline-block;
    height: 26px;
    width: 26px;
    float: left;
}

.gform_body .gform_fields .gfield_error .ginput_container, .gform_body .gform_fields .gfield_error .ginput_container:hover {
    border: 2px solid #ff0000 !important;
    margin: -1px !important;
}

.gform_body .gform_fields .gfield_error .ginput_container_radio, .gform_body .gform_fields .gfield_error .ginput_container_radio:hover {
    border: unset !important;
}

/* date of birth dropdowns */
.gform_body .gform_fields .gfield_error.ccsformdob .ginput_container_date .clear-multi .ginput_container select, .gform_body .gform_fields .gfield_error.ccsformdob .ginput_container_date .clear-multi .ginput_container select:hover {
    border: 2px solid #ff0000 !important;
    margin: -1px !important;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_container_creditcard {
    margin: 0 !important;
}

/* CHANGES TO OTHER INTERNAL FORMS */

body form .gform_body .gform_fields .gfield input[type=text] {
    padding: 5px 0 !important;
    margin: 5px 0 !important;
    max-width: 100% !important;
    border: 1px solid rgba(255, 255, 255, 255);
}

.gf_stylespro .gform_body .gform_fields li.ccsformcheckbox .ginput_container_checkbox, .gf_stylespro .gform_body .gform_fields li.ccsformcheckbox .ginput_container_checkbox:hover {
    border: none !important;
    padding: 10px 0 !important;
    margin: 0 !important;
}

.gf_stylespro .gform_body .gform_fields li.ccsformcheckbox .ginput_container_checkbox:hover {
    margin: 0 !important;
}

.gf_stylespro .gform_body .gform_fields li.ccsformtitle, .gf_stylespro .gform_body .gform_fields li.ccsformname {
    width: 45%;
    margin-right: 5%;
}

.gf_stylespro .gform_body .gform_fields li.ccsformdob {
    width: 95%;
}

.gf_stylespro .gform_body .gform_fields li.ccsformdob .ginput_container, .gf_stylespro .gform_body .gform_fields .ginput_container li.ccsformdob:hover {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.gf_stylespro .gform_body .gform_fields li.ccsformdob .ginput_container_date .clear-multi .ginput_container {
    width: 21.25%;
    margin-right: 5% !important;
    float: left;
}

.gf_stylespro .gform_body .gform_fields li.ccsformdob .ginput_container_date .clear-multi .ginput_container select {
    border: 1px solid #CCCCCC;
    border-radius: 4px !important;
    padding: 5px 15px !important;
    line-height: 41px;
    font-size: 16px;
    font-weight: 400;
    color: rgb(145, 145, 145);
    background: url("/wp-content/uploads/arrow-down.svg") no-repeat;
    background-position-x: 90%;
    background-position-y: 50%;
}

.gf_stylespro .gform_body .gform_fields li.ccsformdob .ginput_container_date .clear-multi .ginput_container select:hover, .gf_stylespro .gform_body .gform_fields li.ccsformdob .ginput_container_date .clear-multi .ginput_container select:focus {
    box-shadow: unset !important;
    border: 2px solid #878787;
    background-position-x: 91%;
    margin: -1px;
}

.gf_stylespro .gform_body .gform_fields .gfield_error.ccsformdob .ginput_container_date .clear-multi .ginput_container select:hover, .gf_stylespro .gform_body .gform_fields .gfield_error.ccsformdob .ginput_container_date .clear-multi .ginput_container select:focus {
    background-position-x: 90%;
}

.gf_stylespro .gform_body .gform_fields li.ccsformbluecard {
    margin-top: -25px;
    width: 45%;
}

/* UPDATES TO CHECK BOXES */
.gform_body .gform_fields .gfield .ginput_container_checkbox ul li label {
    font-size: 16px;
    font-weight: 300;
    color: #111111;
    padding-bottom: 4px;
    padding-left: 30px;
    text-indent: -30px;
}

.gform_body .gform_fields .gfield .ginput_container_checkbox input[type=checkbox]:not(old) + label:before {
    width: 20px;
    height: 20px;
    border-radius: 25%;
    background: none;
    border: 0;
    margin-top: -2px;
    margin-right: 10px;
    box-shadow: inset 0 0 0 1px #d8d8d8;
    appearance: none;
    padding: 0;
    transition: box-shadow 150ms cubic-bezier(.95, .15, .5, 1.25);
    pointer-events: none;
}

.gform_body .gform_fields .gfield .ginput_container_checkbox input[type=checkbox]:not(old):checked + label:before {
    content: '';
    background: #878787;
    box-shadow: inset 0 0 0 3px #ffffff;
    border: 2px solid #878787;
}

.gform_body .gform_fields .gfield .ginput_container_checkbox input[type=checkbox]:not(old):checked + label {
    text-shadow: none;
}


/* CONTACT US FORM */
body .wpb_wrapper .ccscontact-usform_wrapper {
    width: 66.66666667%;
}

.wpb_wrapper .ccscontact-usform_wrapper .gform_body ul li.ccsformfirstname, .wpb_wrapper .ccscontact-usform_wrapper form .gform_body ul li.ccsformlastname {
    width: 45%;
    margin-right: 5%;
}

.gform_body .gform_fields .gfield input[type=email] {
    padding: 5px 0 !important;
    margin: 5px 0 !important;
    max-width: 100% !important;
    border: 1px solid rgba(255, 255, 255, 255);
}

.wpb_wrapper .ccscontact-usform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea {
    padding: 0 !important;
}

.wpb_wrapper .ccscontact-usform_wrapper .gform_body .gform_fields .gfield .ginput_container_textarea textarea {
    box-shadow: unset;
    min-width: 100%;
    font-size: 16px;
    font-weight: 300;
    padding: 15px;
}

/* Workplace Giving form */
.gform_body .gform_fields li.ccsformlefthalf, .gform_body .gform_fields li.ccsformrighthalf {
    width: 45%;
    margin-right: 5%;
}

.gform_body .gform_fields li.ccsformstatedropdown {
    width: 45%;
    margin-right: 5%;
}

.gform_body .gform_fields li.ccsformstatedropdown .ginput_container_select {
    line-height: 41px;
}

.gform_body .gform_fields li.ccsformfirstname, .gform_body .gform_fields li.ccsformlastname {
    width: 45%;
    margin-right: 5%;
}

.gform_body .gform_fields .gfield_error textarea {
    background-color: unset;
}

/* --- Membership Application Form overrides --- */
.page-id-69 .gform_body {
    border: unset !important;
    padding: unset !important;
}

.page-id-69 .ginput_container {
    margin: 0 !important;
}

.page-id-69 .ginput_container:hover {
    margin: -1px !important;
}


/* --- MAJOR UPDATES TO CHECKOUT FORM --- */

body.page-id-8 .woocommerce form.checkout h3, h3#order_review_heading {
    font-family: inherit;
    font-style: normal;
    margin: 15px 0 0 0;
    color: #111111;
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
}

body.page-id-8 .woocommerce form.checkout p {
    padding: 0;
    margin: 0.7em 0 1.5em 0;
}

/* input labels */
body.page-id-8 .woocommerce form.checkout p label {
    display: block;
    font-family: "Lato";
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    margin: 6px 0;
}

/* hide the asterisk next to the labels of required fields */
body.page-id-8 .woocommerce form.checkout p label abbr.required {
    visibility: hidden;
}

body.page-id-8 .woocommerce form.checkout p span.woocommerce-input-wrapper input::placeholder {
    color: transparent;
}

body.page-id-8 .woocommerce form.checkout p span.woocommerce-input-wrapper input, body.page-id-8 .woocommerce form.checkout p span.woocommerce-input-wrapper input:focus {
    display: block;
    border: 1px solid #CCCCCC;
    background-color: white;
    padding: 5px 15px;
    font-family: "Lato";
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    border-radius: 4px;
    line-height: 41px;
    transition: unset;
}

body.page-id-8 .woocommerce form.checkout p span.woocommerce-input-wrapper input:hover {
    border: 2px solid #878787;
    margin: -1px;
}

body.page-id-8 .woocommerce form.checkout p span.woocommerce-input-wrapper .selection .select2-selection {
    height: 53px;
    padding: 5px 15px;
    border: 1px solid #CCCCCC;
    font-size: 16px;
    font-weight: 400;
    color: rgb(145, 145, 145);
    background: url(/wp-content/uploads/arrow-down.svg) no-repeat;
    background-position-x: 97%;
    background-position-y: 50%;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding: 0;
    text-overflow: unset;
    white-space: unset;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: unset;
    line-height: 41px;
}

body.page-id-8 .woocommerce form.checkout p span.woocommerce-input-wrapper .select2-container .selection .select2-selection__arrow {
    display: none;
}

/* Additional Information field */
body.page-id-8 .woocommerce form.checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p {
    padding: 0;
    margin: 0.7em 0 1.5em 0;
}

body.page-id-8 .woocommerce form.checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p label {
    display: block;
    font-family: "Lato";
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    margin: 6px 0;
}

body.page-id-8 .woocommerce form.checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p span.woocommerce-input-wrapper textarea, body.page-id-8 .woocommerce form.checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p span.woocommerce-input-wrapper textarea:focus {
    display: block;
    border: 1px solid #CCCCCC;
    background-color: unset;
    padding: 15px;
    font-family: "Lato";
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    border-radius: 4px;
    height: 161px;
    transition: unset;
}

body.page-id-8 .woocommerce form.checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p span.woocommerce-input-wrapper textarea:hover {
    border: 2px solid #878787 !important;
    padding: 14px;
}

body.page-id-8 .woocommerce form.checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p span.woocommerce-input-wrapper textarea::placeholder, body.page-id-8 .woocommerce form.checkout .woocommerce-additional-fields .woocommerce-additional-fields__field-wrapper p span.woocommerce-input-wrapper textarea::-webkit-input-placeholder {
    color: rgb(145, 145, 145) !important;
}

body.page-id-8 .woocommerce form.checkout table.shop_table {
    margin: 24px 0;
    border-radius: 4px;
}

body.page-id-8 .woocommerce form.checkout .checkbox input[type="checkbox"] {
    position: static;
}


/* error validation styles of required fields */

body.page-id-8 .woocommerce .woocommerce-error, body.page-id-7 .woocommerce .woocommerce-error {
    background-color: white;
    color: #EB0000;
    border: 1px solid #EB0000;
    border-radius: 4px;
    padding: 15px;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
}

/* hide the ::before icon */
body.page-id-8 .woocommerce .woocommerce-error::before, body.page-id-7 .woocommerce .woocommerce-error::before {
    content: "";
    color: unset;
}

body.page-id-8 .woocommerce form.checkout p.woocommerce-invalid-required-field span.woocommerce-input-wrapper input, body.page-id-8 .woocommerce form.checkout p.woocommerce-invalid-required-field span.woocommerce-input-wrapper input:hover {
    border: 2px solid #ff0000;
    margin: -1px;
}

body.page-id-8 .woocommerce ul.order_details {
    padding-left: 0;
}

/* shipping details form  - checkbox toggle */
body.page-id-8 .woocommerce .woocommerce-shipping-fields input[type=checkbox] {
    width: 20px;
    height: 20px;
    border-radius: 25%;
    border: 0;
    margin: 0 10px -4px 0;
    box-shadow: inset 0 0 0 1px #d8d8d8;
    outline: unset;
    appearance: none;
    padding: 0;
    transition: box-shadow 150ms cubic-bezier(.95, .15, .5, 1.25);
    pointer-events: none;
}

body.page-id-8 .woocommerce .woocommerce-shipping-fields input[type=checkbox]:checked {
    content: '';
    background: #878787;
    outline: unset;
    box-shadow: inset 0 0 0 3px #ffffff;
    border: 2px solid #878787;
}

body.page-id-8 .woocommerce .woocommerce-shipping-fields h3#ship-to-different-address {
    margin-bottom: 3px;
}

body.page-id-8 .woocommerce .woocommerce-shipping-fields #ship-to-different-address label.checkbox span {
    font-family: "Lato";
    font-size: 16px;
    font-weight: 300;
    color: #111111;
}

body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p {
    padding: 0;
    margin: 0.7em 0 1.5em 0;
}

body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p label {
    display: block;
    font-family: "Lato";
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    margin: 6px 0;
}

/* hide the asterisk */
body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p label span.required {
    visibility: hidden;
}

/* float all elements to the left */
body.page-id-8 .woocommerce form#westpac_directpost_form .form-row-first, body.page-id-8 .woocommerce form#westpac_directpost_form .form-row-last {
    width: 40%;
    clear: both;
    float: left;
}

body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p input {
    display: block;
    border: 1px solid #CCCCCC;
    background-color: white;
    padding: 5px 15px;
    font-family: "Lato";
    color: #000000;
    font-size: 16px;
    font-weight: 300;
    border-radius: 4px;
    line-height: 41px;
    transition: unset;
    width: 95%;
}

body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p select {
    height: 53px;
    padding: 5px 15px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    font-family: "Lato";
    font-size: 16px;
    font-weight: 400;
    color: rgb(145, 145, 145);
    background: url(/wp-content/uploads/arrow-down.svg) no-repeat;
    background-position-x: 97%;
    background-position-y: 50%;
    width: 95%;
    -webkit-appearance: none;
    appearance: none;
}

/* hide the old chevron */
body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p select::-ms-expand {
    display: none;
}

body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p input:hover {
    border: 2px solid #878787;
    margin: -1px;
}

body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p select:focus-visible, body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p select:hover {
    outline-color: unset;
    border: 2px solid #878787;
    padding: 4px 14px;
}

body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p.form-row select#cc-expire-month, body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p.form-row select#cc-expire-year {
    display: inline-block;
    width: 45%;
    float: left;
}

body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p.form-row select#cc-expire-month {
    margin-right: 5%;
}

body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p.form-row input#westpac_card_ccv {
    width: 45% !important;
}

/* submit button */
body.page-id-8 .woocommerce form#westpac_directpost_form input[type="submit"] {
    width: 220px;
    height: 50px;
    font-size: 18px !important;
    text-transform: inherit;
    background-color: #CC0000 !important;
    opacity: 1;
    margin: 20px 0;
}

body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p.form-row label[for="westpac_card_number"]:after {
    content: '';
    background: url(/wp-content/plugins/gfstylespro/images/gf-creditcard-icons.png) 0 -192px no-repeat;
    right: 63%;
    margin-top: 49px;
    width: 72px;
    height: 32px;
    position: absolute;
}

body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p.form-row input#westpac_card_number {
    padding-right: 90px;
}

body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p.form-row label[for="westpac_card_ccv"]:after {
    content: '';
    background: url(/wp-content/plugins/gfstylespro/images/gf-creditcard-icons.png) 0 -128px no-repeat;
    right: 82%;
    margin-top: 54px;
    width: 32px;
    height: 23px;
    position: absolute;
}

body.page-id-8 .woocommerce form#westpac_directpost_form fieldset p.form-row input#westpac_card_ccv {
    padding-right: 50px;
}

body.page-id-8 .woocommerce form#westpac_directpost_form span.westpac_card_ccv_description {
    display: none;
}


/* ---- MOBILE VIEW OF ALL INTERNAL FORMS ---- */

@media screen and (max-width: 768px) {

    /* turn all the half-width input fields into full-widths on a new line */
    .gf_stylespro .gform_body .gform_fields .gf_half, .gf_stylespro .gform_body .gform_fields .gf_third, .gform_body .gform_fields li.ccsformlefthalf, .gform_body .gform_fields li.ccsformrighthalf, .gform_body .gform_fields li.ccsformfirstname, .gform_body .gform_fields li.ccsformlastname, .gf_stylespro .gform_body .gform_fields li.ccsformemail, .gf_stylespro .gform_body .gform_fields li.ccsformphone, .gf_stylespro .gform_body .gform_fields li.ccsformsuburb, .gf_stylespro .gform_body .gform_fields li.ccsformstate, .gform_body .gform_fields li.ccsformstatedropdown, .gf_stylespro .gform_body .gform_fields li.ccsformpostcode, .gf_stylespro .gform_body .gform_fields li.ccsformamount, .gf_stylespro .gform_body .gform_fields li.ccsformtitle, .gf_stylespro .gform_body .gform_fields li.ccsformname, .wpb_wrapper .ccscontact-usform_wrapper .gform_body ul li.ccsformfirstname, .wpb_wrapper .ccscontact-usform_wrapper form .gform_body ul li.ccsformlastname {
        width: 95%;
        margin-right: 5%;
    }

    /* set the width of the radio buttons containers to be fixed */
    .gform_body .gform_fields .gfield .ginput_container_radio ul li {
        width: 100px;
    }

    /* resize the credit card module to be full-width */
    .gf_stylespro .gform_body .gform_fields li.ccsformcarddetails .ginput_complex {
        width: 105%;
    }

    /* set the widths of the DOB dropdowns x3 to 30% (with 10% for margins in between) */
    .gf_stylespro .gform_body .gform_fields li.ccsformdob .ginput_container_date .clear-multi .ginput_container {
        width: 30%;
    }

    /* remove 5% margin-right property of last child */
    .gf_stylespro .gform_body .gform_fields li.ccsformdob .ginput_container_date .clear-multi .gfield_date_dropdown_year {
        margin-right: 0 !important;
    }

    /* resize the contact us module to be full-width */
    body .wpb_wrapper .ccscontact-usform_wrapper {
        width: 100%;
    }

    /* decrease the margin between the internal header and content */
    .internal-header-container {
        margin-bottom: 40px;
    }

    /* add extra margin underneath the page share options module */
    .pm-page-share-options {
        margin-bottom: 60px;
    }
}

/* ---- HOUSES PAGE TEMPLATE ---- */

a.accomhouse,
a.places {
    border-radius: 10px;
    height: 40vh;
    margin-bottom: 30px;
    background-size: cover !important;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    display: block;
    padding: 0;
}

.accomhouse-posts {
    margin-top: 20px;
}

.accomhouse-button-content,
a.accomhouse,
a.places {
    transition: all 0.2s;
}

a.accomhouse:hover,
a.places:hover {
    transform: scale(1.01);
}

.accomhouse-button-content {
    height: 100%;
    width: 100%;
    border-radius: 20px;
    padding: 25px !important;
}

.accomhouse-button-content:hover {
    background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

a.accomhouse .pm-standalone-news-post-overlay,
a.places .pm-standalone-news-post-overlay {
    background-color: transparent !important;
}

a.accomhouse .pm-standalone-news-post-overlay h6,
a.places .pm-standalone-news-post-overlay h6 {
    color: white !important;
    font-size: 25px !important;
    float: left;
    display: block;
    text-align: left;
    width: 100%;
}

a.accomhouse .no-units,
a.places .no-units {
    background-color: rgba(0, 0, 0, 0.32);
    padding: 5px 10px;
    border-radius: 5px;
    float: left;
    margin-top: 10px;
}

a.accomhouse .no-units p,
a.places .no-units p {
    color: white;
    font-size: 12px !important;
    margin: 0;
}

/* ---- ACCOM HOUSE PAGE TEMPLATE ---- */

.accomhouse-page {
    padding: 0;
}

.accomhouse-page-section {
    width: 90%;
}

.accomhouse-img-gallery {
    padding: 0;
}

.gallery.accomhouse-img-gallery {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(6, 5vw);
    grid-gap: 1.5rem;
}

.accomhouse-img-gallery .gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 10px;
}

.accomhouse-img-gallery .gallery__item--1 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 1;
    grid-row-end: 5;

    /** Alternative Syntax **/
    /* grid-column: 1 / span 2;  */
    /* grid-row: 1 / span 2; */
}

.accomhouse-img-gallery .gallery__item--2 {
    grid-column-start: 5;
    grid-column-end: 9;
    grid-row-start: 1;
    grid-row-end: 3;

    /** Alternative Syntax **/
    /* grid-column: 3 / span 2;  */
    /* grid-row: 1 / span 2; */
}

.accomhouse-img-gallery .gallery__item--3 {
    grid-column-start: 9;
    grid-column-end: 13;
    grid-row-start: 1;
    grid-row-end: 5;

    /** Alternative Syntax **/
    /* grid-column: 5 / span 4;
    grid-row: 1 / span 5; */
}

.accomhouse-img-gallery .gallery__item--4 {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 5;
    grid-row-end: 7;

    /** Alternative Syntax **/
    /* grid-column: 1 / span 4;  */
    /* grid-row: 3 / span 3; */
}

.accomhouse-img-gallery .gallery__item--5 {
    grid-column-start: 5;
    grid-column-end: 9;
    grid-row-start: 3;
    grid-row-end: 7;

    /** Alternative Syntax **/
    /* grid-column: 1 / span 4; */
    /* grid-row: 6 / span 3; */
}

.accomhouse-img-gallery .gallery__item--6 {
    grid-column-start: 9;
    grid-column-end: 13;
    grid-row-start: 5;
    grid-row-end: 7;

    /** Alternative Syntax **/
    /* grid-column: 5 / span 4; */
    /* grid-row: 6 / span 3; */
}

.unit-gallery-title,
.accomhouse-facilities-section h4,
.accomhouse-facilities-container-div p {
    font-size: 16px !important;
    color: black !important;
    font-weight: 600 !important;
    margin: 30px 0 15px 0;
}

.accomhouse-facilities-section {
    margin-top: 10px;
}

.accomhouse-get-in-touch-section a {
    background-color: #CC0000;
    color: white;
    padding: 15px;
    border-radius: 8px;
    font-weight: normal;
    cursor: pointer;
    margin-bottom: 20px;
}

.accomhouse-get-in-touch-section a:hover {
    background-color: #b40000;
}

.accomhouse-facilities-container-div p {
    font-size: 12px !important;
    color: black !important;
    font-weight: 400 !important;
    margin: 0 !important;
    display: inline;
    padding-left: 10px;
}

.accomhouse-facilities-container-img {
    width: 20px;
    float: left;
    height: 100%;
}

.accomhouse-facilities-container-img img {
    height: 72%;
}

.accomhouse-facilities-container-div {
    align-items: center;
    width: 48%;
    display: inline-block;
    overflow: hidden;
    margin: auto;
    height: 25px;
    line-height: 30px;
}

.accomhouse-facilities-section h4 {
    margin: 0;
    padding-bottom: 15px;
}

.house-galleries-title,
.accomhouse-get-in-touch-section h3 {
    font-size: 22px !important;
    color: black !important;
}

.accomhouse-get-in-touch {
    padding: 0;
    padding-left: 20px;
}

.accomhouse-facilities-section,
.accomhouse-get-in-touch-section {
    border: 2px solid #EFEFF4;
    border-radius: 8px;
    padding: 20px 20px 30px 20px;
}

.accomhouse-get-in-touch-section h3 {
    margin-top: 0;
    font-size: 18px !important;
}

.accomhouse-get-in-touch,
.accomhouse-get-in-touch-section {
    height: max-content;
}

.accomhouse-get-in-touch-section {
    border: 0;
    position: relative;
    top: 60px;
    overflow: hidden;
    box-shadow: 0 12px 24px -4px rgba(32, 33, 31, 0.20);
}

.accomhouse-get-in-touch-section p {
    font-size: 14px !important;
    padding-bottom: 25px;
}

.accomhouse-template .gallery__item {
    position: relative;
}

.accomhouse-template .gallery__img {
    border-radius: 20px;
    box-shadow: 4px 8px 12px 0 #EFE8F0;
}

.accomhouse-template .gallery__img_hover_class {
    z-index: 0;
    position: absolute;
    top: 0;
    padding: 20px;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    display: block;
    transition: all 0.2s;
    background: linear-gradient(179deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.00) 35%);
}

.accomhouse-template .gallery__img_hover_class h5 {
    margin: 0;
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 36px;
    text-shadow: 0 0 24px rgba(255, 255, 255, 0.50);
    padding-bottom: 10px;
}

.accomhouse-template .gallery__img_hover_class .gallery__img_caption {
    font-family: Helvetica;
    font-size: 14px !important;
    font-weight: normal;
    color: #FFFFFF;
    letter-spacing: 0;
    line-height: 26px;
    text-shadow: 0 0 24px rgba(255, 255, 255, 0.50);
    opacity: 0;
    transition: opacity 0.2s linear;
}

.gallery__img_hover_class_container {
    height: 100%;
    overflow: hidden;
}

.mobile-accomhouse-get-in-touch {
    display: none;
    overflow: hidden;
    position: fixed;
    left: 0px;
    bottom: 0px;
    top: auto;
    z-index: 5;
    width: 100%;
    box-shadow: none;
    background-color: white;
    padding: 15px;
    height: auto;
}

.mobile-accomhouse-get-in-touch a {
    border-radius: 5px;
    width: 100%;
    text-align: center;
    display: block;
    margin: 0;
}

/* ---- On hover, show caption and darken background of accomhouse gallery images ---- */
.accomhouse-template .gallery__img_hover_class_caption:hover {
    background: rgb(17, 17, 17, 0.8) 100%;
}

.accomhouse-template .gallery__img_hover_class_caption:hover .gallery__img_caption {
    opacity: 1;
}

/* ---- ACCOMMODATION PAGE TEMPLATE ---- */

.page-template-template-accommodation .promo-video-container {
    padding: 0px 0px 20px 0px;
}

@media screen and (max-width: 768px) {

    /* ---- GENERAL HEADING & CONTENT---- */
    .internal-header-container h1 {
        font-size: 26px;
    }

    /* ---- MOBILE VIEW OF HOUSE & ACCOMHOUSE PAGES ---- */
    .page-template-template-houses h2,
    .page-template-template-accomodation h2,
    .accomhouse-template h2 {
        font-size: 22px;
    }

    .accomhouse-facilities-container-div {
        width: 100%;
    }

    .accomhouse-get-in-touch {
        display: none;
    }

    .accomhouse-page,
    .accomhouse-page-section,
    .accomhouse-facilities-section {
        width: 100%;
    }

    .accomhouse-facilities-container-div {
        height: 30px;
    }

    .accomhouse-facilities-section h4 {
        font-size: 20px !important;
    }

    .accomhouse-facilities-container-div p {
        font-size: 16px !important;
    }

    .accomhouse-template .gallery {
        display: block !important;
    }

    .accomhouse-template .gallery__item {
        margin-bottom: 20px;
    }

    .mobile-accomhouse-get-in-touch {
        display: block;
    }

    .accomhouse-template .gallery__img_hover_class_caption:hover {
        background: linear-gradient(179deg, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.00) 35%);
    }

    .accomhouse-template .gallery__img_hover_class_caption:hover .gallery__img_caption {
        opacity: 0;
    }
}

/*# sourceMappingURL=index.css.map */