@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");

html {
    font-size: 18px !important;
    font-family: 'Source Sans Pro', sans-serif;
}

body {
    font-size: 1rem;
    font-family: 'Source Sans Pro', sans-serif;
    color: #4D4D4D;
}

@media (min-width: 1400px) {
    .container {
       /* width: 1370px;*/
    }
}

.body-content {
}

input,
select,
textarea {
 
}

a {
    color: #23325d;
    text-decoration: none;
}

.btn {
    font-size: 1rem;
}

.btn-secondary {
background:#9B464A;
}
.btn-primary:focus {
    border: #6f8a3a;
}
.dlbtn {
    margin:0 auto 1rem;
    background: #9B464A;
    padding: 0.25rem 0.5rem;
    width:fit-content;
    color:#D1C0B8;
    border-radius:4px;
}
    .dlbtn i {
    color:#D1C0B8;
    }
h1 {
    color: #9B464A;
    font-size: 1.5rem;
    font-weight: 600;
}

h4 {
    color: #D1C0B8;
    font-size:1.25rem;
   
}


.row {
    margin: auto;
}

.quickbtnsection {
      margin-top: -4rem;
}
.quickbtn {
    background: #ffffff;
    box-shadow: 4px 4px 4px 4px rgba(165, 139, 139, 0.5);
    padding-top: 1rem;
	padding-bottom: 1rem;
    border-radius: 0.5rem;
  
    font-weight:bold;
    font-size:1.25rem;
    color:#000000;
}
    .quickbtn .col {
    padding:0;
    }

.align-right {
    text-align:right;

}
/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 0;
    }
	

}



.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #24315e;
    border-color: #24315e;
}

.navbar-nav {
    float: right;
}

footer {
    background: #2A2829;
    padding: 32px 0;
    color: #D1C0B8;
    text-align:center;
}

    footer .divider {
    border-top:1px solid #d1c0b8;
    padding-top:1rem;
    margin-top:1rem;
    font-size:0.9rem;
    }

    footer ul {
        list-style: none;
        line-height: 36px;
    }

        footer ul li a {
            color: #D1C0B8;
        }

.modal-body input {
    width:100%;
}

.whitebk, .bluebk, .greybk {
    padding: 64px 0;
}

.KEYINFO .block p {
    text-align: center;
    padding: 1.5rem 1rem;
    color: #374785;
    background: #a8d1e78c;
    border-radius: 8px;
    margin: 1rem;
}

.sidebar {
    padding: 2rem;
    margin-top: 2rem;
}

    .sidebar ul {
        margin-top: 2rem;
    }

        .sidebar ul li {
            list-style: none;
            margin-bottom: 1rem;
        }

.sidebarwht {
    padding: 2rem;
}

.greybk, .sidebar {
    background: #e6e6e6;
}

.curve {
    min-height: 100px;
    z-index: -99;
    margin-top: -50px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 100%;
}

.curvetop {
    min-height: 100px;
    z-index: -99;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position-y: 0;
}

.greycurve {
    background-image: url(../img/greybk.svg);
}

.bluecurve {
    background-color: #23325d;
    background-image: url(../img/bluebk.svg);
}

.topbluecurve {
    background-image: url(../img/bluebktop.svg);
}

.bluebk, .bluebanner {
    background: #a8d1e7;
}

.bluebanner {
    position: relative;
    width: 100%;
    background-color: #a8d1e7;
    min-height: 280px;
    background-repeat: no-repeat;
}

    .bluebanner, .bluebanner .container {
        display: flex;
    }

#herosection {
height:450px;
width:100%;
background-size:cover;
background-position:50% 50%;
}

.herotitle {
    font-weight: bold;
    font-size: 3rem;
    filter:drop-shadow(4px 4px 4px #00000030)
}

.herotext {
    color: #ffffff;
    max-width:50%;
}

    .herotext h1 {
        text-transform: uppercase;
        color: #ffffff;
        
    }

        .herotext h1, .herotext h3{
            margin-bottom:1rem;
        }
        #clip-svg {
            clip-path: url(#myClip);
        }

.bannerimg #svg2 {
    position: absolute;
    top: 0;
    width: calc(100% - 3rem);
    left: 3rem;
    height: 100%;
}

}

