/* Scss Document */
@import url("https://use.typekit.net/wbs6vby.css");

#page {
  background: #FFFFFF;
  padding-top: 0; }

#page_content {
  font-family: brandon-grotesque, sans-serif;
  font-style: normal; 
  font-size:1.10em;
}



.breadcrumb a, .breadcrumb a:visited, .breadcrumb a:active, .breadcrumb a:focus, .breadcrumb a:hover {
  color: #FFFFFF!important;
  border-color: #FFFFFF!important; }
  
h1.ms-header-text {
	display:none;
}



#page #microsite_header{
  background: #6E55C6 url("../images/smartlivingicons.png") no-repeat center;
  background-size:cover;
    padding-top:1.5em;
}


#microsite_header .container {
    max-width: none;
    padding: 0;
 
}

#global_container_breadcrumb, #microsite_header .scale-images.container {
    max-width: 60em;
    margin: 0 auto;
    padding: 0 1em;
}
  
#sl-strapline {
  color: #fff;
  font-size: 2em;
 font-weight:700;
  margin-top: 2em; }

  #page #local_header{
      margin-bottom:0!important;
  }
@media (max-width: 37.5em) {
  #sl-logo {
    padding: 0 4em; } }


.bold-highlight {
  font-weight: 700; }

  

#local_menu_header {
    float: right;
}


  
  #page #local_header.container {
    background: #00B0BA;
    max-width: none;
}



#local_header .navbar-inner {
    background-color: #00B0BA;
    border: 0;
    box-shadow: none;
    max-width: 60em;
    margin: 0 auto;
    padding: 0.5em 0;
}


#local_menu_header.nav > li {
  border-right: none!important}

#local_menu_header.nav > li:nth-last-child(2), #local_menu_header.nav > li:last-child {
  border: 0; }

#local_menu_header.nav > li a:link, #local_menu_header.nav > li a:visited {
  color: #222;
  font-weight:700;
  text-shadow: none; }

#local_menu_header.nav > li a:hover, #local_menu_header.nav > li a:active {
  color: #fff; }

.navbar .nav.show-on-phones > li > a:link, .navbar .nav.show-on-phones > li > a:visited {
  color: #000000;
  text-shadow: none; }

h1 {
  color: #222;
  font-size: 3.25em;
  padding-bottom: 0.5em; }

h2 {
  color: #6E55C6; }

h1, h2, h3 {
  font-weight: 700; }

#page_content .breakout-area#startjourney {
  background: url("https://www.hants.gov.uk/-/media/3702419962CD4B54A4620F5EE40B66E8.ashx") no-repeat;
  background-size: cover;
  padding: 2em 0; }

#page_content .breakout-area#communitygrants {
  background: url("https://www.hants.gov.uk/-/media/0AB07E39A9E3485FB9AF3BD7E96B1322.ashx") no-repeat;
  background-size: cover;
  padding: 2em 0; }

