:root {
    --PGLOffWhite: #F5F2ED;
    --PGLAmber: #FCBB00;
    --PGLDarkBeige: #BAB3AB;
    --PGLBodyText: #1D1D1D;
    --PGLBlackborder: #2A292A;
    --PGLContainerColour: #EBDCCA;
    --PGLBlue: #006BAE;
    --CodeSuccess: #03C46B;
    --PGLDarkRed: #A21F3B;
    --PGLLabel: Helvetica Neue, arial, sans-serif;
    --PGLLunchBox: normal normal normal 32px/45px LunchBox;
}

.pgl-header {
    background-color: #00527F;
}

.fa-main-panel {
/*    padding-top: 20px;
    display: inline-block;*/
}

.fa-content-section
{
    padding-top: 30px;
    padding-bottom: 30px;
}

.fa-img-long {
    float: left;
    padding-right: 1%;
}

.fa-img-long img {
    height: 155px;
    width: 500px;
}

.fa-info-box-container {
    padding-bottom: 20px;
}

.fa-img-carousel {
    float: left;
    padding-bottom: 1%;
    padding-right: 1%;
}

.fa-img-carousel img {
    height: auto;
    max-width: 250px;
}


.fa-rounded-images img {
    height:100%;
    width: 100%;
    object-fit: cover;
    object-position:top left;
}

.fa-icon-images img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: top center;
}

.fa-text-description {
    font-size: 0.8em;
    line-height: 1.6;
    color: #707070;
}

.fa-text-spaced-description {
    font-size: 0.8em;
    line-height: 1.6;
    color: #707070;
}


.fa-text-spaced-description-centre {
    text-align: center;
    font-family: Arial;
    font-size: 0.8em;
    line-height: 1.6;
    color: #707070;
    padding-left: 22%;
    padding-right: 22%;
}

.fa-text-title {
    font: var(--PGLLunchBox);
    text-align: left;
    padding-bottom: 1.75em;
}

.fa-text-title-centre {
    text-align: center;
    font-family: Arial;
    font-weight: bold;
    color: black;
    padding-bottom: 4%;
}

.fa-review-title {
    font: var(--PGLLunchBox);
    text-align: center;
    padding-bottom: 1.75em;
}

.fa-grey-tickbox {
    background-image: url('../../../res/img/family-adventure/fa-grey-tickedbox.jpg');
    background-repeat: no-repeat;
    background-size: 29px;
    line-height: 2.1;
    padding-bottom: 3px;
    padding-left: 32px;
    padding-top: 4px;
}

.fa-img-play-button{
    width: 42%;
    margin: auto;
    padding-bottom: 6%;
}

.fa-virtual-tour-control {
    display: inline-block;
    border: solid 2px;
    border-color: #707070;
    border-radius: 100%;
    padding: 22%;
}

.fa-virtual-tour-control p {
    font-family: Arial;
    font-weight: bold;
    color: black;
    padding-bottom: inherit;
    font-size: initial;
    line-height: unset;
}

.fa-majorminor-major-major {
    display: block;
    float: left;
    margin-right: 0%;
    width: 55%;
}

.fa-majorminor-major-minor {
    display: block;
    float: right;
    margin-right: 0%;
    width: 35%;
}

.fa-icon-name {
    height: 150px;
    width: 150px;
    float: left;
    text-align: center;
    font-family: Arial;
    font-size: 0.99em;
    line-height: 1.6;
    color: #707070;
    margin: 5px 20px 5px 20px;
}

.fa-icon-name img {
    width: 106px;
    height: 95px;
    margin: auto;
}

.fa-image-name-description {
    text-align: left;
    padding: 0px 20px;
}
.fa-image-name-description-text {
    display: inline-block;
    padding-top: 4%;
}
.fa-image-name-description-text p {
    font-size: 0.9em;
    padding-bottom: 50px;
}

.fa-image-name-description-text-desc p {
    font-size: medium;
}

.fa-map-description {
    float: left;
    width: 44%;
    padding-right: 4%;
}


