
/**/
html{
  font-size: 16pt;
  font-weight: 300;
}
/* body {
	font-family: 'Futura';
} */

h1, h2, h3, h4, h5, h6, small{
  font-weight: 300;  
}
main h1,
main h2,
main h3,
main h4,
main h5,
main .card-title{
  color: #a0a0a0;
}
h1{
  font-size: 1.9rem;
}
h2{
  font-size: 1.5rem;
}
h3{
  font-size: 1.25rem;
}
h4{
  font-size: 1rem;
}
h1 small{
  font-size: 66%;
}
strong{
  color: #101010;
}

.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
main, .modal{
  color: #808080;
  font-weight: 300;
}

/**/
header > .container-fluid{
  padding-left: 0;
  padding-right: 0;
}
header .topbar,
header .inner-page-nav,
header .banner-image,
header .topbar-nav{
	display: flex;
}

/**/
header .topbar {
	justify-content: center;
	align-items: stretch;
	flex-direction: column;
}
header .topbar > .about {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-around;
  	color: #a0a0a0;
}
header.corporate .topbar > .about {
	flex-direction: column;
}
header .topbar > .brand a{
    background-image: url(/resource/svg/Logo+vector);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0% 50%;
    height: 13vh;
    display: block;
  	margin-top: 0.5em;
  	margin-bottom: 0.5em;
}
header .topbar > .about p{
  	margin: 0;
}


/**/


header .banner-image{
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}
/* header .banner-image{
  align-items: center;
} */
header .banner-image{
  text-shadow: 0 0 10px #000;
}
.banner-image{
  height: 100vh;
}
.banner-image.fixed{
  height: 80vh;
}
.banner-image.shrink{
  height: 80vh;
  transition: height 0.75s ease-out;
}
.banner-image.shrunk{
  height: 80vh;
}
header .banner-image{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}