.bluebanner .container {
    min-height: 500px;
    display: flex;
}

.navbar {
    background: #fff;
    min-height: 72px;
}

.navbar-nav {
    margin: 1rem 0;
}

.navbar-brand {
    padding: 1rem 0;
}

.navbar-nav > li > a .book-nav, .btn-book {
    background: #f7e9a0;
    border-radius: 500px;
    padding: 8px 16px;
}

    .btn-book:hover, a .book-nav:hover {
        background: #f5df6d
    }

.btn-contact {
    margin: auto;
    background: #f7e9a0;
    border-radius: 500px;
    padding: 8px 16px;
    font-size: 1rem;
}

.accordion {
    background: none;
}

.carousel h2 {
    font-family: 'gilroy-light';
    color: #374785;
}

.carousel p {
    color: #374785;
}

.bluebk p, .bluebanner p {
    font-size: 2rem;
    color: #374785;
}

.bluebanner .row {
}

.info-cta {
    background: #374785;
    border-radius: 16px;
    color: #fff;
    padding: 2rem;
    line-height: 1rem;
    text-align: center;
}

    .info-cta h1 {
        font-size: 2.75rem;
        color: #ffffff;
        font-family: 'gilroy-light';
    }

    .info-cta p {
        color: #fff;
        font-size: 1.5rem;
    }

.carousel-cta {
    display: inline-block;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 50%;
    background: #f76d6d;
    vertical-align: middle;
    margin-right: 1rem;
}

.carousel-item, .largertext {
    font-size: 1.7rem;
    color: #374785;
}

    .carousel-item a {
        font-size: 2rem;
        margin-top: 1.5rem;
        display: block;
        color: #374785;
    }

.carousel {
    padding: 1rem 0 3rem;
}

.carousel-inner {
    margin: 0;
}

.carousel-item .col:first-child {
    padding-left: 0;
}

.carousel-item .col:last-child {
    padding-right: 0;
}
.align-center {
    text-align:center;

}

.form-outline {
width: calc(100% - 47px);
}
.card-body {

}

.card-date {
    text-align:center;
    
}

.card-title {
    text-align: center;
    font-weight: bold;
}

#addNewDoc {
    text-align: center;
    color: #6f8a3a;
    border-color: #6f8a3a;
    cursor:pointer;
}
.sideBar {
    background: #4D4D4D;
    color: #D1C0B8;
    height: 100%;
    box-shadow: 4px 4px 4px 4px rgba(165, 139, 139, 0.5);
    z-index:100;
}
    .sideBar h1 {
        color: #D1C0B8;
    }

    .sideBar select {
    width:90%;
    }
.col-2.nopadding {
    padding: 0;
}

h3.wwoh3 {
    position: relative;
    text-transform: uppercase;
    font-family: 'gilroy-extrabold', sans-serif;
    font-size: 4.75rem;
    color: #374785;
    margin-top: -62px;
    z-index: 999;
}

a.wwolink {
    text-transform: uppercase;
    font-size: 1rem;
    font-family: 'gilroy-extrabold';
}

.wwocta {
    display: inline-block;
    background: #f7e9a0;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 8px;
    text-align: center;
}

.bkblob {
    display: inline-block;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 200px;
    aspect-ratio: 1 / 1;
    position: relative;
}