@media screen and (max-width:1199px) {
    .fa-map-description {
        width: 96%;
        padding-left: 4%;
    }
}







.fa-map-description div {
    
    padding-bottom: 7%;
}

.fa-map-description p {
    font-size: 0.6em;
}

#mapid {
    height: 245px;
    width: 448px;
    position: relative;
    border-radius: 14px;
}

.fa-star-review {
}

.fa-star-review div {
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
}

.fa-star-underline {
    height: 3px !important;
    color: #F5B436;
    display: block;
    visibility: visible;
    margin: auto;
    opacity: 1;
    border-radius: 5px;
    overflow: hidden;
}

.fa-star-review img {
    margin: auto;
    display: block;
}

.fa-star-review-name {
    font-family: Arial;
    font-weight: bold;
    color: #707070;
    line-height: 1.25em;
    font-size: 0.8em;
}

.fa-large-grey-linkbox {
    background: #B5B5B5;
    padding-left: 59%;
    padding-top: 11%;
    padding-bottom: 5%;
    border-radius: 14px;
    width: 214%;
    cursor: pointer;
}

.fa-full-width-grey-background {
    background: #B5B5B5;
    min-width: 2126px;
    margin-left: -512px;
}

.fa-full-width-grey-background-content {
    margin-left: 512px;
    padding-top: 4%;
}

.fa-information-box {
    border-radius: 35px;
    background: white;
    overflow: hidden;
    text-align: left;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    cursor: pointer;
}

.fa-information-box.offwhite {
    background: var(--PGLOffWhite);
}

.fa-information-box img {
    max-height: 200px;
    object-fit: cover;
    object-position: top;
}

.fa-information-box .fa-more-info-button {
    border-radius: 25px;
    border: 2px solid black;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 20px;
    color: black;
    font-size: larger;
    font-weight: bold;
}

.fa-information-box:hover .fa-more-info-button,
.fa-information-box .fa-more-info-button:hover {
    text-decoration: none;
    background-color: black;
    color: white;
}

.fa-information-box a {
    text-decoration: none;
}

.fa-information-box-text h3 {
    font-weight: 600;
    color: var(--PGLBodyText);
}

.fa-more-info-button {
    margin:auto;
    text-align: center;
}
.fa-information-box-text {
    display: block;
    margin: auto;
}

.fa-information-box-text p {
}

.fa-information-box-text h1 {
}



.fa-text-with-image-text {
    flex-grow:1;
}

.fa-text-with-optional-image-text {
    align-content: center;
    min-height: 100%;
    align-self: center;
}

.fa-text-with-image-text-img-right {
    display: flex;
    flex-direction: row;
}

.fa-text-with-image-text-img-left {
    display: flex;
    flex-direction: row-reverse;
}



.fa-main-banner-panel {
    padding-top: 20px;
    padding-bottom: 20px;
    margin: 0;
}


.fa-banner-image-half-left {
    border-radius: 15px 0px 0px 15px;
    padding: 0;
    overflow: hidden;
}

.fa-banner-image-half-right {
    border-radius: 0px 15px 15px 0px;
    background-color: #00527F;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-direction: column;
    font: normal normal normal 32px/45px LunchBox;
}

.fa-banner-image-half-right p {
    font-size: 22px;
    color: white;
    text-align: center;
    padding-bottom: 7px;
    font: normal normal normal 32px/45px LunchBox;
}

.fa-banner-image-half-right a {
    /*    position: absolute;
bottom: -20px;*/
    text-align: center;
  
}

.fa-banner-image-button-half-left {
    border-radius: 15px 0px 0px 15px;
    width: 40%;
    position: absolute;
    left: 100px;
    height: 250px;
}

.fa-banner-image-button-half-right {
    border-radius: 0px 15px 15px 0px;
    width: 60%;
    position: absolute;
    right: 100px;
    height: 250px;
    background-color: royalblue;
    padding: 70px;
}

    .fa-banner-image-button-half-left p {
        font-size: 22px;
        color: white;
        text-align: center;
    }

.fa-banner-image-button-half-left a {
    position: absolute;
    bottom: -20px;
}