@media (max-aspect-ratio: 1/1) {
  header .banner-image{ background-image: url(/docLib/50/uploads/published/7742/banner_default_s_756.jpg/banner_default_s_756.jpg); 
	}
  
    
    #default header .banner-image{ background-image: url(/docLib/50/uploads/published/7742/banner_default_s_756.jpg/banner_default_s_756.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
    
    #the_memorials header .banner-image{ background-image: url(/docLib/50/uploads/published/7742/banner_default_s_756.jpg/banner_default_s_756.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
}
@media (max-aspect-ratio: 1/1) and (min-width: 421px) {
  header .banner-image{ background-image: url(/docLib/50/uploads/published/7745/banner_default_s_1024.jpg/banner_default_s_1024.jpg); 
	}
  
    
    #default header .banner-image{ background-image: url(/docLib/50/uploads/published/7745/banner_default_s_1024.jpg/banner_default_s_1024.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
    
    #the_memorials header .banner-image{ background-image: url(/docLib/50/uploads/published/7745/banner_default_s_1024.jpg/banner_default_s_1024.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
}
@media (max-aspect-ratio: 1/1) and (min-width: 801px) {
  header .banner-image{ background-image: url(/docLib/50/uploads/published/7740/banner_default_s_1440.jpg/banner_default_s_1440.jpg); 
	}
  
    
    #default header .banner-image{ background-image: url(/docLib/50/uploads/published/7740/banner_default_s_1440.jpg/banner_default_s_1440.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
    
    #the_memorials header .banner-image{ background-image: url(/docLib/50/uploads/published/7740/banner_default_s_1440.jpg/banner_default_s_1440.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
}
@media (max-aspect-ratio: 1/1) and (min-width: 1025px) {
  header .banner-image{ background-image: url(/docLib/50/uploads/published/7746/banner_default_s_1844.jpg/banner_default_s_1844.jpg); 
	}
  
    
    #default header .banner-image{ background-image: url(/docLib/50/uploads/published/7746/banner_default_s_1844.jpg/banner_default_s_1844.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
    
    #the_memorials header .banner-image{ background-image: url(/docLib/50/uploads/published/7746/banner_default_s_1844.jpg/banner_default_s_1844.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
}
@media (min-aspect-ratio: 1/1) {
  header .banner-image{ background-image: url(/docLib/50/uploads/published/7744/banner_default_l_736.jpg/banner_default_l_736.jpg); 
	}
  
    
    #default header .banner-image{ background-image: url(/docLib/50/uploads/published/7744/banner_default_l_736.jpg/banner_default_l_736.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
    
    #the_memorials header .banner-image{ background-image: url(/docLib/50/uploads/published/7744/banner_default_l_736.jpg/banner_default_l_736.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
}
@media (min-aspect-ratio: 1/1) and (min-width: 741px) {
  header .banner-image{ background-image: url(/docLib/50/uploads/published/7739/banner_default_l_1024.jpg/banner_default_l_1024.jpg); 
	}
  
    
    #default header .banner-image{ background-image: url(/docLib/50/uploads/published/7739/banner_default_l_1024.jpg/banner_default_l_1024.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
    
    #the_memorials header .banner-image{ background-image: url(/docLib/50/uploads/published/7739/banner_default_l_1024.jpg/banner_default_l_1024.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
}
@media (min-aspect-ratio: 1/1) and (min-width: 1025px) {
  header .banner-image{ background-image: url(/docLib/50/uploads/published/7743/banner_default_l_1366.jpg/banner_default_l_1366.jpg); 
	}
  
    
    #default header .banner-image{ background-image: url(/docLib/50/uploads/published/7743/banner_default_l_1366.jpg/banner_default_l_1366.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
    
    #the_memorials header .banner-image{ background-image: url(/docLib/50/uploads/published/7743/banner_default_l_1366.jpg/banner_default_l_1366.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
}
@media (min-aspect-ratio: 1/1) and (min-width: 1367px) {
  header .banner-image{ background-image: url(/docLib/50/uploads/published/7738/banner_default_l_2560.jpg/banner_default_l_2560.jpg); 
	}
  
    
    #default header .banner-image{ background-image: url(/docLib/50/uploads/published/7738/banner_default_l_2560.jpg/banner_default_l_2560.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
    
    #the_memorials header .banner-image{ background-image: url(/docLib/50/uploads/published/7738/banner_default_l_2560.jpg/banner_default_l_2560.jpg); 
      
      background-position: 50% 25%;
  	  
	}
  
}


/*  */
header .inner-page-nav{
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 5vh;
}
header .inner-page-nav{
  background-color: rgba(0,0,0,0.2);
  font-size: 115%;
  font-weight: 300;
}
#default header .inner-page-nav{
  margin-top: 14vh;
}


