/*
Theme Name: Causeway
Theme URI:
Description: A custom child theme for Spectra One.
Author:
Author URI:
Template: spectra-one
Version: 1.0.0
Text Domain: causeway
*/
/**
* MOBILE NAV MENU
* Removes the underline and makes active link text/SVGimage orange
* Booking link gets sepearat active colors
*/
@media (max-width: 767px) {
    body {
        padding-top:0 !important;
    }

    /*.swt-sticky-header {
        top: unset !important;
        bottom: 0;
        overflow: hidden;
    }*/
	
	/* Fix the position of the menu to the bottom of the screen */
	/* Fixed mobile navigation */
	header .mobile-menu {
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		top: auto;
		width: 100%;
		z-index: 9999;
		padding-bottom: env(safe-area-inset-bottom);
	}

	/* Prevent the menu from covering page content */
	body {
		padding-bottom: calc(62px + env(safe-area-inset-bottom));
	}
	
    /* nav element */
    nav.mobile-menu {
        border-top: 1px solid #ff8533;
        background: #4d5e2c !important;
        height: 62px;
    }

    /* set justify on UL to override theme - makes elemnt use the space aound them evenly  */
    ul.wp-block-navigation__container {
        justify-content: space-around !important;
    }

    /* Make sure padding and margin doesnt' add to box size */
    .wp-block-navigation .wp-block-navigation-item {
        box-sizing: border-box;
    }

    /* Link and contents */
    .wp-block-navigation .wp-block-navigation-item__content {
        padding: 10px;
        position: relative;
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex !important;
        color: #ffffff !important;
        fill: #ffffff;
    }

    /* Active link */
    .current-menu-item .wp-block-navigation-item__content {
        color: #fbc8b8 !important;
        fill: #fbc8b8;
    }

    /* Booking link */
    li.mobile-menu-book .wp-block-navigation-item__content {
        background-color: #fbc8b8;
        font-weight: 900;
        color: #163A24 !important;
        fill: #163A24;
    }

    /* Booking link current */
    li.current-menu-item.mobile-menu-book .wp-block-navigation-item__content {
        background-color: unset;
        color: #fbc8b8 !important;
        fill: #fbc8b8;
    }

    /* text and svg fill color */
    li.mobile-menu-book wp-block-navigation-item__content svg, li.mobile-menu-book wp-block-navigation-item__content img {
        color: #163A24 !important;
        fill: #163A24 !important;
    }

    /* Position image above text */
    .wp-block-navigation-item__label {
        display: inline-flex;
        align-items: center;
        flex-direction: column;
    }

    /* Add space between image and menu label */
    nav.mobile-menu svg, nav.mobile-menu img {
        margin: 0 0 5px 0;
    }
}

/****************************
*     OTHER STUFF           *
/***************************/
/* CARD ICONS FRONTPAGE    */
.card-icons svg {
    fill: #89899d;
}

/* SUMMARY AND DETAIL CORE BLOCK */
details > summary {
    color: var(--wp--preset--color--heading);
    font-weight: var(--wp--custom--font-weight--bold);
    line-height: var(--wp--custom--line-height--x-small);
    cursor: pointer;
    padding: .5rem 1rem;
}

details > summary > * {
    display: inline;
}

summary:hover {
    background: orange;
}

details[open] > summary, details[open] > summary:hover {
    background-color: var(--wp--preset--color--custom-colour-1);
    color: var(--wp--preset--color--white);
    border-color: var(--wp--preset--color--custom-colour-1);
}

details[open] + div.summary-div {
    border: 2px solid var(--wp--preset--color--custom-colour-1);
    margin-top: 0;
    padding: 1rem;
}

/* PRIVACY LINK IN FORMS TO ADHERE TO ARIA */
.uagb-forms-accept-privacy-link {
    padding-bottom: 24px;
}

/* MAKE WP CORE IMAGE CAPTION MATCH THEME */
.wp-block-image figcaption {
    font-size: unset;
    padding: unset;
    margin: 8px 10px 0px 10px;
}

/* ICONS CONTACT PAGE  */
.contact-list svg {
    width: 24px !important;
    height: 24px !important;
}
/*
 * Keep the footer background full-width, but constrain the
 * footer's inner content to the same wide content area used
 * elsewhere on the site.
 */
footer .uagb-container-inner-blocks-wrap {
	width: 100%;
	max-width: var(--wp--style--global--wide-size, 1200px);
	margin-left: auto;
	margin-right: auto;
}

/****************************
*     FORMIDDABLE FORMS     *
/***************************/
/* ReCapchta transform so it doesnt break layout on smaller screens */
@media (max-width: 350px) {
  .ff-el-recaptcha.g-recaptcha {
    transform: scale(0.85);
    transform-origin: left top;
  }
}

@media (max-width: 320px) {
  .ff-el-recaptcha.g-recaptcha {
    transform: scale(0.77);
    transform-origin: left top;
  }
}

.ff-el-input--content {
  max-width: 100%;
  overflow: hidden; /* prevents horizontal scroll from the "phantom" 304px width */
}

/* submit button*/
.frm-fluent-form .wpf_has_custom_css.ff-btn-submit {
    color: #ffffff;
    background-color: var(--wp--preset--color--custom-colour-1);
    border-radius: 6px;
    line-height: var(--wp--custom--line-height--initial);
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    font-size: var(--wp--preset--font-size--small);
    font-weight: var(--wp--custom--font-weight--medium);
    line-height: var(--wp--custom--line-height--initial);
}

.frm-fluent-form .wpf_has_custom_css.ff-btn-submit:hover {
    color: #FFFFFF;
    opacity: 1;
    background-color: var(--wp--preset--color--secondary);
}

.ff-message-success {
    border: none;
    box-shadow: none;
}

/****************************
*     WP-SOCIAL REVIEWS     *
/***************************/
/*border, name, rating, stars, date, teaser, readmore */
.wpsr-review-template {
    border: 1px solid var(--wp--preset--color--custom-primary-button);
}

.wpsr-review-template .wpsr-review-info .wpsr-reviewer-name-url .wpsr-reviewer-name {
    color: var(--wp--preset--color--heading);
}

.wpsr-review-template .wpsr-rating-wrapper .wpsr-rating-style-2 span {
    color: var(--wp--preset--color--heading);
}

.wpsr-review-template.wpsr-review-template-airbnb .wpsr-rating-wrapper .wpsr-rating .wpsr-star svg path {
    fill: var(--wp--preset--color--body);
}

.wpsr-review-template .wpsr-review-date {
    color: var(--wp--preset--color--custom-nav-green);
}

.wpsr-review-template .wpsr-review-content p {
    color: var(--wp--preset--color--body);
}

.wpsr_add_read_more .wpsr_read_less, .wpsr_add_read_more .wpsr_read_more {
    color: var(--wp--preset--color--custom-colour-1);
    text-decoration: none;
}