.fa-banner-image-half-left-icon {
    position: absolute;
    top: -30px;
    float: left;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}


.fa-banner-image-half-left-button {
    position: absolute;
    bottom: -20px;
    left: 50px;
 
    float: left;
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 40%;
}


.fa-banner-image-full {
    border-radius: 15px 15px 15px 15px;
    margin: auto;
    width: 80%;
    height: 250px;
    background-color: royalblue;
    padding: 70px;
}

.fa-rounded-images.fa-main-panel.grid-container {
    padding-top: 0px;
    display: grid;
    grid-template-columns: 1.4fr 0.6fr;
    grid-template-rows: 1fr 1fr;
    gap: 0px 0px;
    grid-template-areas: "MainImage SideImage1" "MainImage SideImage2";
    border-radius: 20px;
    overflow: hidden;
}

.fa-rounded-images.fa-main-panel.grid-container .MainImage {
    grid-area: MainImage;
    height: 400px
}

.fa-rounded-images.fa-main-panel.grid-container .SideImage1 {
    grid-area: SideImage1;
    height: 200px
}

.fa-rounded-images.fa-main-panel.grid-container .SideImage2 {
    grid-area: SideImage2;
    height: 200px
}

.fa-rounded-images.fa-main-panel.grid-container .SideImage1 .imageholder  {
    padding-left:10px;
    padding-bottom: 5px;
}

.fa-rounded-images.fa-main-panel.grid-container .SideImage2 .imageholder {
    padding-left: 10px;
    padding-top: 5px;
}

.fa-rounded-images .imageholder{
    height:100%;
    width:100%;
}

.more-details-background {
    background-color: #F5F2ED;
    padding-top: 30px;
}
.more-details-background-2 {
    background-color: white;
    border-top-left-radius: 100px;
    margin-top: 10px;
    padding-top: 30px;
}
.more-details-background-3 {
    background-color: #F3EDE6;
    padding-top: 30px;
    padding-bottom: 30px;
}

.more-details-standard-page {
    background-color: #F5F2ED;
/*    padding-top: 30px;
    padding-bottom: 30px;*/
}

.more-details-background-4 {
    background-color: white;
    padding-top: 30px;
}

.fa-text-with-image-text-img-right h2 {
    text-align: left;
    font: var(--PGLLunchBox);
}

.fa-text-with-image-text-img-right p {
    text-align: left;
    font-size: 1em;
}
.fa-tile-grid .fa-rounded-images {
    margin: 0;
}
.fa-tile-grid .fa-rounded-images .fa-image-name-description .fa-img-small
{
    overflow: hidden;
    border-radius: 10px;
}
.fa-tile-grid .fa-rounded-images .fa-image-name-description h3 {
    font-size: 1em;
}

.fa-tile-grid .fa-image-name-description{
    cursor: pointer;
}

.fa-tilegrid-lightboxlink{
    padding: 20px;
}
.fa-tilegrid-lightboxlink span {
    border: 2px black solid;
    border-radius: 25px;
    padding: 6px 20px;
}
.lightbox-coutner {
    font-size: smaller;
}

.fa-tile-grid .modal-body .carousel-item {
    border-top: 1px solid #E6D7C5;
    margin-top: 10px;
}

.fa-tilegrid-lightboxlink span:hover {
    background: black;
    color: white;
    text-decoration: none;
    cursor: pointer;
}

.fa-button-link {
    position: relative;
    top: -25px;
}

.fa-tilegrid-lightbox .modal-dialog {
    width: 100%;
    height: 100%;
    /* position: fixed; */
    /* top: 0px; */
    /* left: 0px; */
    margin: 0px;
    max-width: 100%;
}

.banner-chevron {
    width: 0;
    height: 0;
    padding: 20px;
    border-radius: 50%;
    background-color: #00527F;
    border-color: var(--PGLAmber);
    border-width: 3px;
    margin: auto;
    margin-top: 0px;
    margin-bottom: 0px;
}

.banner-chevron:hover {
    background-color: var(--PGLAmber);
    color: #00527F;
    border-color: var(--PGLAmber);
}