/*  */
main a,
header a,
footer a,
.modal-body a{
  color: #a0a0a0;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}
header a{
  color: #fff;
}
footer p a{
  font-weight: bold;
}
header .icon a{
  border-bottom: 0px none;
}
main a,
.modal-body a{
  font-weight: bold;
}
main a:active,
main a:hover,
main a:focus,
header a:active,
header a:hover,
header a:focus,
footer a:active,
footer a:hover,
footer a:focus,
.modal-body a:active,
.modal-body a:hover,
.modal-body a:focus{
  color: #a0a0a0;
  text-decoration: none;
  border-bottom: 1px solid #a0a0a0;
}
header a:active,
header a:hover,
header a:focus{
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
}
header .icon a:active,
header .icon a:hover,
header .icon a:focus{
  border-bottom: 0px none;
}
header .banner-image.fixed h2 a{
  color: #fff;
  border-bottom: 0px none;
}

header .inner-page-nav a{
  color: #fff;
  padding: 0 1em;
  border-bottom: 4px solid transparent;
}
header .inner-page-nav a.active,
header .inner-page-nav a:active,
header .inner-page-nav a:hover,
header .inner-page-nav a:focus,
header .inner-page-nav a.active{
/*   background-color: rgba(160,160,160,0.4);
    background-color: rgba(0,0,0,0.2);
  border-bottom: 4px solid #a0a0a0; */
  color: #ccc;
  background-color: transparent;
  border-bottom: 4px solid #fff;
}
header .topbar > div.brand a{
  border-bottom: 0 solid transparent;
}
/**/ 
.icon-parent{
  display: flex;
  justify-content: center;
  margin: 0;
  padding-left: 0;
  font-size: 12pt;
}
.icon-parent li.icon{
  /*width: 92px;*/
  list-style: none;
  margin: 0 5px;
}
.icon-parent li.icon a{
  display: block;
  text-align: center;
  background-image: url(/resource/svg/Icon+sprite);
  background-repeat: no-repeat;
  background-size: 270px;
  padding-top: 92px;
}
.icon-parent li.icon.map a{
  background-position: center -1169px;
}
.icon-parent li.icon.map a:active,
.icon-parent li.icon.map a:hover{
  /* 5 */
  background-position: center -1439px;
}
<!---->
header .icon-parent .icon a{
	text-indent: -20000px;
  	height: 0;
}


/**/


  
  

   #vj_day_southampton_image_3.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8052/3cdb6801-7171-4b3c-b615-ff9c3ead55df-1_all_33448.jpg/3cdb6801-7171-4b3c-b615-ff9c3ead55df-1_all_33448.jpg);
  } 

  

   #vj_day_southampton_image_1.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8037/3cdb6801-7171-4b3c-b615-ff9c3ead55df-1_all_33445.jpg/3cdb6801-7171-4b3c-b615-ff9c3ead55df-1_all_33445.jpg);
  } 

  

   #vj_day_southampton_image_2.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8057/3cdb6801-7171-4b3c-b615-ff9c3ead55df-1_all_33446.jpg/3cdb6801-7171-4b3c-b615-ff9c3ead55df-1_all_33446.jpg);
  } 

  
  
  

   #vj_day_warminster_image_4.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8061/IMG-20250815-WA0012.jpg/IMG-20250815-WA0012.jpg);
  } 

  

   #vj_day_warminster_image_1.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8046/IMG-20250815-WA0005.jpg/IMG-20250815-WA0005.jpg);
  } 

  

   #vj_day_warminster_image_2.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8062/IMG-20250815-WA0009.jpg/IMG-20250815-WA0009.jpg);
  } 

  

   #vj_day_warminster_image_5.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8045/IMG-20250815-WA0014.jpg/IMG-20250815-WA0014.jpg);
  } 

  

   #vj_day_warminster_image_3.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8039/IMG-20250815-WA0011.jpg/IMG-20250815-WA0011.jpg);
  } 

  
  
  

   #vj_day_weymouth_image_2.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8042/533255134_10235490324176734_4044484920922082536_n.jpg/533255134_10235490324176734_4044484920922082536_n.jpg);
  } 

  

   #vj_day_weymouth_image_3.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8054/534546581_10235490322336688_8033794932929347889_n.jpg/534546581_10235490322336688_8033794932929347889_n.jpg);
  } 

  

   #vj_day_weymouth_image_1.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8035/532485847_10235490325456766_5966017902172780027_n.jpg/532485847_10235490325456766_5966017902172780027_n.jpg);
  } 

  
  
  

   #vj_day_edinburgh_image_7.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8047/515440142_1173999121430235_917700939841230082_n.jpg/515440142_1173999121430235_917700939841230082_n.jpg);
  } 

  

   #vj_day_edinburgh_image_5.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8040/533035092_10238528069810089_5044715468163085912_n.jpg/533035092_10238528069810089_5044715468163085912_n.jpg);
  } 

  

   #vj_day_edinburgh_image_3.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8053/532787963_10238528074810214_2983051386175530457_n.jpg/532787963_10238528074810214_2983051386175530457_n.jpg);
  } 

  

   #vj_day_edinburgh_image_4.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8051/532969812_10238528076330252_6862590757170796050_n.jpg/532969812_10238528076330252_6862590757170796050_n.jpg);
  } 

  

   #vj_day_edinburgh_image_1.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8050/531843164_10238528078690311_4076625552173971329_n.jpg/531843164_10238528078690311_4076625552173971329_n.jpg);
  } 

  

   #vj_day_edinburgh_image_2.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8055/532644853_10238528078050295_5088783775286304525_n.jpg/532644853_10238528078050295_5088783775286304525_n.jpg);
  } 

  

   #vj_day_edinburgh_image_6.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8043/533158669_10238528077490281_4243285585285338175_n.jpg/533158669_10238528077490281_4243285585285338175_n.jpg);
  } 

  
  
  

   #vj_day_london_image_2.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8058/533734068_10162369192714209_5068295684018402456_n.jpg/533734068_10162369192714209_5068295684018402456_n.jpg);
  } 

  

   #vj_day_london_image_1.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8063/536613865_10235518275195492_8135085249247769042_n.jpg/536613865_10235518275195492_8135085249247769042_n.jpg);
  } 

  

   #vj_day_london_image_3.picture-grid-item{
    background-image: url(/docLib/50/uploads/published/8056/533146083_10162369190979209_3546104482487565052_n.jpg/533146083_10162369190979209_3546104482487565052_n.jpg);
  } 

  


