/**
 * Footheme footheme.css
 *
 * Use this file to add your custom styles.
 *
 * You can change the name of this file, just
 * remember to update the name in the info file
 * as well.
 */
*,:after,:before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.group:after {
	display:block;
	height:0;
	clear:both;
	content:".";
	visibility:hidden;
}
 
body{
	font-style: normal;
	font-family: "Segoe UI", "Lucida Grande" !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Segoe UI", "Lucida Grande" !important;
}

h1, h2, h3 {
	line-height: 150%;
}

.reverse-bar {
	background: #046;
	padding: .5rem;
	color: white;
}

.lt-ie9 IMG{
	max-width: 100%;
}

#main-content {
	min-height: 715px;
}

#content a {
	text-decoration: underline;
}

a:hover, a:focus, a:visited, a:active{
	color: #006699;
}

/* Logo */
#logo {
	float: none !important;
	padding: 0;
	text-align: center;
}

#logo a, #logo a:hover, #logo a:focus {
	text-decoration: none;
}

.mark {
	display: inline-block;
	font-family: "Segoe UI", "Lucida Grande" !important;
	font-size: 56px;
	font-weight: bold;
	color: #046;
	padding-bottom: 4px;
	margin-bottom: 4px;
	border-bottom: 1px solid #777;
}

.mark-name {
	color: #555;
}

.tagline {
	position: relative;
	display: block;
	padding: 18px 0px 0px;
	font-size: 16px;
	font-style: italic;
	font-weight: 600;
	line-height: 24px;
	color: #016FA5;
	text-align: center;
}

@font-face {
	font-family:"edgeicons";src:url("../fonts/edge-icons-Regular.woff") format("woff");
}

.interact a {
	font-size: 0px;
}

.interact a:before {
    font-family: "edgeicons";
    font-weight: normal;
    font-style: normal;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size: 1rem;
}

/*Twitter*/
#block-block-9
{
	box-shadow: -2px 0 2px 0 rgba(0,0,0,0.16),2px 0 2px 0 rgba(0,0,0,0.16),0 2px 2px 0 rgba(0,0,0,0.23);
}

#twitterFetcher0 ul{
	list-style-type: none;
	margin: 0;
}

#twitterFetcher0 ul li{
	border-top: 1px solid rgba(15,70,100,.12);
	margin: 0;
	padding: 10px 0 10px 0;
}

#twitterFetcher0 ul li:first-child{
	border-top: none !important;
}

#twitterFetcher0 div.user img{
	border-radius: 50%;
	float: left;
	margin-top: 3px;
	margin-left: 16px;
	position: absolute;
	height: 32px;
	width: 32px;
	/* remove display as avatars.io seems to be defunct: */
	height:1px;
	width:1px;
	opacity:0.0;
}	

#twitterFetcher0 div.user div > span:nth-child(2) { 
	margin-left: 60px;
	font-weight: bold;
	color: black;
}

#twitterFetcher0 div.user div > span:nth-child(3) {
	color: #657786;
}	

#twitterFetcher0 div.user span > div {
	display: inline;
}	

#twitterFetcher0 p.tweet, #twitterFetcher0 p.timePosted, #twitterFetcher0 p.interact{
	margin: 0 10px 0 60px;
}

#twitterFetcher0 div.media{
	margin: 10px 10px 0 60px;
	border: 1px solid rgba(0,0,0,0.1);
}

.twitter_retweet_icon, .twitter_fav_icon{
	padding-left: 60px;
}

.twitter_reply_icon:before {
    content: "\f151";
}

.twitter_retweet_icon:before {
    content: "\f152";
}

.twitter_fav_icon:before {
    content: "\f148";
}


#webform-client-form-214 label[for=edit-submitted-facility-type], #webform-client-form-214 label[for=edit-submitted-areas-to-be-reviewed-select-all-that-apply]{
	display: none;
}

/*ADII*/
.view-adii{
	text-align: center;
}

