body {
	font-family: 'Rubik', sans-serif;
	/* font-size: 1em; */
}

h1, h2, h3, h4, h5 {
	font-family: "Manrope", sans-serif;
	color: #FF7A00;
}

a,
a:hover,
a:focus,
a:visited {
    color: #003F6B;
}

strong {
  font-weight: bold;
}

#pageContent h2, #pageContent h3, #pageContent h4, #pageContent h5 {
	margin-bottom: 20px;
}

#pageContent a {
	color: #003F6B;
}

#pageContent a:hover {
	color: #FF7A00;
}

#logo img {
    height: 100px;
}

div#header {
    background-color: #003F6B;
}

div#social {
    padding: .25rem 0 .25rem 0;
    background-color: #003F6B;
}

#social .text-left a,
#social .text-right a {
	color: #F8FAFC;
}

#social .text-right a {
	margin-left: 0.75rem;
	text-transform: uppercase;
}

#social .text-left a {
    margin-right: 0.75rem;
}

div#header #menu a {
    color: #fff;
}

/* BUTTONS */

/* Blue Button */

.slideContent.slideContent.slideBackground .btn,
.slideContent.slideContent.slideBackground .orange .btn,
.page-row .btn.btn-primary,
.page-row .btn.btn-primary:active,
.page-row .btn.btn-primary:focus  {
	color: #F8FAFC;
	border: none;
	background-color: #003F6B;
	border-radius: 12px;
	padding-left: 20px;
    padding-right: 20px;
}

#home #video a.btn.btn-primary:active,
#home #video a.btn.btn-primary:hover,
.page-row .btn.btn-primary:active,
.page-row .btn.btn-primary:hover {
	background-color: #FF7A00;
}

/* Orange Button */

div#header #menu a.btn.btn-primary,
.slideContent .btn,
.slideContent .btn:active,
.slideContent .btn:focus {
    border-radius: 14px;
    background-color: #FF7A00;
    color: #003F6B;
    border-color: #FF7A00;
}

div#header #menu a.btn.btn-primary:hover,
.slideContent .btn.btn-primary:hover {
    background-color: #fff;
    color: #003F6B;
    border-color: #fff;
}

/* Red Button */

div#header #menu a.link-p4434.btn.btn-primary,
div#header #menu a.link-p4434.btn.btn-primary:active,
div#header #menu a.link-p4434.btn.btn-primary:focus {
    border-radius: 14px;
    background-color: red;
    color: #F8FAFC;
    border-color: red;
}

div#header #menu a.link-p4434.btn.btn-primary:hover {
    background-color: #ffe5e5;
    color: red;
    border-color: #ffe5e5;
}

.btn.btn-success {
    padding-left: 20px;
    padding-right: 20px;
    height: auto;
    border: none;
    background: #003F6B;
    border-radius: 14px;
    margin-top: -1px;
    text-decoration: none;
    transition: .3s background-color ease-in-out;
}

.btn.btn-success:focus, .btn.btn-success:hover {
    background: #FF7A00;
    border-color: #FF7A00;
    color: #F8FAFC;
}

#home #video a.btn.btn-primary {
	background-color: #003F6B;
   	color: #F8FAFC;
 }


/*#pageContent a.inpage-button {
	background-color: #003F6B;
	padding: 10px 20px;
	border-radius: 20px;
	margin-top: -10px;
	color: #fff;
	text-decoration: none;
	transition: .3s background-color ease-in-out;
	margin-right: 10px;
}

#pageContent a.inpage-button:active,
#pageContent a.inpage-button:hover {
	background-color: #FF7A00;
}/*

/* END BUTTONS */

div#content {
    padding: 2rem 0 2rem 0;
}

.slideInner {
    margin-top: 120px;
}

.slideContent p:last-of-type {
	margin-bottom: 1rem;
}

.slideContent.slideContent.slideBackground .columns .column {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	padding-left: 1rem;
}
.slideContent.slideBackground i + span.linkTitle {
    margin-left: .5rem;
    font-size: 0.7rem;
}

.navbar-section .slideContent {
  align-self: flex-start;
  margin-top: 0;
}

.logo-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  padding: 12px 16px;
  border-radius: 14px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  max-width: fit-content;
}

/* make sure logo scales nicely inside */
#img_logo_overlay {
  display: block;
  max-height: 60px;
  width: auto;
}