.picture-grid-item {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	width: 100%;
	padding-top: 100%;
	display: block;
	margin: 15px auto;
}

/**/
.btn.btn-payit{
  background-image: url(/docLib/50/uploads/published/8065/payit300.png/payit300.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  padding-top: 8em;
  color: #aaa;
}
a.btn.btn-payit:active,
a.btn.btn-payit:hover,
a.btn.btn-payit:focus{
  color: #fff;
}

/**/
footer .icon-parent{
  flex-wrap: wrap;
}
footer .icon-parent .icon{
  /*flex-basis: 50%;*/
  margin: 0 0 0.25em;
}
footer .icon-parent .icon a{
  background-image: url(/resource/svg/Icon+sprite);
}
footer .brand{
    background-image: url(/resource/svg/Logo+vector);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    height: 12vh;
    margin: 0 auto 2em;
}
footer{
  background-color: rgba(160,160,160,0.1);
  color: #a0a0a0;
  padding-top: 2em;
  padding-bottom: 3em;
}
footer li{
  list-style: none;
}
footer .rubrik {
	text-align: center;
	font-size: 0.75rem;
}
footer .rubrik p {
	margin-bottom: 0;
}

/**/
.main-timeline {
  position: relative;
  font-size: 14pt;
}

.main-timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: #939597;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

.timeline {
  position: relative;
  background-color: inherit;
  width: 50%;
}

.timeline::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -13px;
  background-color: #939597;
  border: 5px solid #f5df4d;
  top: 15px;
  border-radius: 50%;
  z-index: 1;
}

.left {
  padding: 0px 40px 20px 0px;
  left: 0;
}

.right {
  padding: 0px 0px 20px 40px;
  left: 50%;
}

.left::before {
  content: " ";
  position: absolute;
  top: 18px;
  z-index: 1;
  right: 30px;
  border: medium solid white;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent white;
}

.right::before {
  content: " ";
  position: absolute;
  top: 18px;
  z-index: 1;
  left: 30px;
  border: medium solid white;
  border-width: 10px 10px 10px 0;
  border-color: transparent white transparent transparent;
}

.right::after {
  left: -12px;
}