.breakout-area.alternate {
  background:#6E55C6;
  color: #fff; }

@media(min-width:48em){
.breakout-area.alternate {
  background-image: linear-gradient(to right, #6E55C6, #6E55C6, 60%, #fff 60%);
  color: #fff; }
}

.breakout-area.alternate h2 {
  color: #fff; }

.breakout-bg {
  background: #6E55C6;
  color: #fff; }

.breakout-bg h2 {
  color: #fff; }

.breakout-bg > .row {
  margin-bottom: 0; }

.breakout-bg.alternate {
  background: #BEBBD7;
  color: #222; }


.breakout-bg.alternate .row{
	margin-bottom:0;
}

.breakout-bg.alternate h2 {
  color: #222; }

.breakout-bg.alternate-two {
  background: #00B0BA;
  color: #222;
  padding-bottom: 1em; }

.breakout-bg.alternate-two h2,
.breakout-bg.alternate-two h3 {
  color: #222; }

@media only screen and (min-width: 48em) {
  #page .navbar .nav > li:last-of-type a {
    padding: 0.5em 0.75em;
    background: #6E55C6;
    color: #fff;
    font-weight: 700;
    box-shadow: none;
    text-shadow: none;
    border-radius: 0.25em; }

  #page .navbar .nav > li:last-of-type a:hover {
    background: #fff;
	color:#6E55C6}
}




a[role=button].primary.large {
  padding: 0.5em 0.75em; }

a[role=button].primary {
  background: #6E55C6;
  color: #00B0BA;
  box-shadow: none;
  text-shadow: none;
  font-weight: 700; }

a[role="button"].primary:hover {
  background: #00B0BA;
  color: #6E55C6;
  box-shadow: none;
  text-shadow: none; }

a[role=button].secondary {
  background: #00B0BA;
  color: #222;
  box-shadow: none;
  text-shadow: none;
  font-weight: 700; }

a[role="button"].secondary:hover {
  background: #fff; }

a[role=button].secondary img {
  margin-right: 0.5em; }

img.rounded {
  border-radius: 10px; }

details {
  margin-bottom: 1.5em;
  margin-bottom: 1em; }

details summary {
  background: #00B0BA;
  border-radius: 0.5em;
  color: #222;
  font-weight: 700;
  text-align: center;
  padding: 1em;
  margin-bottom: 1em; }

details summary:before {
  display: none; }

  #map-container {
    margin-top: 8em;
    margin-bottom: 2em; } 
    
    
.well.bordered-transparent {
  background: rgba(255, 255, 255, 0.75) !important;
  color: #222 !important;
  margin: 1em 0;
  padding: 2em; }

.well.alternate {
  background: #6E55C6;
  color: #fff;
  text-shadow: none;
  border-radius: 0.5em;
  height: 100%; }

.well.alternate h2 {
  color: #fff; }

.well.alternate h3, .well.alternate h4 {
  color: #fff;
  font-weight: 700; }

.well.alternate a:link, .well.alternate a:visited {
  color: #fff;
  border-bottom: 1px solid #fff; }

.well.alternate a:hover, .well.alternate a:active {
  color: #222;
  border-bottom: 1px solid #222; }

.well.alternate-two {
  background: #BEBBD7;
  color: #222;
  text-shadow: none;
  border-radius: 0.5em; }

.well.alternate-two h2 {
  color: #222;
  font-weight: 700; }

.well.alternate-two a:link, .well.alternate-two a:visited {
  color: #222;
  border-bottom: 1px solid #222; }

.well.alternate-two a:hover, .well.alternate-two a:active {
  color: #000;
  border-bottom: 1px solid #000; }

.well.alternate-three {
  background: #00B0BA;
  color: #222;
  text-shadow: none;
  border-radius: 0.5em; }

.well.alternate-three h3 {
  color: #222; }

.well.alternate-four {
  background: #fff;
  height: 100%;
  padding: 2em 1em;
  margin-bottom: 0; }

.communitygroups .well {
  height: 100%; }

.well.no-pad img {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em; }

.communitygroups .well a[role="button"] {
  padding: 0.5em 0.25em; }

.display-flex {
  display: block; }


a.white:link,  a.white:visited {
  color: #fff!important;
  border-bottom: 1px solid #fff!important; }

a.white:hover, a.white:active {
  color: #222!important;
  border-bottom: 1px solid #222!important; }


@media (min-width: 48em) {
  .display-flex {
    display: flex; } }
/*top trumps game*/
.trump-card h2 {
  font-size: 1.25em;
  color: #6E55C6;
  font-weight: 700;
  border-top: 2px solid #6E55C6;
  margin-bottom: 0.25em; }

#trump-card-container,
#round-result,
#game-result,
button.compare-cards,
button.next-round,
button.play-again,
#score-board {
  display: none; }

button.game-button {
  background: #6E55C6;
  color: #fff;
  font-weight: 700;
  text-shadow: none;
  box-shadow: none;
  border: 2px solid #6E55C6; }

button.game-button:hover {
  background: #14076b;
  border: 2px solid #fff; }

button.start-game:before {
  content: url("/-/media/8165B2FDD8C74522B2C4F070706C2810.ashx");
  position: relative;
  top: 3px;
  margin-right: 0.5em; }

button.compare-cards:before {
  content: url("/-/media/04B971C38E8F42E099668FDE047658D1.ashx");
  position: relative;
  top: 3px;
  margin-right: 0.5em; }

button.next-round:before {
  content: url("/-/media/DFCB92F6F70A4BBCB2173274434C7E4C.ashx");
  position: relative;
  top: 3px;
  margin-right: 0.5em; }

button.play-again:before {
  content: url("/-/media/7B9092114F62423788427F5709467CC8.ashx");
  position: relative;
  top: 3px;
  margin-right: 0.5em; }

#trump-controls {
  height: 100px; }

.trump-card-container {
  box-sizing: border-box;
  background: #BEBBD7;
  border: 2px solid #6E55C6;
  color: #fff;
  font-weight: 700;
  border-radius: 1em;
  height: 100%; }

.trump-card-container.win-highlight {
  background: #ADE0AB; }

.trump-card {
  padding: 1em; }

#trump-player input[type="radio"] {
  display: none; }

#trump-player label {
  font-weight: 700;
  padding: .25em;
  transition: background 0.8s;
  border-bottom: 2px dotted #fff;
  background: #6E55C6; }

#trump-player label:first-child {
  margin-top: 0; }

#trump-player label span {
  font-weight: 700;
  float: right; }

#trump-player #player-card-holder label:hover {
  color: #00B0BA; }

.player-card.block label.no-select:hover {
  background: none !important;
  cursor: default; }

#trump-player label.no-select {
  color: #fff !important; }

#trump-player label.select-highlight,
#trump-player label.select-highlight:hover {
  background: #BEBBD7 !important;
  color: #222 !important; }

#trump-player label.comp-select-highlight {
  background: #00B0BA;
  color: #222; }

.value-wrap {
  background: #6E55C6;
  padding: 0 0.5em 0.125em; }

.info-wrap {
  color: #222;
  font-weight: 500;
  font-size: 0.85em;
  padding: 0.25em 0.5em;
  border-left: 1px solid #6E55C6;
  border-right: 1px solid #6E55C6;
  border-bottom: 1px solid #6E55C6;
  line-height: 120%; }

.info-wrap h3 {
  font-size: 1em;
  font-weight: 700;
  margin: 0 0 0.25em; }

.info-wrap p {
  margin: 0; }

#round-result, #game-result {
  text-align: center;
  border-radius: 0.25em;
  padding: 0.25em; }

#round-result {
  background: #00B0BA;
  color: #6E55C6; }

#game-result {
  background: #ADE0AB;
  color: #6E55C6; }
  



a[href$=".pdf"]:after, a[href$=".csv"]:after, a[href$=".doc"]:after, a[href$=".docx"]:after, a[href$=".xls"]:after, a[href$=".xlsx"]:after, a[href$=".rtf"]:after, a[href*="LinkViewer.aspx"]:after, a[href*="linkviewer.aspx"]:after {
    border: 1px solid #fff;
    color: #fff;
}