.view-adii .views-row{
	display: inline-block;
	vertical-align: top;
	width: 250px;
	margin: 0 auto;
	border: 1px solid #d8d8d8;	
	margin-top: 10px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.view-adii .views-field-title{
	text-align: center;
}

@media only screen and (min-width:500px) {
	#block-block-9 {
		margin-left: auto;
		margin-right: auto;
	}
	
	
	#logo {
		text-align: left;
	}
	
	.mark {
		float: left;
		border-right: 1px solid #777;
		padding-right: 8px;
		margin-right: 8px;
		padding-bottom: 0px;
		margin-bottom: 20px;
		border-bottom: none;
	}
	
	.mark-name {
		padding: 6px 8px 9px;
	}
	
	.tagline {
		text-align: left;
		margin-left: 146px;
		padding: 12px 8px;
	}
}

@media only screen and (min-width:850px) {
	#logo {
		float: left !important;
		width: 55%;
	}
	
	.tagline {
		float: right;
		width: 42%; 
		text-align: right;
		margin-left: 0;
		padding: 6px 0px 8px;
	}
}

.views-slideshow-cycle-main-frame-row-item {
	width: 100% !important;
}
 
.views-slideshow-cycle-main-frame-row{
	width: 100% !important;
}
 
body.front #main-content-header h1, body.page-node-174  #main-content-header h1{
	display: none;
}

body.front .breadcrumb, body.page-node-174  .breadcrumb{
	display: none;
}
 
/*make the cantered area across the page*/
#page {
	width: 100%;
	max-width: 100%;
	position: relative;
}

.container {
	max-width: 1300px;
	margin: 0 auto;
}
 
/*for branding*/
#header{
	max-height: none;
	background: white;
	border-top: 5px solid #046;
}

.header-inner {
	max-width: 1300px;
	margin: 0 auto;
	padding: 8px 0px;
}

#branding{
	float: left;
	width: 100%;
	padding: 20px 0px 0px;
}

#logo img {
	width: 100%;
}
 
/*for menu bar*/
.site-navigation {
	background-color: #046;
	border-bottom: 5px solid #008FD6;
}

#menu-bar{
	margin: 0 auto;
	max-width: 1300px;
	background: #046;
	padding: 0px;
}

.menu-toggle {
	margin: 0 auto;
	max-width: 1300px;
}

#superfish-1-toggle span{
	color: white;
	padding-left: 20px;
}


#block-superfish-1 {
	width: 100%;
}

#menu-bar ul.sf-menu li a {
	/*padding: 2px 24px;*/
	font-size: 14px;
}

#superfish-1-accordion li a{
	padding: 10px 20px !important;
}

#superfish-1 .sf-sub-indicator{
	display: inline-block;
	position: static;
	font-size: 0px;
	margin-left: 4px;
}

#menu-bar ul li a.active{
	background-color: #008FD6;
}

#menu-bar ul.menu li a:hover, #menu-bar ul.menu li a:focus{
	background-color:  #016FA5;
} 

#menu-bar ul li.active-trail a, #menu-bar ul li.active-trail a,
#menu-bar ul li.active-trail a:hover, #menu-bar ul li.active-trail a:focus{
	background-color: #008FD6;
}

.sf-menu.sf-horizontal.sf-shadow ul, .sf-menu.sf-vertical.sf-shadow ul, .sf-menu.sf-navbar.sf-shadow ul ul {
	background-color: #006699;
}

a > .sf-sub-indicator {
	top: 1rem;
}

#block-search-form {
	float: right;
	width: 20%;
	text-align: right;
}

.form-submit {
	display: inline-block;
	border: 1px solid #F3DEAC;
	background: #E8D3A2;
	margin-top: 0px;
	padding: 5px 8px 3px;
	font-size: 14px;
	font-weight: 700;
	vertical-align: baseline;
	color: #046;
}

.form-submit:hover, .form-submit:focus {
	border: 1px solid #F3DEAC;
	background: #F3DEAC;
}
 
