::selection {
    color: #FFFFFF;
    background-color: #778986;
}

/* --------------- Main Text & Links --------------- */

h1, h2, h3, h4, h5, p, ul, ol {
    font-family: 'Poppins', sans-serif;
    color: #2d2d2d;
}
h1, h2, h3, h4, h5 {
    font-weight: 600;
}

a {
    color: #2d2d2d;
    text-decoration: underline;
}
a:hover, a:focus {
    color: #778986;
    text-decoration: underline;
}

.text-mid {
    color: #8d8d8d !important;
}
.text-light {
    color: #ffffff !important;
}
.text-dark {
    color: #2d2d2d !important;
}
.link-dark:hover, .link-dark:focus {
    color: #778986 !important;
}


.lead {
    font-weight: 500;
    font-size: 1.7rem;
    color: #2d2d2d;
}
.footer p {
    line-height: 1.9;
    color: #dcd5c4;
}
.footer a {
    color: #dcd5c4;
    text-decoration: none;
}
.footer a:hover, .footer a:focus {
    color: #dcd5c4;
    text-decoration: underline;
}

.footer img {
    width: 12rem;
    margin-left: -1.4rem;
    margin-top: 3rem;
}

.mb-lrg {
    margin-bottom: 10rem;
}

/* --------------- Welcome --------------- */

.welcome {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
}
.welcome h1 {
    color: #ffffff !important;
}

/* --------------- Revolution Text --------------- */

.tp-caption.LandingPage-Title, .LandingPage-Title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}
.tp-caption.LandingPage-SubTitle, .LandingPage-SubTitle {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
}
.tp-caption.LandingPage-Button, .LandingPage-Button {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  border-radius: 5px;
  letter-spacing: 0;
  background-color: rgba(220, 213, 196, 1);
}

/* --------------- Accordion --------------- */

.accordion-header a {
    text-decoration: none;
}
.accordion-collapse {
  background-color: #e6e6e6;
}
.accordion-button:not(.collapsed) {
  background-color: #e6e6e6;
}
.accordion-button::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231d1d1d'%3E%3Cpath d='M19,11.5v1a.5.5,0,0,1-.5.5H13v5.5a.5.5,0,0,1-.5.5h-1a.5.5,0,0,1-.5-.5V13H5.5a.5.5,0,0,1-.5-.5v-1a.5.5,0,0,1,.5-.5H11V5.5a.5.5,0,0,1,.5-.5h1a.5.5,0,0,1,.5.5V11h5.5A.5.5,0,0,1,19,11.5Z'/%3E%3C/svg%3E");
}
.accordion-button:not(.collapsed)::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%231d1d1d'%3E%3Cpath d='M5.5,13a.5.5,0,0,1-.5-.5v-1a.5.5,0,0,1,.5-.5h13a.5.5,0,0,1,.5.5v1a.5.5,0,0,1-.5.5Z'/%3E%3C/svg%3E");
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

/* --------------- Avatar --------------- */

.avatar-xxl {
  width: 16rem;
  height: 16rem;
}
.avatar-xl {
  width: 12rem;
  height: 12rem;
}
.avatar-lg {
width: 7rem;
height: 7rem;
}
.avatar-lg .avatar-img {
width: 7rem;
}

/* --------------- Alert --------------- */

.alert {
    position: fixed;
    right: 50px;
    bottom: 50px;
    width: 320px;
    z-index: 1045;
    color: #2d2d2d;
    font-size: 1rem;
    font-weight: 500;
}
.alert a {
    color: #2d2d2d;
    text-decoration: underline;
}
.alert a:hover, .alert a:focus {
    color: #778986;
    text-decoration: underline;
}

/* --------------- Menu --------------- */

.nav-link {
font-weight: 500;
color: #fff !important;
}
.navbar {
--bs-navbar-padding-y: 1rem;
}
.navbar.navbar-scrolled.navbar-dark {
background-color: #2b4046;
}
.navbar-brand-logo {
width: 100%;
min-width: 6rem;
max-width: 9rem;
margin-right: 2rem;
margin-left: .3rem;
}
.nav-item a {
    text-decoration: none;
}
.dropdown-item {
font-weight: 500;
color: #1d1d1d;
}
.navbar-toggler {
font-size: 2.5rem;
--bs-navbar-color: rgba(255, 255, 255, 1);
--bs-navbar-toggler-border-color: rgba(255, 255, 255, 0);
}
.dropdown-item::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23778986' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4 8a.5.5 0 0 1 .5-.5h5.793L8.146 5.354a.5.5 0 1 1 .708-.708l3 3a.5.5 0 0 1 0 .708l-3 3a.5.5 0 0 1-.708-.708L10.293 8.5H4.5A.5.5 0 0 1 4 8z'/%3e%3c/svg%3e");
}
 .btn-group-sm>.btn-icon.btn, .btn-icon.btn-sm {
    font-size: 1.2rem;
    width: 2.6rem;
    height: 2.6rem;
    padding-top: 2px;
}