.blob1 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 254.86 254.17' style='enable-background:new 0 0 254.86 254.17;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ED6D6E;%7D%0A%3C/style%3E%3Cg transform='translate(423.03515525609373 264.44981862200933)'%3E%3Cg%3E%3Cpath class='st0' d='M-76.52,258.94c22.21,11.43,40.25,35.03,53.23,65.89s20.82,68.91,6.37,94.3 c-14.45,25.39-51.11,38.13-87.77,51.85c-36.58,13.64-73.16,28.25-98.3,16.74c-25.15-11.43-38.86-48.99-44.25-80.59 c-5.31-31.52-2.29-57.15,1.88-82.79c4.25-25.64,9.63-51.27,25.47-63.85c15.76-12.49,42.05-11.84,68.34-11.92 C-125.18,248.4-98.81,247.59-76.52,258.94'/%3E%3C/g%3E%3C/g%3E%3Cg transform='translate(423.03515525609373 264.44981862200933)'%3E%3Cg%3E%3Cpath class='st0' d='M-239.23-248.88c22.21,11.43,40.25,35.03,53.23,65.89c12.98,30.86,20.82,68.91,6.37,94.3 s-51.11,38.13-87.77,51.85c-36.58,13.64-73.16,28.25-98.3,16.74c-25.15-11.43-38.86-48.99-44.25-80.59 c-5.31-31.52-2.29-57.15,1.88-82.79c4.25-25.64,9.63-51.27,25.47-63.85c15.76-12.49,42.05-11.84,68.34-11.92 C-287.9-259.42-261.52-260.23-239.23-248.88'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.blob2 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 275.35 280.56' style='enable-background:new 0 0 275.35 280.56;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ED6D6E;%7D%0A%3C/style%3E%3Cg transform='translate(423.03515525609373 264.44981862200933)'%3E%3Cg%3E%3Cpath class='st0' d='M-76.52,268.66c22.21,11.43,40.25,35.03,53.23,65.89s20.82,68.91,6.37,94.3 c-14.45,25.39-51.11,38.13-87.77,51.85c-36.58,13.64-73.16,28.25-98.3,16.74c-25.15-11.43-38.86-48.99-44.25-80.59 c-5.31-31.52-2.29-57.15,1.88-82.79c4.25-25.64,9.63-51.27,25.47-63.85c15.76-12.49,42.05-11.84,68.34-11.92 C-125.18,258.13-98.81,257.31-76.52,268.66'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg transform='translate(419.65478202274414 305.77134710887066)'%3E%3Cg%3E%3Cpath class='st0' d='M-382.32-161.52c-3.4-39.38-15.08-83.4,0.95-105.66s59.76-22.75,96.04-14.57 c36.34,8.12,65.28,24.85,89.22,48.15c24.05,23.3,43.09,53.18,39.54,79.61c-3.49,26.37-29.56,49.42-54.67,71.32 c-25.23,21.9-49.44,42.61-78.82,47.32c-29.39,4.83-63.84-6.33-78.69-29.28C-383.66-87.52-378.85-122.2-382.32-161.52'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.blob3 {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 275.35 290.65' style='enable-background:new 0 0 275.35 290.65;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23ED6D6E;%7D%0A%3C/style%3E%3Cg transform='translate(423.03515525609373 264.44981862200933)'%3E%3Cg%3E%3Cpath class='st0' d='M-76.52,274.12c22.21,11.43,40.25,35.03,53.23,65.89s20.82,68.91,6.37,94.3 c-14.45,25.39-51.11,38.13-87.77,51.85c-36.58,13.64-73.16,28.25-98.3,16.74c-25.15-11.43-38.86-48.99-44.25-80.59 c-5.31-31.52-2.29-57.15,1.88-82.79c4.25-25.64,9.63-51.27,25.47-63.85c15.76-12.49,42.05-11.84,68.34-11.92 C-125.18,263.58-98.81,262.77-76.52,274.12'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg transform='translate(481.0847764815943 290.7948108513589)'%3E%3Cg%3E%3Cpath class='st0' d='M-252.47-233.49c18.26,26.46,27.47,53.85,29.19,82.97c1.8,29.19-3.9,60.1-22.24,88.43 c-18.26,28.41-49.17,54.17-83.59,57.68s-72.27-15.3-101.54-43.71c-29.27-28.33-49.95-66.19-45.5-99.67s33.87-62.6,63.14-88.98 c29.27-26.38,58.38-50.19,86.56-49.33C-298.2-285.32-270.81-259.87-252.47-233.49'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}