.breadcrumb {
	background-color: #FFFFFF;
	padding: 0px;
	font-size: 11px;
}

ul.primary li a {
	background-color: #ddd;
}	
 
/*reposition the text over the slideshow*/
#block-views-homepage-slide-block{
	background-color: #fff;
}

.views_slideshow_cycle_main .views-slideshow-cycle-main-frame {
  width: 100% !important;
  height: auto;
  max-width: 100%;
}


#block-views-homepage-slide-block h2{
	display: none;
}

/*slideshow control buttons*/
.views-slideshow-controls-bottom{
	clear: both;
	margin: 0 1%;
}

#views_slideshow_controls_text_homepage_slide-block{
	float: right;
}
#views_slideshow_controls_text_pause_homepage_slide-block{
	display: none;
}
 
/*main content area*/
#columns{
	max-width: 1300px;
	margin: auto;
	padding: 0px;
}

.front #columns, .page-node-174 #columns {
	max-width: 1300px;
	margin: 0 auto;
}

.columns-inner {
	padding-bottom: 100px;
}

.page-wrapper {
	padding-top: 40px;
	background: #f0f0f5;
}

.front .page-wrapper, .page-node-174 .page-wrapper {
	padding-top: 0;
}

.page-wrapper.img-header {
	padding-top: 0;
}

.page-header {
    min-height: 170px;
	margin: 0;
	padding: 0;
	border-bottom: 5px solid #e4e4e7;
	background: url('../images/ranier.jpg') center center no-repeat;
	background-size: cover;	
}

.site-section-title {
	display: block;
	margin: 0;
	padding: 60px 8px 96px;
	text-transform: capitalize;
	font-size: 54px;
	font-weight: bold;
	color: white;
	text-shadow: 0px 1px 4px rgb(0,0,0);
}

.consultation .page-header {
	background: url('../images/ranier.jpg') center center no-repeat;
	background-size: cover;
}

.standard .page-header {
	background: url('../images/ranier.jpg') center center no-repeat;
	background-size: cover;
}

.continuing-education .page-header {
	background: url('../images/ranier.jpg') center center no-repeat;
	background-size: cover;
}

.projects .page-header {
	background: url('../images/ranier.jpg') center center no-repeat;
	background-size: cover;
}

.resources .page-header {
	background: url('../images/ranier.jpg') center center no-repeat;
	background-size: cover;
}

.about .page-header {
	background: url('../images/seattle.jpeg') center center no-repeat;
	background-size: cover;
}

.contact .page-header {
	background: url('../images/seattle.jpeg') center center no-repeat;
	background-size: cover;
}

#main-content {
	max-width: 980px;
	margin-top: 0px;
	margin-left: 0;
	margin-right: 0;
	padding: 16px 32px 100px;
	background: white;
	border: 1px solid #d8d8d8;
	box-shadow: 2px 2px 7px rgba(0,0,0,.2);
	min-height: 600px;
	z-index: 10;
	position: relative;
}

.front #main-content, .page-node-174 #main-content {
	max-width: none;
	width: 100%;
	padding: 0;
	min-height: 0;
	padding: 0px;
	background: none;
	border: none;
	box-shadow: none;
}

.front .columns-inner, .page-node-174 .columns-inner {
	padding-bottom: 0px;
}

.img-header #main-content {
	margin-top: -40px;
}

.front #block-system-main, .page-node-174  #block-system-main{
	/*display: none;*/
	max-width:600px;
	padding:1em;
	margin-left:auto;
	margin-right:auto;
}

.front #block-system-main h2{
	display: none;
}