.slideContent h1, .slideContent p {
    color: #F8FAFC;
}

footer {
    padding: 1rem 4rem 1rem;
    background-color: #003F6B;
    color: #F8FAFC;
}

.footerLinks a {
	color: #FF7A00;
}

.footerLinks a:hover {
	text-decoration: underline;
}

footer .footerMenu ul.menuMain a,
footer .footerMenu ul.menuMain a:visited,
footer .footerMenu ul.menuMain a:focus {
	font-size: .7rem;
	color: #F8FAFC;
}

div#header #menu .dropdown ul a {
	color: #003F6B;
}

.menu .menu-item>a:focus, .menu .menu-item>a:hover {
    background: none;
}

div#header #menu .dropdown ul a:hover {
	color: #FF7A00;
}

#location {
	display: none;
}

#content #pageNav {
    display: none;
}

#pageContent {
	margin: 0 auto;
}

.breadcrumb .breadcrumb-item.bread-2 {
	display: none;
}

#reviews {
	margin-top: 2rem;
	margin-bottom: 1rem;
}

/* Contact / Phone Bar */

.contact-bar {
  background: #1b5f8a;
  color: #F8FAFC;
  padding: 15px 0;
  margin-top: -7px;
}

.contact-item {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 16px;
}

.contact-item a {
  color: #F8FAFC;
  text-decoration: none;
}

.contact-item a:hover {
  text-decoration: underline;
}


/* PHC */

.bg2 {
    background-color: #FF7A00;
}

.phc-title {
    font-size: 1.6rem;
    color: #003F6B;
}

.page-row {
    padding: 3rem 0;
}

/* Slide Outs */

.slide-tab {
    --peek-width: 48px;

    position: fixed;
    right: 0;
    width: 250px;
    height: 60px;

    display: flex;
    align-items: center;

    color: #F8FAFC;
    text-decoration: none;
    font-weight: 600;
    font-size: 16px;

    border-radius: 8px 0 0 8px;
    overflow: hidden;

    box-shadow: 0 3px 10px rgba(0,0,0,.25);

    /* Only show icon when collapsed */
    transform: translateX(calc(100% - var(--peek-width)));
    transition: transform .3s ease, background-color .2s ease;

    z-index: 9999;
}

.slide-tab:hover {
    transform: translateX(0);
    color: #F8FAFC;
    text-decoration: none;
}

.tab-icon {
    width: var(--peek-width);
    min-width: var(--peek-width);

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 24px;
    line-height: 1;
}

.tab-icon i {
    display: inline-block;
    line-height: 1;
}

/* Text */
.tab-text {
    white-space: nowrap;
    padding-right: 20px;
}

.booking-tab {
    top: 45%;
    background: #FF7A00;
}

a.slide-tab.booking-tab,
a.slide-tab.whatsapp-tab,
a.slide-tab.booking-tab:hover,
a.slide-tab.whatsapp-tab:hover,
a.slide-tab.booking-tab:visited,
a.slide-tab.whatsapp-tab:visited {
    color: #003F6B;
}

 {
    color: #003F6B;
}

.whatsapp-tab {
    top: calc(45% + 70px);
    background: #25D366;
}

.whatsapp-tab:hover {
    background: #2EDC6E;
}

/* Its a cheltenham thing section */

.page-row.bg3 {
    background: #f8f8f8;
    padding-top: 50px;
    padding-bottom: 50px;
}

.page-row.bg3 .column.col-5 img {
    width: 80%;
    height: auto;
}

.page-row.bg2 .column img,
.page-row.bg3 .column img {
    border-radius: 34px;
}

.page-row.bg3 .btn {
    margin-top: 10px;
}

#sliderInner button#prev,
#sliderInner button#next {
	display: none;
}

footer {
    background-color: white;
    padding: 1rem 4rem 0;
}

footer #copyright {
    background-color: #003f6b;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    padding: 2rem;
}

a.logo {
    background: white;
    border-radius: 1rem;
    padding: .5rem 1rem;
    margin-bottom: -5rem;
    margin-top: -1rem;
}

#sliderItems > .tns-item {
    border: 2rem solid #003f6b;
    background-color: #003f6b;
    border-top: 1rem;
}