/* --------------- Buttons --------------- */

.btn-dark {
  background-color: #2d2d2d;
  border-color: #2d2d2d;
}
.full {
  background-color: #eee5d5;
  border-color: #eee5d5;
  color: #2d2d2d;
}
.btn-dark:hover, .btn-dark:focus {
  background-color: #778986;
  border-color: #778986;
}
.full:hover, .full:focus {
  background-color: #eee5d5;
  border-color: #eee5d5;
}
.btn-ghost-dark {
  color: #2d2d2d;
}
.btn-ghost-dark:hover, .btn-ghost-dark:focus {
  color: #2d2d2d;
  background-color: rgba(29, 29, 29, 0.1);
}
.btn-no-un {
    text-decoration: none !important;
}

/* --------------- Icons & Images --------------- */

.btn-icon {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    padding: 0;
}
.btn-icon img {
    width: 1rem;
}
.cs-icon-sm img {
    width: 1.2rem;
    margin-top: -2px;
}
.cs-icon-give {
    width: 28px;
}
.alpha-logo img {
    width: 14rem;
}
.smile img {
    width: 10rem;
}
.w-90 {
   width: 90% !important; 
}
.gift-aid {
    width: 5rem;
}

/* --------------- Swiper Buttons --------------- */

.swiper-button-next:hover:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23926199'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}
.swiper-button-prev:hover:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23926199'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

/* --------------- Colours --------------- */

.bg-dark {
    background-color: #1d1d1d !important;
}
.bg-white {
    background-color: #ffffff !important;
}
.bg-off-white {
    background-color: #f6f6f6 !important;
}

.bg-beige {
    background-color: #eee5d5 !important;
}
.bg-light-beige {
    background-color: #f2ece1 !important;
}
.bg-very-light-beige {
    background-color: #f4f0e8 !important;
}
.bg-very-very-light-beige {
    background-color: #f7f4ef !important;
}

.bg-light {
    background-color: #e6e6e6 !important;
}
.bg-very-light {
    background-color: #f6f6f6 !important;
}

.bg-deepteal {
    background-color: #2b4046 !important;
}

.bg-greyblue {
    background-color: #778986 !important;
}
.bg-light-greyblue {
    background-color: #aab1b0 !important;
}

.bg-sand {
    background-color: #dcd5c4 !important;
}
.bg-lightbrown {
    background-color: #b99f82 !important;
}


.bg-soft-dark-to-start-75 {
background-image: linear-gradient(to right,rgba(255,255,255,0) 25%,rgba(45,45,45,.1) 0);
}
.bg-soft-light-to-start-75 {
background-image: linear-gradient(to right,rgba(255,255,255,0) 25%,rgba(255,255,255,1) 0);
}
.bg-soft-sand-to-start-75 {
background-image: linear-gradient(to right,rgba(255,255,255,0) 25%,rgba(220,213,196,1) 0);
}
.bg-soft-light-sand-to-start-75 {
background-image: linear-gradient(to right,rgba(255,255,255,0) 25%,rgba(220,213,196,0.5) 0);
}
.bg-soft-light-greyblue-to-start-75 {
background-image: linear-gradient(to right,rgba(255,255,255,0) 25%,rgba(119,137,134,0.2) 0);
}

.bg-soft-dark-to-end {
  background-image: linear-gradient(to left,rgba(255,255,255,0) 25%,rgba(45,45,45,.1) 0);
}
.bg-soft-light-to-end {
  background-image: linear-gradient(to left,rgba(255,255,255,0) 25%,rgba(255,255,255,1) 0);
}
.bg-soft-sand-to-end {
  background-image: linear-gradient(to left,rgba(255,255,255,0) 25%,rgba(220,213,196,1) 0);
}
.bg-soft-light-sand-to-end {
  background-image: linear-gradient(to left,rgba(255,255,255,0) 25%,rgba(220,213,196,0.5) 0);
}
.bg-soft-light-greyblue-to-end {
  background-image: linear-gradient(to left,rgba(255,255,255,0) 25%,rgba(119,137,134,0.2) 0);
}


/* --------------- Go To Button --------------- */

.go-to {
background-color: rgba(45,45,45,.1);
color: #1d1d1d;
}
.go-to:focus:hover, .go-to:hover {
    color: #fff;
    background-color: #778986;
}