@media screen and (min-width: 960px) {
	.home-block{
		display: flex;
		max-width: 1100px;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:30px;
	}
	
	.front #block-views-calendar-block-2, .front #block-block-12 {
		flex-grow: 1;
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom:
		justify-content: space-around;
		height: 410px;
		width: 400px;
		flex-basis: 400px !important;
		background-color: #f8fff0 !important;
		border-radius:10px;
		overflow-y: auto;
		box-shadow: -2px 0 2px 0 rgba(0,0,0,0.16),2px 0 2px 0 rgba(0,0,0,0.16),0 2px 2px 0 rgba(0,0,0,0.23);
	}
	
	
	.front #block-views-calendar-block-2 H2.block-title, .front #block-block-12 H2.block-title {
		background-color:transparent !important;
	}
	
	#block-block-9, #block-block-11 {
		flex-grow: 1;
		margin-left: 20px;
		margin-right: 20px;		
		height: 410px;
		width: 400px;
		justify-content: space-around;
		flex-basis: 400px !important;
		overflow-y: auto;
		overflow-x: hidden;
		position: relative;
		background-color:#f8fff0 !important;
		border-radius:10px;
		box-shadow: -2px 0 2px 0 rgba(0,0,0,0.16),2px 0 2px 0 rgba(0,0,0,0.16),0 2px 2px 0 rgba(0,0,0,0.23);
	}
	
	#block-block-9 H2.block-title, #block-block-11 H2.block-title {
		background-color:transparent !important;
	}
	
	#block-block-9 A, #block-block-11 A {
		text-decoration:none;
	}
	
	#block-block-9 A:hover, , #block-block-11 A:hover {
		text-decoration:underline;
	}	

}


	
#block-block-12 H2.block-title, #block-block-11 H2.block-title {
	padding-left:0px;
}

#block-block-12, #block-block-11 {
	padding:24px;
	padding-top:8px;
	padding-bottom:8px;
}




/*.front #block-views-calendar-block-2 h2.block-title {
	margin-left: 12px !important;
}*/

.front .view-calendar, .page-node-174 .view-calendar, .page-event-webinars-and-online-trainings .view-webinars-and-online-training-events, .page-event-workshops-and-other-events .view-workshops-and-events, .page-event-past .view-past-conferences-events {
	padding-left: 24px;
}

.page-events-calendar .view-calendar .views-field-title a, .page-event-webinars-and-online-trainings .view-webinars-and-online-training-events .views-field-title a, .page-event-workshops-and-other-events .view-workshops-and-events .views-field-title a, .page-event-past .view-past-conferences-events a{
	font-size: 18px;
	font-weight: bold !important;
}

.page-events-calendar .view-calendar ul, .page-event-webinars-and-online-trainings .view-webinars-and-online-training-events ul, .page-event-workshops-and-other-events .view-workshops-and-events ul, .page-event-past .view-past-conferences-events ul {
	border-top: 1px solid #ddd;
}

.page-events-calendar .view-calendar .item-list ul li, .page-event-webinars-and-online-trainings .view-webinars-and-online-training-events .item-list ul li, .page-event-workshops-and-other-events .view-workshops-and-events .item-list ul li, .page-event-past .view-past-conferences-events .item-list ul li {
	list-style: none;
	margin: 0;
	padding: 8px 12px;
}

.page-events-calendar .view-calendar .views-row, .page-event-webinars-and-online-trainings .view-webinars-and-online-training-events .views-row, .page-event-workshops-and-other-events .view-workshops-and-events .views-row, .page-event-past .view-past-conferences-events .views-row {
	border-bottom: 1px solid #ddd;
}

.page-events-calendar .view-calendar a, .page-event-webinars-and-online-trainings .view-webinars-and-online-training-events a, .page-event-workshops-and-other-events .view-workshops-and-events a, .page-event-past .view-past-conferences-events a {
	text-decoration: none !important;
}

.page-events-calendar .view-calendar a:hover, .page-events-calendar .view-calendar a:focus, .page-event-webinars-and-online-trainings .view-webinars-and-online-training-events a:hover, .page-event-webinars-and-online-trainings .view-webinars-and-online-training-events a:focus, .page-event-workshops-and-other-events .view-workshops-and-events a: hover,.page-event-workshops-and-other-events .view-workshops-and-events a:focus, .page-event-past .view-past-conferences-events a:hover, .page-event-past .view-past-conferences-events a:focus {
	text-decoration:underline !important;
}