.banner-chevron:hover i {
    color: #00527F;
}

.banner-chevron i {
    position: relative;
    top: -13px;
    left: -4px;
    color: var(--PGLAmber);
}

.fa-homepage-holiday-types-container {
    /*padding-top: 40px;*/
}
.fa-homepage-background-2 {
    background-color: var(--PGLOffWhite);
}

.fa-sign-up-container {
    margin:auto;
}
.fa-sign-up-container .addthis {
    border-top: none;
    display: flex;
    justify-content: center;
}

.fa-sign-up-container .addthis:before {
    border-top: none;
}

.addthis_toolbox {
    width: 100%;
    display: flex;
    justify-content: center;
}

.fa-room-type-carousel {
    text-align: left;
    padding-top: 40px;
    padding-bottom: 40px;
    overflow: hidden;
}

.fa-room-type-carousel p {
    font-size: 0.9em;
}

.fa-room-type-carousel .carousel-control-next,
.fa-room-type-carousel .carousel-control-prev {
    width: unset;
}

.activity-carousel-buttons,
.room-carousel-buttons {
    position: relative;
}
.activity-carousel-item {
    width: 70%;
    margin: auto;
    padding-top: 40px;
}

.activity-carousel-item img{
    max-height: 400px;
}

.activity-carousel-buttons .fa-activity-next, .activity-carousel-buttons .fa-activity-prev {
    display: inline-block;
    /* background: var(--PGLAmber); */
    border: 2px solid var(--PGLAmber);
    border-radius: 50%;
    padding: 15px;
    width: 0px;
    height: 0px;
    position: relative;
    top: 5px;
    color: var(--PGLAmber);
}


.activity-carousel-buttons .fa-chevron-right {
    position: relative;
    top: -7px;
    left: -4px;
}

.activity-carousel-buttons .fa-chevron-left {
    position: relative;
    top: -7px;
    left: -5px;
}
.fa-activity-close {
    text-align:left;
}
.fa-has-link {
    cursor: pointer;
}


.fa-centered{
    margin:auto;
}

.fa-page-title {
    text-align: left;
 
}
.fa-holiday-title {
    font-weight: bold;
}

.fa-button,
.fa-button:hover,
.fa-signin-button,
.fa-signin-button:hover,
.fa-signin-button:focus {
    background: var(--PGLAmber);
    border-color: var(--PGLAmber);
    color: black;
    font-weight: bold;
    border-radius: 25px;
    padding: 15px 30px;
    box-shadow: none;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    font-size: 1em;
}

.fa-button-disabled {
    background-color: lightgrey !important;
    border-color: lightgrey !important;
    cursor:unset !important;
}

.fa-button.fa-button-black-on-white {
    border: 1px solid var(--PGLBlackborder);
    background: white;
    color: var(--PGLBodyText);
}

.fa-button.fa-button-black-on-white:hover {
    border: 1px solid var(--PGLBlackborder);
    background: var(--PGLBodyText);
    color: white;
}

.fa-button.fa-button-black-on-offwhite {
    border: 1px solid var(--PGLBlackborder);
    background: var(--PGLOffWhite);
    color: var(--PGLBodyText);
}

.fa-button.fa-button-black-on-offwhite:hover {
    border: 1px solid var(--PGLBlackborder);
    background: var(--PGLBodyText);
    color: var(--PGLOffWhite);
}
.fa-button.fa-button-white-on-black {
    color: white;
    background: var(--PGLBodyText);
}

.fa-button.fa-button-white-on-blue {
    color: white;
    background: var(--PGLBlue);
}

.fa-red-banner {
    padding-top: 6px;
    padding-bottom: 15px;
    background: var(--PGLDarkRed);
    font: var(--PGLLunchBox);
    color: var(--PGLOffWhite);
    border-radius: 30px;
}

.fa-button-banner-text a {
    color: inherit;
    text-decoration: underline;
    white-space: nowrap;
}

@media screen and (min-width: 992px) {
    .fa-button-banner-text a {
        color: inherit;
        text-decoration: none !important;
        pointer-events: none;
    }
}