/* --------------- Hover Effect --------------- */

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}
.hvr-shrink {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* --------------- Modules --------------- */

.latest a {
    text-decoration: none;
}
.latest a:hover, .latest a:focus {
    color: #2d2d2d;
}
.latest .card {
    border-color: rgba(45, 45, 45, .1);
}
.latest .card-pinned, .latest-modal .card-pinned {
    padding: 0.45rem;
}
.latest .card-img, .latest .card-img-top, .latest-modal .card-img, .latest-modal .card-img-top {
    border-top-left-radius: 0.6rem;
    border-top-right-radius: 0.6rem;
}
.latest .card-subtitle, .latest-modal .card-subtitle {
    font-size: .9125rem;
    text-transform: none;
}
.latest hr {
    border-top: .0625rem solid;
    color: rgba(45,45,45,1);
}
.latest .card-link {
    cursor: pointer;
}

.latest-modal hr {
    border-top: .0625rem solid;
    color: rgba(45,45,45,1);
}
.latest-modal .card-link {
    cursor: pointer;
}
.latest-modal .card-text {
    color: pointer;
}
.latest-modal .btn-ghost-dark {
    background-color: #f7f4ef;
}
.latest-modal .btn-ghost-dark:hover, .latest-modal .btn-ghost-dark:focus {
    background-color: #f2ece1;
}

.form-control {
    width: 100%;
    padding: 1rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border: .0625rem solid rgba(220,224,229,.6);
    border-radius: 1.25rem;
}
.input-group-merge .form-control:not(:first-child), .input-group-merge .form-select:not(:first-child) {
    border-top-left-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
.input-group-merge .form-control:not(:last-child), .input-group-merge .form-select:not(:last-child) {
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
}



@media (max-width: 1199px) {

.navbar-brand {
    margin-right: 0.2rem !important;
}
.navbar-brand-logo {
    margin-right: 0;
    width: 20px;
}
h2 {
    font-size: 2.1rem;
}
h3 {
    font-size: 1.5rem;
}
.lead {
    font-size: 1.6rem;
}
.avatar-xxl {
    width: 13rem;
    height: 13rem;
}
.avatar-xl {
  width: 12rem;
  height: 12rem;
}
.plus-venue {
    margin-top: -25px;
    margin-left: -25px;
}
.alpha-logo img {
    width: 13rem;
}
.smile img {
    width: 9rem;
}
.mb-lrg {
    margin-bottom: 7rem;
}
	
}


@media (max-width: 991px) {

.navbar-expand-lg.navbar-dark .navbar-nav, .navbar-expand-lg.navbar-dark .navbar-topbar-collapse-toggler {
background-color: #2b4046;
padding-left: 1rem;
padding-right: 1rem;
}
.navbar-brand-logo {
margin-top: .8rem;
margin-bottom: .8rem;
width: 190px;
}
h2 {
    font-size: 2rem;
}
h3 {
    font-size: 1.6rem;
}
.lead {
    font-size: 1.5rem;
}
.avatar-xl {
  width: 10rem;
  height: 10rem;
}
.btn-main-mob {
--bs-btn-padding-x: 1.0rem;
--bs-btn-padding-y: 0.65rem;
font-size: 0.8rem;
}
.alpha-logo img {
    width: 18rem;
}
.smile img {
    width: 14rem;
}
.footer img {
    margin-top: 2rem;
}
.mb-lrg {
    margin-bottom: 5rem;
}
	
}


@media (max-width: 768px) {

.btn-main-mob {
--bs-btn-padding-x: 0.9rem;
--bs-btn-padding-y: 0.5rem;
font-size: 0.7rem;
}
.alert {
    width: 290px;
}
h2 {
    font-size: 1.9rem;
}
h3 {
    font-size: 1.6rem;
}
.lead {
    font-size: 1.3rem;
}
.avatar-xl {
  width: 10rem;
  height: 10rem;
}
.alpha-logo img {
    width: 16rem;
}
.smile img {
    width: 12rem;
}
.footer img {
    margin-top: 2rem;
}
    
}


@media (max-width: 576px) {

.navbar-brand-logo {
max-width: 7rem;
}
.btn-main-mob {
--bs-btn-padding-x: 1.8rem;
--bs-btn-padding-y: 0.75rem;
font-size: 0.937rem;
}
.btn-mob {
    width: 16rem;
}
.alert {
    right: 20px;
    bottom: 20px;
    left: 20px;
    width: auto;
}
h2 {
    font-size: 1.75rem;
}
h3 {
    font-size: 1.6rem;
}
.lead {
    font-size: 1.1rem;
}
.avatar-xl {
  width: 8rem;
  height: 8rem;
}
.avatar-lg {
width: 5rem;
height: 5rem;
}
.avatar-lg .avatar-img {
width: 5rem;
}
.alpha-logo img {
    width: 11rem;
}
.smile img {
    width: 8rem;
}
.footer img {
    width: 14rem;
}
    
}