.page-event-webinars-and-online-trainings .view-webinars-and-online-training-events .views-field-term-node-tid  .field-content, .page-event-workshops-and-other-events .view-workshops-and-events .views-field-term-node-tid  .field-content, .page-event-past .view-past-conferences-event .views-field-term-node-tid  .field-content{
	font-size: 13px;
	text-decoration: underline;
}

.page-events-calendar .view-calendar p, .page-event-webinars-and-online-trainings .view-webinars-and-online-training-events p , .page-event-workshops-and-other-events .view-workshops-and-events p, .page-event-past .view-past-conferences-events p{
	padding: 0 !important;
}

.field-label-above {
	padding-bottom: 16px;
}

/* Typography */
.views-field-field-description h1 {
	margin: 0;
	font-size: 1.5em;
}

.views-field-field-description p {
	margin: 0;
}

h3 {
	font-size: 1.3em !important;
	color: #016FA5;
}

h2.block-title {
	margin: 0;
	padding: 8px 24px;
	font-size: 20px;
	font-weight: 100;
}

.border-bottom {
	border-bottom: 1px solid #d2d2d2;
}

.block h3 {
	padding: 0;
	margin: 0;
	margin-top: 24px;
}



/* Sidebar Blocks */
.sidebar {
	margin-top: 16px;
}

.sidebar .block-inner {
	margin: 0;
	padding: 0;
}

.sidebar ul.menu {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid white;
}

.sidebar .menu li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar .menu li a{
	display: block;
	margin: 0;
	padding: 10px 24px;
	border-top: 2px solid white;
	font-size: 18px;
}

.sidebar .menu li a.active-trail,
.sidebar .menu li a:hover,
.sidebar .menu li a:focus {
	background: #e4e4e7;
	text-decoration: none;
}



.sidebar .menu li ul {
	margin-left: 0;
	padding-top: 0;
	border: none;
}

.sidebar .menu li ul.menu li {
	list-style: disc;
}

.sidebar .menu li ul.menu li a {
	border: none;
	padding-left: 48px;
}

.block-content {
	padding: 0px;
}

/* Buttons */
a.anchor-button {
	display: block;
	padding: 8px 25px;
	border-radius: 4px;
	font-size: 14px;
	text-decoration: none !important;
	font-weight: bold;
}

a.button-primary {
	background: #008FD6;
	color: #fff;
}

a.button-secondary {
	background: #d2d2d2;
	color: #555;
	margin-bottom: 24px;
}

.button-group a.anchor-button {
	float: left;
	display: inline-block;
	margin-right: 12px;
}

/*events*/
#block-views-calendar-block-2 ul li{
	margin-top: 1%;
	margin-bottom: 1%;
}

table, tbody, tfoot, thead, tr, th, td {
	border: 1px solid #ccc;
    margin: 0;
    outline: 0 none;
	padding: 0;
}

table {
    border: 1px solid #ccc;
    width: 100%;
	margin: 0 auto;
}

table td{
	padding-left: 5px;
	padding-right: 5px;
}

table.directory tr td:first-of-type {
	width: 33.333f%;
}
/*footer*/
#footer{
	padding: 12px 0;
}

#footer-inner{
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 24px;
}

@media screen and (min-width: 850px) {
	#block-block-2 {
		float: left;
		width: 65%;
	}
}

/* Messages */
#messages {
	margin-bottom: 60px;
}

/* Staff position / title */
.field-name-field-position-title {
	margin-top: -22px;
	font-style: italic;
}

/* Profile image */
.field-name-field-profile-image {
	float: right;
	width: 100%;
	max-width: 300px;
	margin: 0 0 24px 24px;
}

.field-name-field-profile-image img {
	border-radius: 4px;
	border: 1px solid #d8d8d8;
}

/* Staff List */
.view-staff-list:after {
	display:block;
	height:0;
	clear:both;
	content:".";
	visibility:hidden;
}