.timeline .card {
  padding: 0px 30px;
  position: relative;
  border-radius: 6px;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
@media screen and (max-width: 600px) {
  .main-timeline::after {
    left: 31px;
  }
  
  .timeline .card{
    padding: 0px;
    font-size: 12pt;
  }
  .timeline .card .card-body h3 {
	font-size: 1rem;
  }
  .timeline {
    width: 100%;
    padding-left: 70px;
    padding-right: 0px;
  }
  
  .timeline::before {
    left: 60px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent white transparent transparent;
  }

  .left::after, .right::after {
    left: 18px;
  }
  
  .left::before {
    right: auto;
  }

  .right {
    left: 0%;
  }
}

/**/
.carousel-indicators.dark [data-bs-target]{
	height: 5px;
	background-color: #000;
}
.carousel-indicators.dark.top {
	bottom: auto;
	top: 0;
}

/**/
.custom-tooltip {
  --bs-tooltip-bg: var(--bs-secondary);
  --bs-tooltip-color: var(--bs-white);
}

/**/
.card-collection .card-body{
  
}
.card-collection .card-body h4{
  font-size: 0.9rem;
}
.card-collection .card-body p{
  margin-bottom: 0;
}

.card-tab{
    text-align: right;
    font-size: 80%;
    padding-right: 1em;
    font-style: italic;
}

/**/
[data-loading] {
  display: none;
}
/**/

/* @media (min-width: 568px) and (min-aspect-ratio: 1/1){ */
@media (min-aspect-ratio: 1/1){
  header .banner-image{
    justify-content: flex-end;
  }
  header .inner-page-nav{
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 3vh;
  }
}
@media (min-width: 768px){
  header .inner-page-nav{
    font-size: 165%;
  }
  #default header .carousel-indicators {
	bottom: 30vh;
  }
}
@media(min-width: 1200px){
  header .inner-page-nav{
    font-size: 155%;
  }
}
@media (min-width: 568px) and (min-aspect-ratio: 1/1){
  header .inner-page-title{
    font-size: 150%;
    margin-bottom: 0;
  }
  header .inner-page-nav{
    font-size: 120%;
  }
}

@media (min-width: 812px) and (min-aspect-ratio: 1/1){
  header .inner-page-nav{
    font-size: 140%;
  }
  #default header .carousel-indicators {
	bottom: 22vh;
  }
}
@media (min-width: 992px) and (min-aspect-ratio: 1/1){
  header .inner-page-nav{
    font-size: 120%;
  }
  header .inner-page-nav{
    margin-top: 16vh;
  }
  #default header .inner-page-nav{
    margin-top: 24vh;
  }
}
@media (min-width: 1112px) and (min-aspect-ratio: 1/1){
  header .inner-page-nav{
    font-size: 130%;
  }
}




/**/

@media (min-width: 768px) and (min-height: 768px){
  header .inner-page-title{
    font-size: 3.5rem;
  }

  header .carousel-caption h1{
    font-size: 4rem;
  }
  header .carousel-caption h2{
    font-size: 3rem;
  }
  header .banner-image .btn-light {
    font-size: 1.7rem;
  }
  main h1{
    font-size: 2.7rem;
  }
  main h2{
    font-size: 2rem;
  }
}
@media(min-width: 992px){
  main h2.card-title{
    font-size: 1.3rem;
  }
    footer .icon-parent .icon{
  	/*flex-basis: 40%;*/
  }
}
@media(min-width: 1200px){

  main h2.card-title{
    font-size: 1.7rem;
  }
  header .carousel-caption h1{
    font-size: 5rem;
  }
  header .carousel-caption h2{
    font-size: 4rem;
  }
}
/**/
@media (min-width: 768px) and (min-height: 768px){

  
  
  
  
  
  footer .icon-parent{
    margin: 0 0 1em;
  }

  .icon-parent li.icon{
    /*width: 92px;*/
  }
  .icon-parent li.icon a{
    background-size: 270px;
    padding-top: 92px;
  }
  
  
  
  
  
  
  .icon-parent li.icon.map a{
    background-position: center -1169px;
  }
  .icon-parent li.icon.map a:active,
  .icon-parent li.icon.map a:hover{
    background-position: center -1439px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
}
@media (min-width: 992px) and (min-aspect-ratio: 16/9){
  
  
  
  

  .icon-parent li.icon{
    /*width: 92px;*/
  }
  .icon-parent li.icon a{
    background-size: 270px;
    padding-top: 92px;
  }
  
  
  
  
  
  
  .icon-parent li.icon.map a{
    background-position: center -1169px;
  }
  .icon-parent li.icon.map a:active,
  .icon-parent li.icon.map a:hover{
    background-position: center -1439px;
  }
  
  
  
  
  
  
  
  
  
  
  
  
}
