@import url("https://fonts.googleapis.com/css?family=Raleway|Rufina");
/* BASIC STYLES */
#page{
	padding-top:0 !important;
}
#page .breakout-content {
  z-index: auto !important;
}
#global_container_breadcrumb{
	display:none !important;
}
#page_content header {
	left:-9999px;
	position:absolute;
	}

/* POPULAR BLOCK */

.breakout-bg.alternate {background-color:#405979;}
.breakout-bg {padding:1em 0; margin-top:1em;}
.breakout-bg .row {margin:0;}

.breakout-bg.alternate h1,
.breakout-bg.alternate .lead,
.breakout-bg.alternate p,
.breakout-bg.alternate h2,
.breakout-bg.alternate h3,
.breakout-bg.alternate .well li{
color:#fff !important;
}
.breakout-bg.alternate hr:after{
background: linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(255,255,255,.25) 50%,rgba(0,0,0,0) 100%) !important;
}
.breakout-bg.alternate .further-info li a,
.breakout-bg.alternate .further-info li a:visited,
.breakout-bg.alternate .further-info li a:active,
.breakout-bg.alternate .further-info li a:hover,
.breakout-bg.alternate .well li a,
.breakout-bg.alternate .well li a:visited,
.breakout-bg.alternate .well li a:active,
.breakout-bg.alternate .well li a:hover{color:#fff !important; border-color:#fff !important;}

.content .breakout-bg.alternate .popular-links li a, 
.content .breakout-bg.alternate .popular-links li a:hover, 
.content .breakout-bg.alternate .popular-links li a:focus,
.content .breakout-bg.alternate .popular-links li a:visited{
	color:#fff !important;
	border-color:#fff !important;
	font-size:1.3rem !important;
}

/* STICKY POPPY */
#sticky-control{
	position:fixed;
	bottom:2em;
	right:0em;
	z-index:900000;
	height:3em;
	width: 3em;
	display:block;
	transition: all 1s ease;
}

#sticky-control #reveal-content{
	transform: scale(0.01);
    width: 80vw;
    opacity: 0;
    content: attr(title);
    position: absolute;
    padding: .25em 2.5em .25em .5em;
    top: -9.5em;
    right: 1em;
	text-align: right !important;
    background-color: #222;
    color: #fff;
    border-radius: 0.5em;
    z-index: -10;
    transition: all 1s ease;
}

#reveal-content a, #reveal-content a:active, #reveal-content a:focus, #reveal-content a:hover, #reveal-content a:visited{
	color:#fff;
	border-color:#fff;
}
#reveal-content a:focus{
	outline:.125rem solid #d98411;
	outline-offset:.125rem;
}
@media only screen and (min-width: 25em) {
	#sticky-control #reveal-content {
		top: -5.5em;
	}
}
@media only screen and (min-width: 30em) {
	#sticky-control{	
		bottom:2em;
		right:2em;
		height:5em;
		width: 5em;
	}
	#sticky-control #reveal-content {
	  	width: 75vw;
		top: -1em;
    	right: 3em;
	}
}
@media only screen and (min-width: 60em) {
	#sticky-control #reveal-content{
	  	 width: 75vw;
	
	}
}
@media only screen and (min-width: 80em) {
	#sticky-control #reveal-content{
	  	 width: 50vw;
	
	}
}
@media only screen and (min-width: 120em) {
	#sticky-control #reveal-content{
	  	 width: 25vw;
	
	}
}
#sticky-control.active #reveal-content{
	transform: scale(1);
	opacity: 1;
}

/* CORONAVIRUS RESTRICTIONS */

.coronavirus{
	padding: 0.5em 1em;
	font-weight:700;
	display:inline-flex;
}
.coronavirus.alert-intro{
	background-color:#08314c;
	color:#fff;
}
/*medium alert*/
.coronavirus.alert-medium{
background-color:#F7A941;
color:#08314c;
	
}
/*high alert*/
.coronavirus.alert-high{
	background-color: #EC6726;
	color: #000;
}

/*very high alert and national restrictions*/
.coronavirus.alert-vhigh{
	background-color: #E7343F;
	color: #000;
}

/*restrictions lifted*/
.coronavirus.alert-lifted{
	background-color: #00AFCB;
	color: #000;
}