.view-staff-list .views-row {
	float: left;
	width: 33.33333%;
	padding: 0 24px 24px 0;
	text-align: center;
}

.view-staff-list img {
	width: 175px;
	height: 175px;
	border-radius: 4px;
	border: 1px solid #d8d8d8;
}

.view-staff-list .views-field-title {
	font-weight: bold;
}

.view-staff-list .views-field-field-position-title {
	font-size: 11px;
	font-style: italic;
	color: #616161;
	padding-bottom: 12px;
}

.view-staff-list .views-row:nth-child(3n+1) { clear: both; }

.node-type-staff .field-type-image figure img {
    margin-right: 0;
    margin-left: auto;
}

@media (max-width:640px) {
    .view-staff-list .views-row {
	width: 100%;
    }
}


.view-current-projects .views-field-title {
	font-size: 22px;
	font-weight: bold;
	color: #004466;
}

.view-current-projects .views-field-field-excerpt {
	padding-bottom: 24px;
}

/* UW Signature */
.uw-dept-signature {
	position: relative;
	padding-left: 80px;
	text-align: left;
}

.uw-logo-wrapper {
	position: absolute;
	left: 0;
	top: 6px;
}
 
.uw-dept-signature p {
	margin: 0;
	padding-bottom: 0px;
}

.uw-dept {
	line-height: 26px;
	font-size: 20px;
	font-weight: 900;
}

#logo .uw-dept {
	padding-bottom: 3px;
}

.uw-institution {
	font-size: 17px;
}

#logo a:link, #logo a:visited, #logo a:active, #logo a.active {
    color: black !important;
}

.uw-dept-address, .uw-dept-contact {
	font-size: 12.5px;
}

.uw-dept-address {
	padding-bottom: 12px;
}

#block-constant-contact-1 {
	width: 100%;
	max-width: 450px;
	margin-top: 30px;
}

#block-constant-contact-1 h2.block-title {
	font-size: 20px;
	margin: 0 0 6px 0;
	padding: 0 0 4px;
	color: white;
	border-bottom: 1px solid #01334C;
}

@media screen and (min-width: 850px) {
	/* Constant Contact */
	#block-constant-contact-1 {
		float: right;
		width: 35%;
		margin-top: 0px;
		text-align: left;
	}
	
	#block-constant-contact-1 h2.block-title {
		text-align: center;
	}
}



#block-constant-contact-1 .form-item {
	margin: 0;
}

#block-constant-contact-1 label {
	float: left;
	width: 90px;
	margin-top: 8px;
	padding-right: 8px;
	color: white;
	font-size: 13px;
	text-align: left;
}

#block-constant-contact-1 .form-text {
	float: left;
	width: 270px;
}

#block-constant-contact-1 .form-submit {
	margin-top: 8px;
	margin-left: 90px;
	width: 90px;
}

.file-size {
	font-size: 12px;
	font-style: italic;
	font-weight: bold;
}

/*event blocks*/
.item-list ul li{
	list-style-type: disc;
	list-style-image:none;
	margin-top: 2%;
	margin-bottom: 2%;
	padding: 8px 12px;
}
 
/* Really small screens and up */
@media only screen and (min-width:220px) {
	div.views-field-field-slide-image{
		float: left;
		width: 100%;
	}
	div.views-field-field-description{
		float: left;
		width: 100%;
		padding: 8px;
	}
}

/* Smartphones and up */
@media only screen and (min-width:320px) {
}

#block-search-form {
	display: none;
}