.imgblob {
    display: inline-block;
    width: 100%;
    aspect-ratio: 1 / 1;
    min-height: 200px;
    background-image: url("data:image/svg+xml,%3Csvg id='visual' viewBox='0 0 600 600' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1'%3E%3Cg transform='translate(327.8348325976578 251.26696524654204)'%3E%3Cpath d='M163.9 -140.1C194.4 -92.5 188.6 -25.4 179.2 51.1C169.9 127.5 157 213.3 99.4 262.7C41.8 312 -60.5 324.9 -131.6 285.9C-202.7 246.8 -242.7 155.6 -242.4 77.9C-242.2 0.2 -201.6 -64.1 -154.5 -115.5C-107.4 -167 -53.7 -205.5 6.5 -210.7C66.7 -215.9 133.4 -187.7 163.9 -140.1' fill='%23f76d6d'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}



#blob1 {
    position: absolute;
    top: 0;
    left: 0;
}

.nav-item {
    margin-left: 1rem;
}

.active a {
    background:#6f8a3a;
    color:#fff;
    border-radius:0.5rem;
    padding:0.25rem 0.5rem;
}

.ctaarrow {
    vertical-align: middle;
}

.alignitems img, .alignitems p {
    display: inline-block;
    vertical-align: middle;
}

.footer-links ul {
    margin: 0;
    margin-top:1rem;
}
.footer-links ul li {
    margin: 0 1rem 0 1rem;
    
    display: inline-block;
}

.resetmargin {
    margin: unset;
}

.weekbtn {
    width: 100%;
    border: 2px solid #f76d6d;
    border-radius: 8px;
    text-align: center;
    color: #f76d6d;
    padding: 16px;
}

    .weekbtn:hover {
        background: #f76d6d30;
        cursor: pointer;
    }

    .weekbtn.current {
        background: #f76d6d;
        color: white;
    }

.ttrow {
    margin-top: 32px;
}

.ttdetails {
    background: #a8d1e733;
    color: #374785;
    padding: 1rem;
}

.ttitems {
    margin-bottom: 2rem;
}

.ttdesc {
    line-height: 1.25em;
    min-height: 2.5em;
}

.ttitems img {
    width: 100%;
    aspect-ratio: 3/2;
}

.ttitems h3, .ttitems p {
    padding: 4px 1rem 4px;
    margin: 0;
}

.aligncentre {
    text-align: center;
    margin-bottom: 8px;
    display: block;
}

.ttorgan {
    font-family: 'gilroy-extrabold';
}

.ttday {
    font-style: italic;
}

.bookbk {
    background: #f4f4f4;
    padding: 0;
    height: 2200px;
}

.contact-form input, .contact-form textarea {
    width: 100%;
    max-width: unset;
    margin-bottom: 1rem;
    border-radius: 4px;
    padding: 0.5rem;
}

.outerbox {
    width: 80%;
    float: right;
    background: #374785;
    aspect-ratio: 1/1;
}

.innerimage {
    right: 2rem;
    top: 2rem;
    position: absolute;
    width: 80%;
    float: right;
    background: #f76d6d;
    aspect-ratio: 1/1;
}

.fadein {
    opacity: 0;
    transition: 1.2s cubic-bezier(.3,.9,0,1);
}

.fadeinleft {
    opacity: 0;
    transition: 1.2s cubic-bezier(.3,.9,0,1);
    transform: translateX(-75px);
}

.fadeinright {
    opacity: 0;
    transition: 1.2s cubic-bezier(.3,.9,0,1);
    transform: translateX(75px);
}

.animate {
    transform: translateX(0);
    opacity: 1;
}

.SLROOM .col {
    background: #bcc1d7;
    padding: 1rem;
    border-radius: 8px;
    text-align: center;
    margin: 1rem;
}

    .SLROOM .col h1 {
        line-height: 1em;
        min-height: 3em;
    }

.headerSection {
    display: none;
}

.room_img {
    width: 100%;
    aspect-ratio: 6/4
}

.featurette {
    margin: 5rem 0;
}

.flexdis {
    display: flex;
}

@media (max-width: 990px) {
.herotext{max-width:100%;}	
}

@media (min-width: 990px) AND (max-width: 1199.98px) {
.herotext{max-width:75%;}
}
	@media (max-width: 1199.98px) {
}
	.navbar-nav {
        float: none;
        text-align: center;
    }

    .nav-item {
        margin-bottom: 0.5rem;
    }

        .nav-item .book-nav {
            margin-top: 0.5rem;
        }

    .bannerimg {
    }

    .carousel-control-next {
        right: 0;
    }

    .carousel-control-prev {
        left: 0;
    }
}