.fa-text-under-banner {
    margin-bottom: 20px;
    margin-top: 20px;
    color: var(--PGLBodyText);
}

.fa-text-under-banner h2{
    font: var(--PGLLunchBox);
}

.fa-center-justify {
    justify-content: center;
}

.fa-text-with-optional-image li {
    list-style-position: outside;
    list-style-type: none;
    text-align: left;
    margin-left: 0;
    padding-left: 30px;
    padding-bottom: 15px;
    font-size: large;
    line-height: 1.5em;
}

.col-xxl-9.fa-centered.fa-text-with-optional-image {
    margin-top: 20px;
}

.fa-text-with-optional-image li:nth-of-type(3n+1) {
    background-image: url('/Files/Templates/Designs/PGLCore/res/img/themes/family-adventures/Star1.png');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 0px 0px;
}


.fa-text-with-optional-image li:nth-of-type(3n+2) {
    background-image: url('/Files/Templates/Designs/PGLCore/res/img/themes/family-adventures/Star2.png');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 0px 0px;
}

.fa-text-with-optional-image li:nth-of-type(3n+0) {
    background-image: url('/Files/Templates/Designs/PGLCore/res/img/themes/family-adventures/Star3.png');
    background-repeat: no-repeat;
    background-size: 25px 25px;
    background-position: 0px 0px;
}

.fa-hide-mobile {
    display: unset;
}

.throbber-modal {
    pointer-events: none;
}

.throbber-modal .modal-dialog {
    flex-direction: column;
}

.spinner-border {
    color: var(--PGLAmber);
}

.spinner-text {
    color: var(--PGLOffWhite);
}

@media screen and (max-width:575px) {
    .fa-hide-mobile {
        display: none!important;
    }
    .fa-search-result-breakdown .modal-dialog .modal-content .modal-body,
    .fa-more-details-breakdown .modal-dialog .modal-content .modal-body {
        padding: 0.5rem;
    }

    .more-details-background-2 {
        border-top-left-radius: 0;
    }
}

@media screen and (max-width:992px) {
    .fa-rounded-images.fa-main-panel.grid-container {
        padding-top: 0px;
        display: grid;
        grid-template-columns: 1.0fr 1.0fr;
        grid-template-rows: 1.0fr 0.3fr;
        gap: 0px 0px;
        grid-template-areas: "MainImage MainImage" "SideImage1 SideImage2";
        border-radius: 20px;
        overflow: hidden;
    }
    .fa-rounded-images.fa-main-panel.grid-container .SideImage2 .imageholder {
        padding-right: 0px;
        padding-left: 5px;
        padding-top: 10px;
        padding-bottom: 0px;
    }
    .fa-rounded-images.fa-main-panel.grid-container .SideImage1 .imageholder {
        padding-right: 5px;
        padding-left: 0px;
        padding-top: 10px;
        padding-bottom: 0px;
    }

    .fa-rounded-images.fa-main-panel.grid-container .MainImage {
        grid-area: MainImage;
        height: 300px;
    }


    .activity-carousel-item img {
        max-height: 250px;
        object-fit: scale-down;
    }
}

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


    .fa-banner-image-half-left {
        border-radius: 0px 0px 15px 15px;
    }

    .fa-banner-image-half-right {
        border-radius: 15px 15px 0px 0px;
        padding-top: 1em;
        padding-bottom: 1em;
    }


    .fa-tile-grid .fa-image-name-description:nth-child(2n+1) {
        padding-left: 0px;
    }

    .fa-tile-grid .fa-image-name-description:nth-child(2n+2) {
        padding-right: 0px;
    }

}


@media screen and (min-width:992px) {
    .fa-tile-grid .fa-image-name-description:nth-child(3n+1) {
        padding-left: 0px;
    }

    .fa-tile-grid .fa-image-name-description:nth-child(3n+3) {
        padding-right: 0px;
    }

    .fa-tile-grid .fa-image-name-description:nth-child(3n+2) {
        padding: 0px 10px;
    }
}