/* Tablets and up */
@media only screen and (min-width:768px) {
	#logo img {
      width: 600px;
	}

	div.views-field-field-slide-image{
		float: left;
	}

	#superfish-1 li {
		float: left;
	}
	
	#menu-bar ul.sf-menu li a {
		/*padding: 2px 24px;*/
		font-size: 1.7vw;
	}

	#menu-bar ul.sf-menu li a.sf-with-ul, #menu-bar ul.sf-menu li.sf-no-children a {
		padding: 2px 1vw 2px 1vw;
	}

	a > .sf-sub-indicator, span.nolink > .sf-sub-indicator {
		top: 0.8em;
	}

	#menu-bar ul li{
		margin-top: 5px;
	}	
}
/* Desktops/laptops and up */
@media only screen and (min-width:1025px) {
	#block-search-form {
		display: block;
	}		
	
	#block-superfish-1{
		float: left;
		width: 80%;
	}
	
	#menu-bar ul.sf-menu li a {
		font-size: 1.38vw;
	}
	
	#menu-bar ul li{
		margin-top: 0px;
	}	

#block-views-homepage-slide-block{
	padding: 0;
}
.search-form h2 {
	display: none;
}

.field-name-field-event-time {
	display: inline-block;
	margin-right: 5px;
}

.field-name-field-time-zone {
	display: inline-block;
}

/* Hack to hide date and time info on Respectful Interactions Course */
.course .date-display-end,
.course .field-name-field-event-time,
.course .field-name-field-time-zone,
.page-node-126 .field-name-field-event-time,
.page-node-126 .field-name-field-time-zone {
	display: none;
}

/*event blocks*/
#event_blocks_wrapper{
	display:flex;
	justify-content: center;
	align-content:center;
}

#block-views-e0489bc8ce89641c56c720b43b53b2ea, #block-views-211bad607691733aa69575d33e681328, #block-views-22be8ed16908f5ab4c6cc54b77da1086{
	flex-grow: 1;
	flex-basis:30%;
	padding: 8px 12px;
}
}

@media only screen and (min-width:1280px) {
	#menu-bar ul.sf-menu li a {
		font-size: 18px;
	}
	#menu-bar ul.sf-menu li a.sf-with-ul, #menu-bar ul.sf-menu li.sf-no-children a {
		padding: 2px 13px 2px 13px;
	}
}	

#webform-component-type-of-consultation > label, #webform-component-areas-to-be-reviewed > label {
	display: none;
}




/* HTML5 things for accordions */

details { border: 1px solid #ddd; border-radius: .5rem; padding: .5rem .75rem; margin: .5rem 0; }
details[open] { background: #fafafa; }
summary { cursor: pointer; font-weight: 600; outline: none; }
summary:focus-visible { outline: 2px solid #005fcc; border-radius: .25rem; }
summary::-webkit-details-marker { display: none; } /* hide default marker if you want custom */
summary::after { content: "▸"; float: right; transition: transform .15s; }
details[open] summary::after { transform: rotate(90deg); }



/* grid buttons */
/* Grid container for the UL */
/* Container */
.button-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(240px, 1fr));
  gap: 1rem;
  max-width: 900px;
  margin: 2rem auto;
  padding: 0;
  list-style: none;
  align-items: stretch; /* ensures each grid cell matches row height */
}

/* Each item */
.button-links li {
  margin: 0;
  display: flex; /* allows the <a> to stretch fully */
}

/* Button styling */
.button-links li a {
  flex: 1; /* stretch to fill LI */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;

  background: #005a9c;
  color: #fff !important;
  text-decoration: none !important;
  padding: 1rem 1.25rem;
  border-radius: 8px;
  font-weight: 600;
  line-height: 1.2;
  transition: background .2s ease;
}

.button-links li a:hover { background: #046; }
.button-links li a:active { transform: translateY(1px); }
.button-links li a:focus-visible {
  outline: 3px solid #ffbf47;
  outline-offset: 2px; 
}

/* odd-item centering */
.button-links li:nth-last-child(1):nth-child(odd) {
  grid-column: 1 / -1;       /* span both columns */
  justify-self: center;      /* center it in the grid */
  max-width: 420px;          /* optional: stop it stretching full width */
  width: 100%;
}

/* Mobile: single column, still stretch all equally */
@media (max-width: 600px) {
  .button-links {
    grid-template-columns: 1fr;
    max-width: 520px;
  }
}