.loginbar {
background:#4D4D4D;    
color:#ffffff;
}

    .loginbar .container >  * {
    display:inline-block;
    }
/*LOGON PAGE*/
#customerloginbox {
    width: 50%;
    text-align: center;
    margin: 15% auto;
    
    
   
}

    #customerloginbox input {
        margin-top: 16px;
        width:100%;
        display:block;
        max-width:unset;
        

    }


.newssection {
    background: #F2F2F2;
}

    .newssection .card, .newssection .card-img, .newssection .card-img-top {
        border: 0;
        border-radius: 0;
    }
    .newssection .active a{
        background:none;
        color:#6f8a3a;
    }


    @media (max-width: 768px) {
        .bannerimg {
        display: none;
    }
			.quickbtnsection .col-md-3{
	margin-bottom:0.5rem;} 
}

@media (min-width: 768px) {
    .bluebanner {
        min-height: 400px;
    }
}

.carousel-control-next, .carousel-control-prev {
position:relative;
display:inline-block;
}

@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }

        .carousel-inner .carousel-item > div:first-child {
            display: block;
        }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 3 */
@media (min-width: 768px) {

    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
        transform: translateX(33.333%);
    }

    .carousel-inner .carousel-item-left.active,
    .carousel-inner .carousel-item-prev {
        transform: translateX(-33.333%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left {
    transform: translateX(0);
}

.editarea {
    position:absolute; 
    right:2%;
    top:-12px;
    padding:4px;
    background:#4D4D4D;
    color:#D1C0B8;
    border-radius:4px;
    z-index:999;
    width:fit-content;

}
.modal-body select {
width:100%;
}
.additem {
border:1px solid #4D4D4D;
color:#4D4D4D;
text-align:center;
border-radius:8px;
padding:1rem;
}
.editor {
    border: 2px dashed #4D4D4D;
    padding: 8px;
}
.photo-gallery {
    color: #313437;
    background-color: #fff;
}

    .photo-gallery p {
        color: #7d8285;
    }

    .photo-gallery h2 {
        font-weight: bold;
        margin-bottom: 40px;
        padding-top: 40px;
        color: inherit;
    }

@media (max-width:767px) {
    .photo-gallery h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px;
    }
}

.photo-gallery .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto 40px;
}

    .photo-gallery .intro p {
        margin-bottom: 0;
    }

.photo-gallery .photos {
    padding-bottom: 20px;
}

.photo-gallery .photos img{
    border-radius:6px;
    aspect-ratio:6/4;
}

.photo-gallery .item {
    padding-bottom: 30px;
}


.pageBody table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}


    .pageBody table thead tr {
        background-color: #9B464A;
        color: #ffffff;
        text-align: left;
    }


    .pageBody table th,
    .pageBody table td {
        padding: 12px 15px;
    }


    .pageBody table tbody tr {
        border-bottom: 1px solid #dddddd;
    }


        .pageBody table tbody tr:nth-of-type(even) {
            background-color: #f3f3f3;
        }


        .pageBody table tbody tr:last-of-type {
            border-bottom: 2px solid #6f8a3a;
        }


        .pageBody table tbody tr.active-row {
            font-weight: bold;
            color: #6f8a3a;
        }