.slideImage img {
    display: block;
    border-radius: 1rem;
}

.slideContent {
    background-color: #003f6b;
    padding: 1rem 2rem 1rem 1rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    margin-left: -1rem;
    position: relative;
}

.slideInner::before {
    content: ' ';
    width: 1rem;
    height: 1rem;
    -webkit-mask: radial-gradient(1rem at 100% 0, transparent 99%, #000 101%);
    position: absolute;
    background-color: #003f6b;
    top: -1rem;
    left: -.8rem;
}

.slideContent::after {
    content: ' ';
    width: 1rem;
    height: 1rem;
    -webkit-mask: radial-gradient(1rem at 100% 100%, transparent 99%, #000 101%);
    position: absolute;
    background-color: #003f6b;
    bottom: -1rem;
    left: 0.2rem;
}

.form-input-hint {
    color: #003f6b;
}

@media (max-width: 1400px) {

    .slideInner::before,
    .slideContent::after {
        display: none;
    }

    .slideContent {
        width: 33% !important;
    }

    footer {
        padding: 1rem 1rem 0;
    }

}

/* @media (max-width: 1200px) {

    #pageNav, #site-menu {
        display: none;
    }

    #mobile-menu {
        display: grid;
        align-items: center;
        grid-auto-flow: column;
        justify-content: flex-end;
    }

    #mobile-menu #site-button {
        z-index: 11001;
    }

    #site-button, div#header .dropdown .btn.menu-button {
        display: block;
    }

    #site-button.btn {
        color: #003F6B;
    }

} */

@media (max-width: 3200px) {

	.slideInner {
	    max-width: 2500px;
	}

}

@media (max-width: 1921px) {

	.slideInner {
	    max-width: 2000px;
	}

}

@media (max-width: 1701px) {

	.slideInner {
	    max-width: 1920px;
	}

}

@media (max-width: 1500px) {

	.slideInner {
	    max-width: 1700px;
	}

}

@media (max-width: 1200px) {

    .links-inner a:first-of-type {
        padding-left: .25rem;
    }

    body.expanded #site-menu {
        background-color: rgba(0, 0, 0, 0.75);
    }

    body.expanded div#header #menu a.btn {
        padding: .25rem;
    }

    body.expanded div#header #menu a {
        margin-bottom: .5rem;
    }

    div#header #menu .dropdown ul a {
        color: #fff;
    }

    body.expanded #site-menu {
        top: 0 !important;
    }

    #mobile-menu #site-button {
        z-index: 11001;
    }

    #social .text-right a:nth-child(1),
    #social .text-right a:nth-child(2) {
        display: none;
    }

    #sliderItems {
        background-color: #003f6b;
    }

    #sliderItems > .tns-item {
        border-width: 1rem;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .slideImage img {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    a.logo {
        margin-top: -3.5rem;
    }

    #logo img {
        height: 50px;
    }

    .slideInner.slide-top-left {
        display: none;
    }

	.slideInner {
        margin-top: 350px;
	}

	#social .linkSearch-bar {
		width: 100px;
	}

	#social .text-right a {
		margin-left: 0.25rem;
	}

	#social .text-left a {
	    margin-right: 0.25rem;
	}

	#opsEntries .columns {
		width: 100%;
	}

	#opsEntries .col-3.desktop {
		display: block !important;
	}

	#opsEntries .col-9 .mobile {
		display: none !important;
	}

	#site-button.btn {
		color: #003F6B;
	}

    .slide-tab {
        width: auto;
        min-width: 60px;
        height: 60px;

        top: auto;
        bottom: 20px;

        transform: none;
        border-radius: 50px;
        padding-right: 15px;

        right: 20px; /* default anchor point */
    }

    /* First button (WhatsApp stays lower) */
    .whatsapp-tab {
        bottom: 20px;
    }

    /* Second button stacked above */
    .booking-tab {
        bottom: 10px; /* 60px height + 10–15px gap */
    }

	/* Contact / Phone Bar */
	  .contact-item {
	    justify-content: flex-start;
	    padding: 8px 15px;
	  }

	footer {
   		padding: 1rem 0 0 0;
	}

    footer #copyright {
        padding: 2rem 0;
    }

}

@media (max-width: 414px) {

	.fa-2x {
    	font-size: 1em;
	}

}

@media (max-width: 320px) {

}