/* ROYAL ANNOUNCEMENT */
.breakout-bg.royal-announcement {
	padding: 0;
  font-family: 'Raleway', Arial, Helvetica, sans-serif;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container {
  background-color: #222222;
  color: #fff;
  height: 100vh;
  margin: 0;
  border: none;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .bg-feature-left-half {
  position: relative;
  padding-left: 50%;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .bg-feature-left-half .bg-feature-left {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  background-image: url(../img/queen-photo.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .bg-feature-left-half .bg-feature-content {
  width: 100%;
  padding: 1rem 2rem 0 2rem;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .heading {
  font-family: 'Rufina', Georgia, 'Times New Roman', Times, serif;
  margin-bottom: 2rem;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .heading h2,
.breakout-bg.royal-announcement .bg-feature-left-half-container .heading h3 {
  font-size: 2em;
  margin: 0;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .heading .lead {
  font-size: 1.4em;
  color: #fff;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container hr {
  border: 1px solid #444;
  width: 5rem;
  margin: 1.5em 0;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container hr:before, .breakout-bg.royal-announcement .bg-feature-left-half-container hr:after {
  display: none;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .block-switcher {
  position: relative;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .block-switcher-links ul {
  list-style: none;
  margin: 0;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .block-switcher-links ul li {
  margin-bottom: 1rem;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .block-switcher-links ul li:last-child {
  margin-bottom: 0;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .block-switcher-links a {
  display: inline-block;
  color: #fff;
  border-bottom: 1px solid #444;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .block-switcher-links a:hover {
  border-bottom-color: #fff;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .block-switcher-links a:focus {
  outline: none;
  -webkit-box-shadow: 0;
          box-shadow: 0;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .block-switcher-content {
  position: absolute;
  top: -1.6em;
  left: 0;
  width: 100%;
  padding: 1rem;
  background-color: #fff;
  color: #222;
  opacity: 0;
  -webkit-transform: translateX(-2.5rem);
          transform: translateX(-2.5rem);
  z-index: -1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .block-switcher-content.active {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  z-index: 1;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .block-switcher-content p:last-of-type {
  margin-bottom: 0;
}

.breakout-bg.royal-announcement .bg-feature-left-half-container .close-switcher-content {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.5rem;
  font-size: 1.4rem;
  cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
  .breakout-bg.royal-announcement .bg-feature-left-half-container {
    height: auto;
    text-align: center;
  }
  .breakout-bg.royal-announcement .bg-feature-left-half-container .bg-feature-left-half {
    padding-left: 0;
    padding-top: 500px;
    height: auto;
    display: block;
  }
  .breakout-bg.royal-announcement .bg-feature-left-half-container .bg-feature-left-half .bg-feature-left {
    top: 8em;
    width: 100%;
    height: 400px;
  }
  .breakout-bg.royal-announcement .bg-feature-left-half-container .bg-feature-left-half .bg-feature-content {
    margin-top: -500px;
    width: 100%;
    padding: 1rem 2rem 0 2rem;
  }
  .breakout-bg.royal-announcement .bg-feature-left-half-container .heading {
    margin-bottom: 460px;
  }
  .breakout-bg.royal-announcement .bg-feature-left-half-container hr {
    margin: 1.5em auto;
  }
  .breakout-bg.royal-announcement .bg-feature-left-half-container .block-switcher {
    padding-bottom: 2em;
  }
  .breakout-bg.royal-announcement .bg-feature-left-half-container .block-switcher .heading {
    margin: 2rem 0;
  }
  .breakout-bg.royal-announcement .bg-feature-left-half-container .block-switcher .heading h3 {
    word-wrap: break-word;
  }
}

@media only screen and (max-width: 30em) {
  .breakout-bg.royal-announcement .bg-feature-left-half-container .heading {
    font-size: 0.9em;
  }
}

@media only screen and (max-width: 25em) {
  .breakout-bg.royal-announcement .bg-feature-left-half-container .heading {
    font-size: 0.8em;
  }
}

@media only screen and (max-width: 22.5em) {
  .breakout-bg.royal-announcement .bg-feature-left-half-container .heading {
    font-size: 0.7em;
  }
}

.breakout-bg.royal-announcement.senior-royal .bg-feature-left-half-container {
  height: auto;
}

.breakout-bg.royal-announcement.senior-royal .bg-feature-left-half-container .bg-feature-left-half {
  padding-left: 40%;
}

.breakout-bg.royal-announcement.senior-royal .bg-feature-left-half-container .bg-feature-left-half .bg-feature-left {
  width: 40%;
}

.breakout-bg.royal-announcement.senior-royal .bg-feature-left-half-container .bg-feature-left-half .bg-feature-content {
  padding: 2rem;
}

@media only screen and (max-width: 37.5em) {
  .breakout-bg.royal-announcement.senior-royal .bg-feature-left-half-container .bg-feature-left-half .bg-feature-content {
    padding: 1rem 2rem 0 2rem;
  }
}

@media only screen and (max-width: 37.5em) {
  .breakout-bg.royal-announcement.senior-royal .bg-feature-left-half-container .bg-feature-left-half {
    padding-left: 0;
  }
  .breakout-bg.royal-announcement.senior-royal .bg-feature-left-half-container .bg-feature-left-half .bg-feature-left {
    width: 100%;
  }
}