/* ==========================================================================
   Fonts
   ========================================================================== */

/**
 * Body copy
 */
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,900,900italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300);
@import url(fontello.css);


/* override the default margin that comes with the fontello css file */
[class^="icon-"]:before, [class*=" icon-"]:before {
	margin: 0;
}



/* ==========================================================================
   Author's custom styles
   ========================================================================== */
html {
	font-size: 16px;
	font-family: 'Lato', serif;
	font-weight: 400;

	line-height: 1.2;

	color: #393939;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {

}

main {
	outline: none; /* for WCAG skip links - this section might get focus but doesn't need outlining. */
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

h1, h2, h3, h4 {
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
}

h1 {
	font-size: 40px;
	margin-top: 40px;
	margin-bottom: 30px;
}

h2 {
	font-size: 40px;
	margin-bottom: 30px;
}

h3 {
	font-size: 1.563em;
}

input,
button {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

hr {
	border-style: solid;
	border-width: 1px;
	border-color: #c1bdb9;
	border-bottom: none;

	margin-top: 20px;
	margin-bottom: 20px;
}


/* ==========================================================================
   Generic Styles
   ========================================================================== */

.wrapper {
	max-width: 1280px;
	margin: 0 auto;
}

.breakout {
	background-color: #f5f3f2;
	padding: 50px 0;
}

	.breakout--darker {
		background-color: #ece8e5; /* USED ON HOME AND LINK TILES  */
	}

	.breakout h2 {
		margin-top: 20px;
	}


/**
 * title styles
 */
.title--small-bold {
	font-size: 1.375em;
	font-weight: 700;
}

	.title--small-bold.has-border-bottom {
		padding-bottom: 15px;
	}


/**
 * button styles
 */
.button {
	display: block;
	color: white;
	background: #111E3E;
	border-top: solid 8px #091021;
	padding: 12px 20px 20px 20px;

	font-family: 'Roboto Slab', sans-serif;
	font-weight: 700;
	font-size: 1.250em;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.button:hover,
.button:focus {
	background: #091021;
	border-top-color: #111E3E;
}


/**
 * Add padding / margin / borders
 */
.has-padding {
	padding: 30px;
}

.has-padding--vertical {
	padding-top: 45px;
	padding-bottom: 45px;
}
.has-padding--right {
	padding-right: 20px;
}

.has-margin-top {
	margin-top: 30px;
}

.has-border-bottom {
	border-bottom: solid 1px #dbdbdb;
}
.has-border-top {
	border-top: solid 1px #dbdbdb;
}
.has-border-left--dashed {
	border-left: dashed 1px white;
}


/**
 * Add text styling
 */
.has-bold {
	font-weight: 700;
}
.has-underline {
	/*text-decoration: underline;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
}


/**
 * Remove padding / margin / borders
 */
.remove-margin--top {
	margin-top: 0;
}


/**
 * Reduce padding / margin / borders
 */
.reduce-padding--bottom {
	padding-bottom: 10px !important; /* force it! */
}



/* ==========================================================================
   Typesetting for dynamic content
   ========================================================================== */
/**
 * For content coming from the CMS that may not have classes attached
 * Wrap in a div with the class .typeset-content
 */

.typeset-content p {
	font-family: 'Lato', sans-serif;
	font-size: 1.0rem;
	font-weight: 300;
	max-width: 960px;
	line-height: 1.4;
}


.typeset-content ul {
	list-style: none;
	padding: 0;
	margin: 0;
	max-width: 960px;
	line-height: 1.4;
}

	.typeset-content li {
		font-family: 'Lato', sans-serif;
		font-size: 1.0rem;
		font-weight: 300;
		margin-left: 25px;
		margin-bottom: 5px;
	}

	.typeset-content li:before {
		font-style: normal;
		font-weight: normal;
		speak: none;
		content: '\2014';
		margin-left: -25px;
		margin-right: 12px;
	}



.typeset-content h1,
.typeset-content h2 {
	font-weight: 300;
	font-size: 40px;
	max-width: 960px;
	margin-top: 60px;
}

.breakout .typeset-content h2 {
	margin-top: 40px; /* breakout has padding, so reduce the margin to make it match normal sections. */
}




.typeset-content img {
	max-width: 100%;
}


.typeset-content a {
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	color: black;
	text-decoration: underline;
}



/* ==========================================================================
   Image with caption
   ========================================================================== */
.image {
	margin: 20px 0;
}

	.image__img {
		border: solid 1px #cbc4be;
		max-width: 100%;
		height: auto;
		margin-bottom: 20px;
	}

	.image__caption {
		font-weight: 300;
		max-width: 960px;
		padding-bottom: 20px;
		border-bottom: solid 1px #cbc4be;
		padding-left: 20px;
		position: relative;
	}

	.image__caption:before {
		content: '\e809';
		font-family: 'fontello';
		position: absolute;
		left: 0;
	}

	.image__caption strong {
		font-weight: 700;
	}


/* ==========================================================================
   Modals
   ========================================================================== */
.modal {}

	.modal-header {
		text-align: right;
	}

	.modal-body {
		background: white;
	}



.modal .close {
	border: solid 1px transparent;
	background: transparent;
	color: white;
	font-family: 'Roboto Slab';
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 10px;
}

.modal .close:focus {
	border: solid 1px white;
}



.modal .image {
	margin: 0;
}
.modal .image__img {
	display: block;
	margin-bottom: 0;
	/*border: none;*/
	/*width: 100%;*/
}
.modal .image__caption {
	border-bottom: none;
	padding-bottom: 0;
	margin: 20px 0 10px 0;
}



.carousel {
	position: relative;
}


.carousel-control {
	position: absolute;
	/*top: 140px;*/
	/*top: 50%;
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);*/
	top: 0;

	bottom: auto;

	font-size: 95px;
	color: white;
}

.carousel-control.left {
	left: -120px;
}

.carousel-control.right {
	right: -120px;
}


.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	border: 0;
}
.embed-responsive-16by9 {
	padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
	padding-bottom: 75%;
}




/* ==========================================================================
   Grid
   ========================================================================== */
/**
 * 1. Allow the grid system to be used on lists.
 * 2. Apply a negative `margin-left` to negate the columns’ gutters. [NOT REQUIRED - ADDING MARGINS TO CONTENT WITHIN THE GRID ITEM]
 * 3. Clearfix for the grid.
 */

.grid {
	list-style: none;                /* [1] */
	margin-left: -20px;              /* [2] */
}

.grid:before,						 /* [3] */
.grid:after {
	content: " ";
	display: table;
}

.grid:after {						/* [3] */
	clear: both;
}



	.grid__item {
		float: left;
		padding-left: 20px;
	}
	
	



	.one-whole         { width:100%; }


	/**
	 * Halves
	 */
	.one-half          { width:50%; }


	/**
	 * Thirds
	 */
	.one-third         { width:33.333%; }
	.two-thirds        { width:66.666%; }


	/**
	 * Quarters
	 */
	.one-quarter       { width:25%; }
	.two-quarters      { width:50%; }
	.three-quarters    { width:75%; }


	/**
	 * Fifths
	 */
	.one-fifth         { width:20%; }
	.two-fifths        { width:40%; }
	.three-fifths      { width:60%; }
	.four-fifths       { width:80%; }


	/**
	 * Sixths
	 */
	.one-sixth         { width:16.666%; }
	.two-sixths        { width:33.333%; }
	.three-sixths      { width:50%; }
	.four-sixths       { width:66.666%; }
	.five-sixths       { width:83.333%; }


	/**
	 * Eighths
	 */
	.one-eighth        { width:12.5%; }
	.two-eighths       { width:25%; }
	.three-eighths     { width:37.5%; }
	.four-eighths      { width:50%; }
	.five-eighths      { width:62.5%; }
	.six-eighths       { width:75%; }
	.seven-eighths     { width:87.5%; }


	/**
	 * Tenths
	 */
	.one-tenth         { width:10%; }
	.two-tenths        { width:20%; }
	.three-tenths      { width:30%; }
	.four-tenths       { width:40%; }
	.five-tenths       { width:50%; }
	.six-tenths        { width:60%; }
	.seven-tenths      { width:70%; }
	.eight-tenths      { width:80%; }
	.nine-tenths       { width:90%; }


	/**
	 * Twelfths
	 */
	.one-twelfth       { width:8.333%; }
	.two-twelfths      { width:16.666%; }
	.three-twelfths    { width:25%; }
	.four-twelfths     { width:33.333%; }
	.five-twelfths     { width:41.666% }
	.six-twelfths      { width:50%; }
	.seven-twelfths    { width:58.333%; }
	.eight-twelfths    { width:66.666%; }
	.nine-twelfths     { width:75%; }
	.ten-twelfths      { width:83.333%; }
	.eleven-twelfths   { width:91.666%; }


/**
 * Grid classes for different breakpoints....
 */
@media only screen and (max-width: 1300px) {
	/**
	* Whole
	*/
	.tablet-land--one-whole         { width:100%; }


	/**
	 * Halves
	 */
	.tablet-land--one-half          { width:50%; }


	/**
	 * Thirds
	 */
	.tablet-land--one-third         { width:33.333%; }
	.tablet-land--two-thirds        { width:66.666%; }


	/**
	 * Quarters
	 */
	.tablet-land--one-quarter       { width:25%; }
	.tablet-land--two-quarters      { width:50%; }
	.tablet-land--three-quarters    { width:75%; }


	/**
	 * Fifths
	 */
	.tablet-land--one-fifth         { width:20%; }
	.tablet-land--two-fifths        { width:40%; }
	.tablet-land--three-fifths      { width:60%; }
	.tablet-land--four-fifths       { width:80%; }


	/**
	 * Sixths
	 */
	.tablet-land--one-sixth         { width:16.666%; }
	.tablet-land--two-sixths        { width:33.333%; }
	.tablet-land--three-sixths      { width:50%; }
	.tablet-land--four-sixths       { width:66.666%; }
	.tablet-land--five-sixths       { width:83.333%; }


	/**
	 * Eighths
	 */
	.tablet-land--one-eighth        { width:12.5%; }
	.tablet-land--two-eighths       { width:25%; }
	.tablet-land--three-eighths     { width:37.5%; }
	.tablet-land--four-eighths      { width:50%; }
	.tablet-land--five-eighths      { width:62.5%; }
	.tablet-land--six-eighths       { width:75%; }
	.tablet-land--seven-eighths     { width:87.5%; }


	/**
	 * Tenths
	 */
	.tablet-land--one-tenth         { width:10%; }
	.tablet-land--two-tenths        { width:20%; }
	.tablet-land--three-tenths      { width:30%; }
	.tablet-land--four-tenths       { width:40%; }
	.tablet-land--five-tenths       { width:50%; }
	.tablet-land--six-tenths        { width:60%; }
	.tablet-land--seven-tenths      { width:70%; }
	.tablet-land--eight-tenths      { width:80%; }
	.tablet-land--nine-tenths       { width:90%; }


	/**
	 * Twelfths
	 */
	.tablet-land--one-twelfth       { width:8.333%; }
	.tablet-land--two-twelfths      { width:16.666%; }
	.tablet-land--three-twelfths    { width:25%; }
	.tablet-land--four-twelfths     { width:33.333%; }
	.tablet-land--five-twelfths     { width:41.666% }
	.tablet-land--six-twelfths      { width:50%; }
	.tablet-land--seven-twelfths    { width:58.333%; }
	.tablet-land--eight-twelfths    { width:66.666%; }
	.tablet-land--nine-twelfths     { width:75%; }
	.tablet-land--ten-twelfths      { width:83.333%; }
	.tablet-land--eleven-twelfths   { width:91.666%; }
}

@media only screen and (max-width: 1023px) {
	/**
	* Whole
	*/
	.tablet-port--one-whole         { width:100%; }


	/**
	 * Halves
	 */
	.tablet-port--one-half          { width:50%; }


	/**
	 * Thirds
	 */
	.tablet-port--one-third         { width:33.333%; }
	.tablet-port--two-thirds        { width:66.666%; }


	/**
	 * Quarters
	 */
	.tablet-port--one-quarter       { width:25%; }
	.tablet-port--two-quarters      { width:50%; }
	.tablet-port--three-quarters    { width:75%; }


	/**
	 * Fifths
	 */
	.tablet-port--one-fifth         { width:20%; }
	.tablet-port--two-fifths        { width:40%; }
	.tablet-port--three-fifths      { width:60%; }
	.tablet-port--four-fifths       { width:80%; }


	/**
	 * Sixths
	 */
	.tablet-port--one-sixth         { width:16.666%; }
	.tablet-port--two-sixths        { width:33.333%; }
	.tablet-port--three-sixths      { width:50%; }
	.tablet-port--four-sixths       { width:66.666%; }
	.tablet-port--five-sixths       { width:83.333%; }


	/**
	 * Eighths
	 */
	.tablet-port--one-eighth        { width:12.5%; }
	.tablet-port--two-eighths       { width:25%; }
	.tablet-port--three-eighths     { width:37.5%; }
	.tablet-port--four-eighths      { width:50%; }
	.tablet-port--five-eighths      { width:62.5%; }
	.tablet-port--six-eighths       { width:75%; }
	.tablet-port--seven-eighths     { width:87.5%; }


	/**
	 * Tenths
	 */
	.tablet-port--one-tenth         { width:10%; }
	.tablet-port--two-tenths        { width:20%; }
	.tablet-port--three-tenths      { width:30%; }
	.tablet-port--four-tenths       { width:40%; }
	.tablet-port--five-tenths       { width:50%; }
	.tablet-port--six-tenths        { width:60%; }
	.tablet-port--seven-tenths      { width:70%; }
	.tablet-port--eight-tenths      { width:80%; }
	.tablet-port--nine-tenths       { width:90%; }


	/**
	 * Twelfths
	 */
	.tablet-port--one-twelfth       { width:8.333%; }
	.tablet-port--two-twelfths      { width:16.666%; }
	.tablet-port--three-twelfths    { width:25%; }
	.tablet-port--four-twelfths     { width:33.333%; }
	.tablet-port--five-twelfths     { width:41.666% }
	.tablet-port--six-twelfths      { width:50%; }
	.tablet-port--seven-twelfths    { width:58.333%; }
	.tablet-port--eight-twelfths    { width:66.666%; }
	.tablet-port--nine-twelfths     { width:75%; }
	.tablet-port--ten-twelfths      { width:83.333%; }
	.tablet-port--eleven-twelfths   { width:91.666%; }
}

@media only screen and (max-width: 767px) {
	/**
	* Whole
	*/
	.mob-land--one-whole         { width:100%; }


	/**
	 * Halves
	 */
	.mob-land--one-half          { width:50%; }


	/**
	 * Thirds
	 */
	.mob-land--one-third         { width:33.333%; }
	.mob-land--two-thirds        { width:66.666%; }


	/**
	 * Quarters
	 */
	.mob-land--one-quarter       { width:25%; }
	.mob-land--two-quarters      { width:50%; }
	.mob-land--three-quarters    { width:75%; }


	/**
	 * Fifths
	 */
	.mob-land--one-fifth         { width:20%; }
	.mob-land--two-fifths        { width:40%; }
	.mob-land--three-fifths      { width:60%; }
	.mob-land--four-fifths       { width:80%; }


	/**
	 * Sixths
	 */
	.mob-land--one-sixth         { width:16.666%; }
	.mob-land--two-sixths        { width:33.333%; }
	.mob-land--three-sixths      { width:50%; }
	.mob-land--four-sixths       { width:66.666%; }
	.mob-land--five-sixths       { width:83.333%; }


	/**
	 * Eighths
	 */
	.mob-land--one-eighth        { width:12.5%; }
	.mob-land--two-eighths       { width:25%; }
	.mob-land--three-eighths     { width:37.5%; }
	.mob-land--four-eighths      { width:50%; }
	.mob-land--five-eighths      { width:62.5%; }
	.mob-land--six-eighths       { width:75%; }
	.mob-land--seven-eighths     { width:87.5%; }


	/**
	 * Tenths
	 */
	.mob-land--one-tenth         { width:10%; }
	.mob-land--two-tenths        { width:20%; }
	.mob-land--three-tenths      { width:30%; }
	.mob-land--four-tenths       { width:40%; }
	.mob-land--five-tenths       { width:50%; }
	.mob-land--six-tenths        { width:60%; }
	.mob-land--seven-tenths      { width:70%; }
	.mob-land--eight-tenths      { width:80%; }
	.mob-land--nine-tenths       { width:90%; }


	/**
	 * Twelfths
	 */
	.mob-land--one-twelfth       { width:8.333%; }
	.mob-land--two-twelfths      { width:16.666%; }
	.mob-land--three-twelfths    { width:25%; }
	.mob-land--four-twelfths     { width:33.333%; }
	.mob-land--five-twelfths     { width:41.666% }
	.mob-land--six-twelfths      { width:50%; }
	.mob-land--seven-twelfths    { width:58.333%; }
	.mob-land--eight-twelfths    { width:66.666%; }
	.mob-land--nine-twelfths     { width:75%; }
	.mob-land--ten-twelfths      { width:83.333%; }
	.mob-land--eleven-twelfths   { width:91.666%; }
}

@media only screen and (max-width: 480px) {
	/**
	* Whole
	*/
	.mob-port--one-whole         { width:100%; }


	/**
	 * Halves
	 */
	.mob-port--one-half          { width:50%; }


	/**
	 * Thirds
	 */
	.mob-port--one-third         { width:33.333%; }
	.mob-port--two-thirds        { width:66.666%; }


	/**
	 * Quarters
	 */
	.mob-port--one-quarter       { width:25%; }
	.mob-port--two-quarters      { width:50%; }
	.mob-port--three-quarters    { width:75%; }


	/**
	 * Fifths
	 */
	.mob-port--one-fifth         { width:20%; }
	.mob-port--two-fifths        { width:40%; }
	.mob-port--three-fifths      { width:60%; }
	.mob-port--four-fifths       { width:80%; }


	/**
	 * Sixths
	 */
	.mob-port--one-sixth         { width:16.666%; }
	.mob-port--two-sixths        { width:33.333%; }
	.mob-port--three-sixths      { width:50%; }
	.mob-port--four-sixths       { width:66.666%; }
	.mob-port--five-sixths       { width:83.333%; }


	/**
	 * Eighths
	 */
	.mob-port--one-eighth        { width:12.5%; }
	.mob-port--two-eighths       { width:25%; }
	.mob-port--three-eighths     { width:37.5%; }
	.mob-port--four-eighths      { width:50%; }
	.mob-port--five-eighths      { width:62.5%; }
	.mob-port--six-eighths       { width:75%; }
	.mob-port--seven-eighths     { width:87.5%; }


	/**
	 * Tenths
	 */
	.mob-port--one-tenth         { width:10%; }
	.mob-port--two-tenths        { width:20%; }
	.mob-port--three-tenths      { width:30%; }
	.mob-port--four-tenths       { width:40%; }
	.mob-port--five-tenths       { width:50%; }
	.mob-port--six-tenths        { width:60%; }
	.mob-port--seven-tenths      { width:70%; }
	.mob-port--eight-tenths      { width:80%; }
	.mob-port--nine-tenths       { width:90%; }


	/**
	 * Twelfths
	 */
	.mob-port--one-twelfth       { width:8.333%; }
	.mob-port--two-twelfths      { width:16.666%; }
	.mob-port--three-twelfths    { width:25%; }
	.mob-port--four-twelfths     { width:33.333%; }
	.mob-port--five-twelfths     { width:41.666% }
	.mob-port--six-twelfths      { width:50%; }
	.mob-port--seven-twelfths    { width:58.333%; }
	.mob-port--eight-twelfths    { width:66.666%; }
	.mob-port--nine-twelfths     { width:75%; }
	.mob-port--ten-twelfths      { width:83.333%; }
	.mob-port--eleven-twelfths   { width:91.666%; }
}


@media only screen and (max-width: 320px) {
	/**
	* Whole
	*/
	.mob-tiny-port--one-whole         { width:100%; }


	/**
	 * Halves
	 */
	.mob-tiny-port--one-half          { width:50%; }


	/**
	 * Thirds
	 */
	.mob-tiny-port--one-third         { width:33.333%; }
	.mob-tiny-port--two-thirds        { width:66.666%; }


	/**
	 * Quarters
	 */
	.mob-tiny-port--one-quarter       { width:25%; }
	.mob-tiny-port--two-quarters      { width:50%; }
	.mob-tiny-port--three-quarters    { width:75%; }


	/**
	 * Fifths
	 */
	.mob-tiny-port--one-fifth         { width:20%; }
	.mob-tiny-port--two-fifths        { width:40%; }
	.mob-tiny-port--three-fifths      { width:60%; }
	.mob-tiny-port--four-fifths       { width:80%; }


	/**
	 * Sixths
	 */
	.mob-tiny-port--one-sixth         { width:16.666%; }
	.mob-tiny-port--two-sixths        { width:33.333%; }
	.mob-tiny-port--three-sixths      { width:50%; }
	.mob-tiny-port--four-sixths       { width:66.666%; }
	.mob-tiny-port--five-sixths       { width:83.333%; }


	/**
	 * Eighths
	 */
	.mob-tiny-port--one-eighth        { width:12.5%; }
	.mob-tiny-port--two-eighths       { width:25%; }
	.mob-tiny-port--three-eighths     { width:37.5%; }
	.mob-tiny-port--four-eighths      { width:50%; }
	.mob-tiny-port--five-eighths      { width:62.5%; }
	.mob-tiny-port--six-eighths       { width:75%; }
	.mob-tiny-port--seven-eighths     { width:87.5%; }


	/**
	 * Tenths
	 */
	.mob-tiny-port--one-tenth         { width:10%; }
	.mob-tiny-port--two-tenths        { width:20%; }
	.mob-tiny-port--three-tenths      { width:30%; }
	.mob-tiny-port--four-tenths       { width:40%; }
	.mob-tiny-port--five-tenths       { width:50%; }
	.mob-tiny-port--six-tenths        { width:60%; }
	.mob-tiny-port--seven-tenths      { width:70%; }
	.mob-tiny-port--eight-tenths      { width:80%; }
	.mob-tiny-port--nine-tenths       { width:90%; }


	/**
	 * Twelfths
	 */
	.mob-tiny-port--one-twelfth       { width:8.333%; }
	.mob-tiny-port--two-twelfths      { width:16.666%; }
	.mob-tiny-port--three-twelfths    { width:25%; }
	.mob-tiny-port--four-twelfths     { width:33.333%; }
	.mob-tiny-port--five-twelfths     { width:41.666% }
	.mob-tiny-port--six-twelfths      { width:50%; }
	.mob-tiny-port--seven-twelfths    { width:58.333%; }
	.mob-tiny-port--eight-twelfths    { width:66.666%; }
	.mob-tiny-port--nine-twelfths     { width:75%; }
	.mob-tiny-port--ten-twelfths      { width:83.333%; }
	.mob-tiny-port--eleven-twelfths   { width:91.666%; }
}




/* ==========================================================================
   Two column layout
   ========================================================================== */

.layout--two-col {
	position: relative;
}


	/**
	 * Main section colum
	 * 1. padding to make room for the absolutely positioned sidebar
	 * 2. breakout uses background image so it only applies to the left of the viewport rather than full width.
	 */

	.layout--two-col__main .wrapper {
		padding-right: 390px;
	}

		.layout--two-col__main .breakout {
			background-color: transparent;
			background-image: url('../images/bg-breakout.gif');	/* [2] */
			background-repeat: repeat-y;

			padding: 0;
			margin-top: 40px;
		}

		.layout--two-col__main .breakout .wrapper {
			background-color: transparent;
			background-image: url('../images/bg-breakout.gif');	/* [2] */
			background-repeat: repeat-y;

			padding-top: 20px;
			padding-bottom: 40px;
		}
		
		
	.layout--two-col__main_program .wrapper {
		padding-right: 390px;
	}
	
	
	@media only screen and (max-width: 767px) {

		body.summit .layout--two-col__main_program .wrapper {
			padding-right: 20px;
		}
		
		body.summit .layout--two-col__main_program_two .wrapper {
			padding-right: 20px;
		}

	}
	
	

		.layout--two-col__main_program .breakout {
			background-color: transparent;
			background-image: url('../images/bg-breakout.gif');	/* [2] */
			background-repeat: repeat-y;

			padding: 0;
			margin-top: 40px;
		}

		.layout--two-col__main_program .breakout .wrapper {
			background-color: transparent;
			background-image: url('../images/bg-breakout.gif');	/* [2] */
			background-repeat: repeat-y;

			padding-top: 20px;
			padding-bottom: 40px;
		}
		
	.layout--two-col__main_program_two .wrapper {
		padding-right: 390px;
	}

		.layout--two-col__main_program_two .breakout {
			background-color: transparent;
			background-image: url('../images/bg-breakout.gif');	/* [2] */
			background-repeat: repeat-y;

			padding: 0;
			margin-top: 40px;
		}

		.layout--two-col__main_program_two .breakout .wrapper {
			background-color: transparent;
			background-image: url('../images/bg-breakout.gif');	/* [2] */
			background-repeat: repeat-y;

			padding-top: 20px;
			padding-bottom: 40px;
		}		



	/**
	 * Sidebar column
	 * 1. helper to align the sidebar with the website content
	 */

	 /* [1] */
	.layout--two-col__sidebar {
		width: 1260px;
		/*margin: 0 auto;*/
		position: absolute;
		top:0;
		left: 50%;
		margin-left: -630px;
	}

		.layout--two-col__sidebar__content {
			position: absolute;
			right: 0;
			top: 0;

			width: 315px;
			padding: 0 0 0 20px;
			background-color: white;
		}




/* ==========================================================================
   Forms
   ========================================================================== */
.form {
	margin-bottom: 80px;
}

	/**
	 * Form containers
	 * 1. clearfix for row
	 */

	.form__row {

	}

	.form__row:before,						 /* [1] */
	.form__row:after {
		content: " ";
		display: table;
	}

	.form__row :after {						/* [1] */
		clear: both;
	}


		.form__col {
			position: relative;
/* 			overflow: hidden; */
			padding-top: 20px;
		}








	.form__text-input {
		width: 100%;
		padding: 15px;
		border: solid 1px #cbc4be;
		border-radius: 0;
		background: #f7f4f2;
		min-height: 61px;

		font-family: "Roboto Slab", sans-serif;
		font-weight: 700;
		font-size: 1.250em;
		color: #a3958c;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		-webkit-appearance: none;
	}

	.form__textarea {
		width: 100%;
		height: 180px;
		padding: 15px;
		border: solid 1px #cbc4be;
		border-radius: 0;
		background: #f7f4f2;

		font-family: "Roboto Slab", sans-serif;
		font-weight: 700;
		font-size: 1.250em;
		color: #a3958c;

		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		-webkit-appearance: none;
	}

	.form__drop-select {
		position: relative;
		background: #f7f4f2;
	}
	.form__drop-select:after {
		content: '\e81e';
		font-family: 'fontello';
		font-style: normal;
		font-weight: normal;
		speak: none;
		color: #b4b4b2;

		position: absolute;
		right: 15px;
		top: 50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}



		.form__drop-select select {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;

			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;

			background: transparent;
			border: solid 1px #cbc4be;
			border-radius: 0;

			/*margin-right: 20px;*/
			padding: 15px 40px 15px 15px;
			min-height: 61px;
			display: block;
			width: 100%;
			color: #a3958c;

			font-family: "Roboto Slab", sans-serif;
			font-weight: 700;
			font-size: 1.250em;
		}

		.form__drop-select select:focus {
			outline: none;
			border-color: black;
		}

		/*.form__drop-select select:valid {
			color: #393939;
		}*/





	.form__drop-select--pill {
		margin-right: 20px;
		background: transparent;

	}
		.form__drop-select--pill select {
			border-radius: 15px;
			padding: 5px 10px;
			border: solid 1px #b4b4b2;
			color: #b4b4b2;
			min-height: auto;
			font-size: 1.000em;
		}





	.form__label {
		font-family: "Roboto Slab", sans-serif;
		font-weight: 700;
		font-size: 1.250em;
		color: #a3958c;

		position: absolute;
		top: 35px;
		left: 15px;

		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

		.grid__item > .form__label {
			left: 35px;
		}



	.form__text-input:focus + .form__label,
	.form__text-input:valid + .form__label,

	.form__textarea:focus + .form__label,
	.form__textarea:valid + .form__label {
		top: 3px;
		left: 0;
		font-size: 11px;
		text-transform: uppercase;
		color: #a3958c;
	}


		.grid__item > .form__text-input:focus + .form__label,
		.grid__item > .form__text-input:valid + .form__label,

		.grid__item > .form__textarea:focus + .form__label,
		.grid__item > .form__textarea:valid + .form__label {
			left: 20px;
		}





	.form--in-breakout {
		margin-bottom: 40px;
	}

		.form--in-breakout .form__text-input,
		.form--in-breakout .form__textarea,
		.form--in-breakout .form__drop-select {
			background: white;
		}

		.form--in-breakout .form__label {
			color: #cbc4be;
		}
		.form--in-breakout .form__drop-select {
			color: #cbc4be;
		}


		.form--in-breakout .action-link {
			margin-top: 20px;
		}


	.form__text-input:focus,
	.form__textarea:focus,
	button:focus {
		border: solid 1px #393939;
		outline: none;
	}


	/* validation */
	label.error {
		font-family: "Roboto Slab", sans-serif;
		font-weight: 400;
		font-size: 14px;
		color: #B65209;

		margin: 5px 0;
		display: block;
	}










/* ==========================================================================
   Accordion
   ========================================================================== */

/**
 * jquery ui overrides
 */
.ui-accordion-header-icon {
	display: none;
}

.ui-accordion .ui-accordion-content {

}


/**
 * generic settings
 */
.accordion { }

	.accordion__title {
		margin: 0;
		position: relative;
		display: block;
		clear: both;

		cursor: pointer;
	}

	.accordion__title:focus {
/* 		outline: solid 1px #B65209; */
		outline: none;
		background: rgba(236,232,229,0.3);
	}

	.accordion__title:after {
		font-family: "fontello";
		content: '\e81e';
		color: #a3958c;
		position: absolute;
		right: 20px;
		top: 50%;
		-ms-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);


	}

		.accordion__title.ui-accordion-header-active:after {
			content: '\e81c';
			color: #B65209;
		}

	.accordion__content {
		background-color: white;
		padding: 0px;
	}



/**
 * large accordion in content area
 * ie: communication page etc
 */
.accordion--section {
	border-bottom: solid 1px #c1bdb9;
	margin-top: 70px;
	margin-bottom: 160px;
}

	.accordion--section .accordion__title {
		padding: 20px 50px 20px 0;
		border-top: solid 1px #c1bdb9;
	}


	.accordion--section .accordion__content {
		padding: 20px 0 80px 0;
		border-top: solid 1px #c1bdb9;
	}
	
body.advocacy-news .accordion--section {
    border-bottom: none;
    margin-top: 40px;
    margin-bottom: 40px;
}	


.button-group button.active{
	border: 1px solid #393939;
	background: #393939;
	padding: 5px 15px;
	color: #fff;
	text-decoration: none;	
	border-radius: 2px;
	
	
}

.button-group button{
	border: 1px solid #393939;
	background: #f0f0f0;
	padding: 5px 15px;
	text-align: center;
	color: #393939;
	text-decoration: none;	
	border-radius: 2px;
	margin-right: 5px;
	
}



/**
 * accordion in the breakout area.
 * generally for faqs
 */
.accordion--in-breakout {}

	/**
	 * title
	 */
	.accordion--in-breakout .accordion__title {
		background-color: #dfd9d5;
		padding: 20px 50px 20px 20px;
		margin-bottom: 10px;

		font-family: 'Roboto Slab';
		font-weight: 700;
		font-size: 1.250em;
	}

		.accordion--in-breakout .accordion__title.ui-accordion-header-active {
			color: #B65209;
		}

		.accordion--in-breakout .accordion__title:focus {
			background: #cecac7;
		}


	.accordion--in-breakout .accordion__title.is-question {
		padding-left: 50px;
	}
	@media (max-width: 767px) {
		#program-schedule .accordion--in-breakout.program .accordion__title {
			padding-left:  20px;
		}
	}
	.accordion--in-breakout:not(.program) .accordion__title.is-question:before {
		content: 'Q:';
		margin-right: 10px;
		margin-left: -30px;
		color: #B65209;
	}



	/**
	 * content
	 */
	.accordion--in-breakout .accordion__content {
		margin-top: -10px;
		margin-bottom: 10px;
		font-size: 1.250em;
		padding: 20px;
	}

	.accordion--in-breakout .accordion__content a {
		text-decoration: none;
		color: #B65209;
		border-bottom: solid 1px;
	}


	.accordion--in-breakout .accordion__content ul {
		list-style: none;
		padding: 0;
		margin: 0 0 20px 0;
	}

	.accordion--in-breakout .accordion__content ul li {
		margin-left: 30px;
		margin-bottom: 5px;
	}

	.accordion--in-breakout .accordion__content ul li:before {
		font-style: normal;
		font-weight: normal;
		speak: none;
		content: '\2014';
		margin-left: -30px;
		margin-right: 12px;
	}

	.accordion--in-breakout .accordion__content ol {
		margin-bottom: 20px;
	}

	.accordion--in-breakout .accordion__content ol > li:before {
		display: none;
	}

	.accordion--in-breakout .accordion__content ol li ul {
		margin-left: 0;
		margin-top: 15px;
	}


	.accordion--in-breakout .accordion__content li ul {
		margin-left: 50px;
/* 		margin-top: 20px; */
		margin-top: 0;
	}


	.accordion--in-breakout .accordion__content .is-question,
	.accordion--in-breakout .accordion__content .is-answer {
		padding-left: 30px;
	}

	.accordion--in-breakout .accordion__content .is-question:before,
	.accordion--in-breakout .accordion__content .is-answer:before {
		margin-right: 10px;
		margin-left: -30px;
		color: #B65209;

		font-family: 'Roboto Slab';
		font-weight: 700;
		font-size: 1.250rem;
	}

	.accordion--in-breakout:not(.program) .accordion__content .is-question:before {
		content: 'Q:';
	}

	.accordion--in-breakout:not(.program) .accordion__content .is-answer:before {
		content: 'A:';
	}

	.accordion--in-breakout .accordion__content .is-question p,
	.accordion--in-breakout .accordion__content .is-answer p {

		margin-top: 0;
		display: inline-block;
		width: calc(100% - 50px);
		vertical-align: top;
	}


	/**
	 * list of multiple faqs that appear in the one accordion item
	 */
	.accordion__faq__list {
		list-style: none;
		margin: 0;
		padding: 0;
	}

		.accordion__faq__item {
			border-top: solid 1px #dfd9d5;
			padding-top: 20px;
			margin-left: 0 !important; /* cancel styling that is on lists within the dynamic content of the accordion item. */
		}

			.accordion__faq__item:before {
				display: none; /* cancel styling that is on lists within the dynamic content of the accordion item. */
			}

		.accordion__faq__item:first-child {
			border-top: none;
		}



/* ==========================================================================
   Generic Compnents
   ========================================================================== */
.action-link {
	position: relative;
	display: block;
	background-color: #f7f4f2;
	border: solid 1px #d3cdc7;
	border-radius: 5px;
	color: #393939;
	text-decoration: none;
	text-align: left;
	padding: 0;

	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


	.action-link__text {
		display: block;
		padding: 10px 50px 10px 20px;

		font-family: 'Roboto Slab', serif;
		font-weight: 300;
		font-size: 1.375em;
	}

	.action-link__icon {
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
		background: #a3958c;
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px;
		color: white;
		font-size: 26px;

		padding: 0 10px;

		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}

	.action-link__icon:before {
		position: relative;
		top: 6px;
	}



.action-link.yellow {
	border-color: #ffac37;
	background-color: #fffaef;
}

	.action-link.yellow .action-link__icon {
		background-color: #ffac37;
	}


.action-link:hover,
.action-link:focus {
	color: #e83536;
	background-color: #fdf3f3;
	border-color: #e83536;
}

.action-link:hover .action-link__icon,
.action-link:focus .action-link__icon {
	background-color: #e83536;
}

.action-link-news:hover,
.action-link-news:focus  {
	color: #e83536;
	background-color: #fdf3f3;
	border-color: #e83536;
}


/* ==========================================================================
   Header
   ========================================================================== */

.header-main {
	padding-top: 20px;
	position: relative;
	z-index: 100;
}

	.header-main__logo {
		width: 400px;
		height: auto;
	}


	.header-main__search {
		float: right;
		border-left: solid 1px #c1bdb9;
		border-right: solid 1px #c1bdb9;
	}

		.header-main__search__input {
			border: none;
			width: 245px;
			padding: 13px 20px 15px 20px;
			margin: 0;
			font-size: 1.063em;
/* 			text-transform: uppercase; */
			height: 50px;

			color: #727272;
		}

		.header-main__search__button {
			border: none;
			background: transparent;
			padding: 0 12px;
			font-size: 2em;
			color: #a5aaab;
			border-left: solid 1px #c1bdb9;
			height: 50px;
			vertical-align: top;
		}


	.header-main__navigation {
		border-top: solid 1px #c1bdb9;
		border-bottom: solid 1px #c1bdb9;
		margin-top: 20px;
	}


/* ==========================================================================
   WCAG - Content skip links
   ========================================================================== */

.access-skip-links {
	width: 100%;
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}

	.access-skip-links__item {
		display: inline;
	}

		.access-skip-links__link {
			width: 100%;
			padding: 20px;
			background: black;
			color: white;
			position: absolute;
			left: -1000em;
		}

		.access-skip-links__link:focus {
			left: auto;
		}


/* ==========================================================================
   Navigation
   ========================================================================== */


.navigation-main {
	outline: none;
	display: block;
}


	.navigation-main__list {
		list-style: none;
		margin: 0;
		padding: 0;
		float: left;
	}


		.navigation-main__item {
			float: left;
			position: relative;
		}

		.navigation-main__item:hover > .navigation-main--subnav,
		.navigation-main__item.hover > .navigation-main--subnav {
			visibility: visible;
			opacity: 1;
		}
		
		.navigation-main--subnav__item:hover > .navigation-sub--subnav,
		.navigation-main--subnav__item.hover > .navigation-sub--subnav {
			visibility: visible;
			opacity: 1;
		}



			.navigation-main__link {
				display: block;
				padding: 15px 15px 11px 15px;
				min-height: 51px;
				color: #727272;
				font-size: 1.063em;
				text-transform: uppercase;
				text-decoration: none;
				border-bottom: solid 7px transparent;
				margin-bottom: -3px; /* pull up a few pixels so link rollover border sits over the nav border */
				position: relative;


				-webkit-transition: all 0.5s ease;
				-moz-transition: all 0.5s ease;
				-o-transition: all 0.5s ease;
				transition: all 0.5s ease;
			}

			.navigation-main__link.current {
				border-bottom-color: black;
				color: #B65209;
			}


			.navigation-main .navigation-main__link:hover,
			.navigation-main .navigation-main__item:hover .navigation-main__link,
			.navigation-main .navigation-main__item.hover .navigation-main__link {
				border-bottom-color: #B65209;
				color: #B65209;
/* 				z-index: 5; */
			}





		.navigation-main--subnav {
			list-style: none;
			margin: 0;
			margin-top: -4px;
			position: absolute;
			background-color: rgba(0,0,0,0.8);
			padding: 15px 20px;
			min-width: 100%;
			border-top: solid 7px #B65209;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
	
			visibility: hidden;
			opacity: 0;
	
			z-index: 10;
		}

		.navigation-main--subnav__item {
			border-top: solid 1px #4a4949;
		}

		.navigation-main--subnav__item:first-child {
			border-top: none;
		}


		.navigation-main--subnav__link {
			display: block;
			color: white;
			white-space: nowrap;
			text-decoration: none;
			padding: 8px 0 10px 0;

			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 0.938em;
			line-height: 1;

			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}

		.navigation-main--subnav__link.current,
		.navigation-main--subnav__link:hover {
			color: #B65209;
		}

		/* sub->sub navigation */
		
		.navigation-sub--subnav {
			list-style: none;
			margin: 0;
			margin-top: 0;
			position: absolute;
			background-color: rgba(0,0,0,0.8);
			padding: 15px 20px;
			min-width: 100%;
			border-top: solid 7px #B65209;
			left: 100%;
			top: -7px;
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
	
			visibility: hidden;
			opacity: 0;
	
			z-index: 10;
		}
		
		@media screen and (max-width: 767px) {
			
			.navigation-sub--subnav {
				position: absolute;
				left: 0%!important;
			
			
			}
			
		}	
		

		.navigation-sub--subnav__item {
			border-top: solid 1px #4a4949;
		}

		.navigation-sub--subnav__item:first-child {
			border-top: none;
		}


		.navigation-sub--subnav__link {
			display: block;
			color: white;
			white-space: nowrap;
			text-decoration: none;
			padding: 8px 0 10px 0;

			font-family: 'Lato', sans-serif;
			font-weight: 900;
			font-size: 0.938em;
			line-height: 1;

			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
		}

		.navigation-sub--subnav__link.current,
		.navigation-sub--subnav__link:hover {
			color: #B65209;
		}	




.navigation-mobile {
	display: none;
}






/* ==========================================================================
   Tiles
   ========================================================================== */




/**
 * Link tile
 * 1. Not using 'all' for the transition, as transitioning the 'size' conflicts
 *    with the js being used to size the tiles equally (in safari).
 */
 



 
.tile--link {
	display: block;
	border-top: solid 8px #091021;
	background-color: #111E3E;
	color: white;
	text-decoration: none;
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;


	/* [1] */
	-webkit-transition: background-color 0.5s ease, border-color 0.5s ease;
	-moz-transition: background-color 0.5s ease, border-color 0.5s ease;
	-o-transition: background-color 0.5s ease, border-color 0.5s ease;
	transition: background-color 0.5s ease, border-color 0.5s ease;

}

	.tile--link:hover,
	.tile--link:focus {
		background-color: #091021;
		border-top-color: #111E3E;
	}


	.tile--link.yellow {
		border-top-color: #fd9e10;
		background-color: #febd23;
	}

	.tile--link.yellow:hover,
	.tile--link.yellow:focus {
		border-top-color: #febd23;
		background-color: #fd9e10;
	}

	.tile--link.red {
		border-top-color: #9b4607;
		background-color: #B65209;
	}

	.tile--link.red:hover,
	.tile--link.red:focus {
		border-top-color: #B65209;
		background-color: #9b4607;
	}




	.tile--link__title {
		margin: 0;
		line-height: 1.15;
		padding: 15px 80px 20px 20px;

		font-family: 'Roboto Slab', serif;
		font-size: 36px;
		font-weight: 300;
	}
	
	
		.breakout .tile--link__title {
			margin-top: 0 !important; /* override the generic style applied to h2's in breakouts :( */
		}

		.tile--link__title--small {
			font-size: 30px;
		}

	.tile--link__excerpt {
		padding: 20px;
		padding-right: 80px;
		padding-top: 0;
		margin: 0;
		font-size: 1.250em;
	}



	.tile--link__icon {
		position: absolute;
		bottom: 20px;
		right: 20px;
		font-size: 28px;
	}

	.tile--link__icon.has-border-left--dashed {
		height: 100%;
		bottom: auto;
		top: 0px;
		width: 50px;
		/*padding-top: 165px;
		padding-left: 20px;*/
	}

		.tile--link__icon.has-border-left--dashed:before {
			position: absolute;
			bottom: 20px;
			right: 0px;
		}




/**
 * Media tile
 */
 
 a.news-link-container{
	 text-decoration: none!important;
	 color: #393939!important;
 }
 
 a.news-link-container:hover  .news-link-container-overlay{
	 display: block;
 }
 
 .news-link-container-overlay{
	  background: rgba(0,0,0,0,.5);
	  position: absolute;
	  left:0;right:0;top:0;bottom: 0;
	  display: none;
 }
 
 .tile--media__news_image {
			position: relative;
			width: 100%;
			float: left;
			min-height: 220px;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}
 
.tile--media-news {
	background-color: #f7f4f2;
	margin-bottom: 20px;
	padding: 0px;
	min-height: 270px;
	padding-bottom: 20px!important;
} 

.tile--media__date_news {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 500;
    margin: 10px 0px;
    display: block;
    font-size: 0.8em;
   
    
}

.tile--media__news_tag{
	font-family: 'Roboto Slab', sans-serif;
    font-weight: 500;
    margin: 10px 0px;
    display: inline-block;
    float: right;
    font-size: 0.8em;
    background: #393939;
    color: #f7f4f2;
    border: 1px solid #393939;
    border-radius: 5px;
    padding: 2px 10px;
}

.tile--media__title_news {
				font-family: 'Roboto Slab', sans-serif;
				font-weight: 700;
				font-size: 1.250em;
				margin-top: 10px!important;
				margin-bottom: 10px!important;
			}
.tile--media__content_news {
			width: 100%;
			float: left;
			padding-left: 15px;
			padding-right: 15px;
		}
		
.tile--media__excerpt_news{

}		

.tile--media_link_news{
	margin-bottom: 20px!important;
}



.action-link-news {
    position: relative;
    display: block;
    background-color: #f7f4f2;
    border: solid 1px #d3cdc7;
    border-radius: 5px;
    color: #393939;
    text-decoration: none;
    text-align: left;
    padding: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}





.action-link__text_news {
    display: block;
    padding: 5px 30px 5px 15px;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    font-size: 1.0em;
}

.action-link__icon_news {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: #a3958c;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: white;
    font-size: 18px;
    padding: 0 10px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.action-link__icon_news:before {
		position: relative;
		top: 4px;
	}
 
.tile--media {
	background-color: #f7f4f2;
	border: solid 1px #cbc4be;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	margin-bottom: 20px;
}

.tile--media.white {
	background: white;
}

.tile--media.yellow {
	background: #fffaef;
	border-color: #fac147;
}

	.tile--media__main {
		padding: 15px;
		min-height: 210px;
	}

		.tile--media__thumbnail {
			position: relative;
			width: 50%;
			float: left;
			background: #ece8e5;
			border: solid 1px #cbc4be;
			min-height: 165px;

			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}

		.tile--media__thumbnail-image {
			width: 100%;
			height: auto;
			display: block;
		}

		.tile--media__thumbnail--square {
			min-height: 120px;
		}

			.tile--media__thumbnail-icon {
				position: absolute;
				bottom: -8px;
				left: 10px;
				color: white;
				width: 35px;
				height: auto;
			}


		.tile--media__content {
			width: 50%;
			float: left;
			padding-left: 15px;
		}

			.tile--media__date {
				font-family: 'Roboto Slab', sans-serif;
				font-weight: 300;
				margin-bottom: 5px;
				display: block;
			}

			.tile--media__title {
				font-family: 'Roboto Slab', sans-serif;
				font-weight: 700;
				font-size: 1.250em;
				margin-top: 0px;
				margin-bottom: 5px;
			}

			.tile--media__excerpt {
				margin: 0;
				font-size: 0.875em;
			}


	.tile--media__footer.action-link {
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}

	.tile--media__footer.action-link:hover,
	.tile--media__footer.action-link:focus {
		border-top-color: #cbc4be;
	}



	.tile--media.yellow .tile--media__thumbnail {
		border-color: #fac147;
		background-color: white;
	}

	.tile--media.yellow .tile--media__footer.action-link:hover,
	.tile--media.yellow .tile--media__footer.action-link:focus {
		border-top-color: #fac147;
	}


/**
 * Audio controls (includes mediaelements.js overrides)
 */

.mejs-container {
	margin-top: 20px;
}

.mejs-container,
.mejs-container .mejs-controls {
	background: transparent
}

.mejs-container .mejs-controls div {
	width: 35px;
	height: 35px;
}

.mejs-controls .mejs-button.mejs-play button {
	background-image: url(../images/icon-audio-play.png);
}
.mejs-controls .mejs-button.mejs-pause button {
	background-image: url(../images/icon-audio-pause.png);
	background-position: center center;
}

.mejs-controls .mejs-button button {
	width: 35px;
	height: 35px;

	background-size: 35px 35px;
	margin: 0;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
	background: transparent;
	border: solid 1px #d3cdc7;
	margin: 5px 10px;
	border-radius: 10px;
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: rgba(0,0,0,0.1);
	height: 8px;
	border-radius: 8px;
}
.mejs-controls .mejs-time-rail .mejs-time-current {
	background: rgba(0,0,0,0.3);
	height: 8px;
	border-radius: 8px;
}


.mejs-controls .mejs-time-rail .mejs-time-handle {
	display: block;
	border: none;
	background: #B65209;
	top: -1px;
}

.mejs-controls .mejs-time-rail .mejs-time-float {
	background: transparent;
	border: solid 1px #d3cdc7;
	color: #393939;
	font-family: 'lato';
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
	background: transparent;
	border-color: #d3cdc7 transparent transparent transparent;
}



/* ==========================================================================
   Feature image
   ========================================================================== */

.feature {
	height: 560px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}


.feature .wrapper {
	height: 100%;
}


	.feature__content {
		background: rgba(0,0,0,0.70);
		color: white;
		height: 100%;
		padding: 30px;

		position: relative;
	}

	.feature__content::before {
		content: ' ';
		display: inline-block;
		height: 100%;
		width: 1px;
		vertical-align: bottom;
		margin-left: -5px;
	}


		.feature__content__text {
			font-family: 'Roboto Slab', serif;
			font-weight: 300;
			font-size: 32px;
			line-height: 1.1;
			margin: 0;

			display: inline-block;
			vertical-align: bottom;
		}
		
		.feature__content__text h2{
		    font-family: 'Roboto Slab', serif;
		    font-weight: 500;
		    font-size: 36px;
		    line-height: 1.1;
		    margin: 0;
		    display: inline-block;
		    vertical-align: bottom;
		    margin-bottom: 20px;
		}
		
		.feature__content__text p{
		    font-family: 'Roboto Slab', serif;
		    font-weight: 300;
		    font-size: 32px;
		    line-height: 1.1;
		    margin: 0;
		    display: inline-block;
		    vertical-align: bottom;
		}

		.feature__content__text strong {
			font-weight: 300;
			color: #fdc339;
		}

		.feature__content__text a {
			color: white;
			font-family: 'Lato', serif;
			font-weight: 400;
			font-size: 1.125rem;
			display: block;
			margin-top: 20px;
			text-decoration: none;
		}

		.feature__content__text a:after {
			font-family: "fontello";
			font-style: normal;
			font-weight: normal;
			speak: none;
			content: '\e809';
			margin-left: 12px;
			font-size: 14px;
			position: relative;
			top: 1px;
		}

		.covid-button{
			max-width: 220px;
			display: block;
			background: #9b4607;
			border: 1px solid #9b4607;
			border-radius: 10px;
			color: #fff!important;
			margin-bottom: 20px;
			text-align: center;
			padding: 10px 20px;
			
		}



/* ==========================================================================
   Latest News Preview
   ========================================================================== */
/**
 * Three col section with latest event, latest newsletter and employment opportunities.
 * Eg: used on the homepage
 */
.latest-news-preview  h3 {
	margin-top: 0;
}

.latest-news-preview .tile--media {
	margin-bottom: 0;
}




/* ==========================================================================
   Article
   ========================================================================== */

/**
 * Introduction / click through (eg: used on home page)
 */
.article-snippet { }

	.article-snippet__date {
		font-family: 'Roboto Slab', sans-serif;
		font-weight: 300;
	}

	.article-snippet__title {
		font-size: 1.563em;
		font-weight: 300;
		margin-top: 0;
		margin-bottom: 15px;
	}

	.article-snippet__link {
		color: #393939;
		font-family: 'Roboto Slab', sans-serif;
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
	}

	.article-snippet__link:after {
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		content: '\e800';
		margin-left: 10px;
	}





/* ==========================================================================
   Profiles
   ========================================================================== */

.profile__list {
	list-style: none;
	padding: 0;
	margin-top: 35px;
	position: relative;
}

	.profile__item {
		display: inline-block;
		float: none;
		margin-bottom: 20px;
		vertical-align: top;

		/*-webkit-transition: height 0.5s ease;
		-moz-transition: height 0.5s ease;
		-o-transition: height 0.5s ease;
		transition: height 0.5s ease;*/
	}


		.profile__link {
			position: relative;
			display: block;
			text-decoration: none;
			color: white;
		}

		.profile__link:hover .profile__link__rollover,
		.profile__link:focus .profile__link__rollover {
			visibility: visible;
			opacity: 1;
		}

		.profile__item.expanded .profile__link:hover {
			cursor: default;
		}


		.profile__link__rollover {
			position: absolute;
			top: 0;
			left: 0;
/* 			background: rgba(236,75,69, 0.5); */
			background-size: cover;
			width: 100%;
			height: 100%;
			padding: 20px;

			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;

			visibility: none;
			opacity: 0;
		}

		.profile__item.expanded .profile__link__rollover {
			display: none;
		}


			.profile__link__rollover-title {
				margin: 0;
				margin-bottom: 5px;
				font-size: 1.375em;
				line-height: 1;
			}

			.profile__link__rollover-subtitle {
				font-weight: 700;
			}

			.profile__link__rollover-action {
				position: absolute;
				bottom: 20px;
				left: 20px;

				font-family: 'Roboto Slab', sans-serif;
				font-weight: 700;
				text-transform: uppercase;
			}



			.profile__link__rollover-action:after {
				font-family: "fontello";
				font-style: normal;
				font-weight: normal;
				speak: none;
				content: '\e800';
				margin-left: 10px;
			}



	.profile__image {
		width: 100%;
		height: auto;
		display: block;

		-webkit-filter: grayscale(1);
		-webkit-filter: grayscale(100%);
		filter: gray;
		filter: grayscale(100%);
		/*filter: url(desaturate.svg#greyscale);*/
		filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
	}

	.profile__item.expanded .profile__image {
		-webkit-filter: grayscale(0);
		filter: none;
	}


	.profile__information {
		position: absolute;
		top: auto;
		left: 0;
		width: 100%;
		width: calc(100% - 20px);
		background-color: white;
		padding: 20px;
		margin: 0px;
		margin-left: 20px;
		margin-bottom: 20px;

		visibility: hidden;
		opacity: 0;
	}

		.profile__information__title {
			margin-top: 0;
			margin-bottom: 0px;

			font-family: 'Lato', sans-serif;
			font-weight: 700;
			font-size: 1.000em;
		}



		/* more specific nested selectors are for
			the CMS incase class can't be added */

		.profile__information__list,
		.profile__information ul {
			list-style: none;
			padding: 0;
			margin: 10px 0 0 0;

			-webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;
		}

			.profile__information__item,
			.profile__information li {
				font-style: italic;
				margin-left: 25px;
				display: inline-block;

				-webkit-column-width: 50%;
				-moz-column-width: 50%;
				column-width: 50%;
			}


			.profile__information__item:before,
			.profile__information li:before {
				font-style: normal;
				font-weight: normal;
				speak: none;
				content: '\2014';
				margin-left: -25px;
				margin-right: 12px;
			}




		.profile__information__close {
			position: absolute;
			top: -10px;
			right: -10px;
			width: 25px;
			height: 25px;
			display: block;

			font-size: 25px;
			color: #393939;
			text-decoration: none;

			z-index: 10;
		}

			.profile__information__close-icon:before,
			.profile__information__close-icon:after {
				position: absolute;
				content: ' ';
				right: 10px;
				height: 23px;
				width: 1px;
				background-color: #333;
			}

			.profile__information__close-icon:before {
				-ms-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
			}
			.profile__information__close-icon:after {
				-ms-transform: rotate(-45deg);
				-webkit-transform: rotate(-45deg);
				transform: rotate(-45deg);
			}





	.expanded .profile__information {
		visibility: visible;
		opacity: 1;
	}



	.expanded .profile__link:after {
		font-family: "fontello";
		font-style: normal;
		font-weight: normal;
		speak: none;
		content: '\e80b';
		display: block;
		background: rgba(236,75,69, 0.9);
		text-align: center;
		color: white;
		text-decoration: none;
		position: relative;
		z-index: 5;
		height: 40px;
		margin-top: -20px;
		padding-top: 10px;
	}


	.expanded .profile__link__rollover-action {
		bottom: 50px;
	}





/* ==========================================================================
   Team list
   ========================================================================== */
.team-list__heading  {
	margin-top: 0;
	margin-bottom: 10px;
}
	.team-list__heading.title--small-bold {
		font-size: 1.3em;
	}


.team-list {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: solid 2px #c8c8c8;
	margin-bottom: 31px;
}

.team-list--larger {
	font-size: 1.375em;
	margin-top: 40px;
	margin-bottom: 90px;
}

	.team-list__item {
		border-top: solid 2px #c8c8c8;
	}

	.team-list--larger .team-list__item:first-child {
		border-top: none;
	}

	.team-list__dl {
		margin: 0;
	}

		.team-list__title,
		.team-list__definition {
			display: inline-block;
			padding: 10px 0;
		}

		.team-list__title {
			clear: left;
			margin-right: 5px;

			font-family: 'Roboto Slab', sans-serif;
			font-weight: 700;
		}


		.team-list__definition {
			font-weight: 300;
			margin: 0;

			font-family: 'Roboto Slab', sans-serif;
			font-weight: 300;
		}

		.team-list__definition.add-dash:before {
			content: '\2014';
			margin-right: 8px;
		}



/* ==========================================================================
   Property list
   ========================================================================== */
.property-list {
	list-style: none;
	margin-top: 30px;
	padding: 0;
}

	.property-list__item {
		margin-bottom: 20px;
	}

	/*.property-list__item:nth-child(4n+1) {
		clear: left;
	}*/

		.property-list__link {
			display: block;
			background: #f7f4f2;
			border: solid 1px #cbc4be;
			padding: 20px;
			color: #393939;
		}



		.property-list__thumbnail {
			float: left;
			border: solid 1px #cbc4be;
			background: white;
			min-height: 165px;

			background-size: cover;
			background-repeat: no-repeat;
			background-position: center center;
		}

			.property-list__image {
				display: block;

			}


		.property-list__details {
			float: left;
			font-family: 'Roboto Slab', sans-serif;
			font-weight: 700;
			/*font-size: 1.125em;*/
			text-transform: uppercase;
		}

			.property-list__details__list {
				list-style: none;
				margin: 0 0 0 20px;
				padding: 0;
			}

			.property-list__details__item {
				border-bottom: solid 1px #cbc4be;
				padding-bottom: 8px;
				margin-bottom: 8px;
			}

			.property-list__details__item span {
				text-transform: none;
			}





/* ==========================================================================
   Footer
   ========================================================================== */
.footer-main {
	background-color: #111E3E;
	margin-top: 10px;
	padding: 50px 0;
	color: white;
}



/**
 * Footer -- Components
 */
.footer-heading {
	margin-top: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 1.125em;
}

.footer-subheading {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 0.875em;
	margin-top: 0px;
	margin-bottom: 0;
}

.footer-text {
	font-size: 0.875em;
	margin-top: 0px;
	margin-bottom: 10px;
	line-height: 1.4;
}

	.footer-text a {
		color: white;
		text-decoration: none;
	}

@media (max-width: 767px) {
	.footer-main .grid__item.mob-land--one-whole .grid .grid__item.one-half:first-child {
		padding-left: 0;
		padding-right: 20px;
	}
}

/**
 * Footer -- Sitemap
 */
.footer-main-sitemap__list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.125em;
}

	.footer-main-sitemap__link {
		color: white;
		text-decoration: none;
		line-height: 1.4;
	}





/**
 * Footer -- Policies
 */
.footer-main-policies__list {
	list-style: none;
/* 	margin: 60px 0 0 0 */;
	margin: 15px 0 0 0;
	padding: 0;
	font-size: 0.875em;
}

	.footer-main-policies__item {
		display: inline-block;
	}

		.footer-main-policies__item:before {
			content: "|";
			margin-left: 5px;
			margin-right: 5px;
		}

		.footer-main-policies__item:first-child:before {
			content: " ";
			margin: 0;
		}

	.footer-main-policies__link {
		color: white;
		text-decoration: none;
	}



/**
 * Footer -- Social media links
 */

.footer-main-social__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

	.footer-main-social__item {
		display: inline-block;
	}

	.footer-main-social__link {
		color: white;
	}

	.footer-main-social__icon {
		font-size: 26px;
		width: 30px;
		height: 30px;
		margin-right: 10px;
	}

	.footer-main-social__icon.icon-facebook {
		/*margin-left: -5px;  the facebook icon is narrower so needs less padding */
	}
	
	
	.icon-facebook{ 
		background: url('/resources/images/facebook.png') no-repeat;
		background-size: contain;
		text-indent: -999em;
	}
	.icon-twitter{ 
		background: url('/resources/images/twitter.png') no-repeat;
		background-size: contain;
		text-indent: -999em;
	}
	.icon-instagram{ 
		background: url('/resources/images/instagram.png') no-repeat;
		background-size: contain;
		text-indent: -999em;
	}
	.icon-linkedin{ 
		background: url('/resources/images/linkedin.png') no-repeat;
		background-size: contain;
		text-indent: -999em;
	}
	
	.footer-donate-btn{
		background: #B65209;
		border: 1px solid #B65209;
		border-radius: 10px;
		width: 150px!important;
		text-decoration: none;
		color:#393939;
		text-align: center;
		height: 30px;
		line-height: 28px;
		display: block;
	}
	
	.footer-subscribe-btn{
		background: #febd23;
		border: 1px solid #febd23;
		border-radius: 10px;
		width: 150px!important;
		text-decoration: none;
		color:#393939;
		text-align: center;
		height: 30px;
		line-height: 28px;
		display: block;
	}
	
	.footer-donate-btn:hover, .footer-subscribe-btn:hover{
		background: #393939;
		border: 1px solid #393939;
		color:#fff;
	}



/**
 * Footer -- Flags
 */
.footer-main-flags__list {
	list-style: none;
	margin: 0;
	padding: 110px 0 0 0;
}

	.footer-main-flags__item {
		display: inline-block;
		margin-left: 10px;
	}

	.footer-main-flags__item:first-child {
		margin-left: 0;
	}




/* ==========================================================================
   Page specific ...

   1. Contact
   2. Applicants - Applying for Housing Form
   ========================================================================== */

/* ==========================================================================
   1. Contact
   ========================================================================== */

/**
 * Main contact information - including google map
 * 1. Height of 100% doesn't work with google maps. The api needs a static height to load.
 *    This height is a starting point that gets updated with js to match the details column.
 */
.contact-main {
	margin-bottom: 70px;
	line-height: 1.4;
}

	.contact-main__map {
		float: left;
	}

		.contact-main__map__container{
			display: block;
			height: 540px; /* [1] */
			margin-right: 20px;
			background: #ece8e5;
			border: solid 1px #d9d1cb;
		}




	.contact-main__details {
		float: left;
		width: 100%;

	}

		.contact-main__details .has-padding {
			padding: 20px;
			background: #ece8e5;
			border: solid 1px #d9d1cb;
		}

		.contact-main__details__title {
			margin: 0;
			font-size: 1.750em;
			line-height: 1.1;
		}

		.contact-main__details p {
			font-weight: 300;
		}

		.contact-main__details strong {
			font-family: 'Roboto Slab', sans-serif;
			font-weight: 700;
		}

		.contact-main__details a {
			white-space: nowrap;
			color: #393939;
			text-decoration: none;
		}

		.contact-main__details a.button {
			color: white;
			margin-top: 20px;
		}





/**
 * Regional contacts
 */

.contact-regional {
	background-color: white;
	padding: 30px 0;
	margin-left: 20px;
}

	.contact-regional strong {
		font-family: 'Roboto Slab', sans-serif;
		font-weight: 700;
	}

	.contact-regional a {
		text-decoration: none;
		color: #393939;
	}




	.contact-regional .grid__item {
		border-left: dashed 1px #393939;
	}

	.contact-regional .grid__item:first-child {
		border-left: none;
	}




	.contact-regional__item {
		padding-bottom: 20px;
		padding-right: 20px;
	}

		.contact-regional__title {
			margin-top: 0px;
			margin-bottom: 10px;
			font-size: 1.750em;
		}

		.contact-regional__subtitle {
			font-weight: 700;
			margin-bottom: -5px;
			margin-top: 0;
		}

		.contact-regional__item p {
			margin: 10px 0;
		}



.contact-staff {
	margin-bottom: 60px;
}




/**
 * Generic contact component
 * A list to display a heading, then details
 * Eg: "Telephone: (03) 1234 1234"
 */
.contact-details {
	display: block;
	width: 100%;
}

	.contact-details__title {
		float: left;
		clear: left;

		font-family: 'Roboto Slab', sans-serif;
		font-weight: 700;
	}

	.contact-details__definition {
		float: left;

		font-weight: 300;
		margin: 0;
		margin-left: 5px;
	}




/* ==========================================================================
   2. Applicants - Applying for Housing Form
   ========================================================================== */
.application-download {
	padding-right: 30px;
}

.application-form {
	position: relative;
	padding-left: 50px;
	border-left: solid 1px #c8bfba;
	height: 100%;
	height: calc(100% - 20px);
}

	.application-form__or-label {
		position: absolute;
		top: -10px;
		left: -30px;

		border-bottom: solid 1px #c8bfba;
		background-color: #f5f3f2;
		padding-bottom: 10px;

		text-transform: uppercase;
		font-family: 'Roboto Slab', sans-serif;
		font-size: 40px;
		font-weight: 300;
	}




/* ==========================================================================
   3. Results - custom styles for Google CSE
   ========================================================================== */

.cse .gsc-control-cse,
.gsc-control-cse {
	padding: 0 0 40px 0 !important;
	font-family: 'Lato', serif !important;
}

.gsc-control-cse, .gsc-control-cse .gsc-table-result {
	font-size: 16px !important;
}

.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
	font-size: 18px !important;
}


/* result heading links */
.d_, .sl-table a, .sl-table-ol a, .g_ a, .nonSfblSitelinksWrapper,
.gs-result .gs-title, .gs-result .gs-title * {
	color: #B65209 !important;
}

.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
	color: #091021 !important;
}



	.gsc-table-result, .gsc-thumbnail-inside, .gsc-url-top {
		padding-left: 0px !important;
	}

.gcsc-branding {
	display: none;
}

.gsc-selected-option-container {
	min-width: 90px !important;
	max-width: none !important;
}


.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.gsst_a {
	position: relative;
	top: 2px;
}
/* .gsc-search-box-tools .gsc-search-box .gsc-input {text-align: left;} */


/* ==========================================================================
   Careers section
   ========================================================================== */

.careers-section .breakout .typeset-content h2{
	margin-top: 0;
}

.careers-section .breakout{
	padding-top: 25px;
}

.careers-section .breakout .wrapper.typeset-content{
	padding-bottom: 25px;
}


/* ==========================================================================
   RESPONSIVE
   ========================================================================== */




/* LAPTOP / TABLET - LANDSCAPE */
@media screen and (max-width: 1300px) {
	.wrapper {
		padding-left: 20px;
		padding-right: 20px;
	}


	/**
	 * HEADER
	 */
	.header-main__search__input {
		width: 270px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.header-main__search__button {
		padding-left: 8px;
		padding-right: 8px;
	}

	.header-main__navigation {
		font-size: 0.875em;
	}

	/**
	 * NAVIGATION
	 */


		.navigation-main__link {
			padding-left: 10px;
			padding-right: 10px;
		}


	/**
	 * TWO COLUMN LAYOUT
	 */

	.layout--two-col__main .wrapper {
		padding-right: 35%; /* a little extra padding than the third width. */
	}

	.layout--two-col__sidebar {
		width: 33%;
		left: auto;
		right: 0;
		margin-left: 0;

	}

		.layout--two-col__sidebar__content {
			width: 100%;
			padding-right: 20px;
		}



	/**
	 * two col layout - breakout section
	 */
	.layout--two-col__main .breakout {
		background: none;
	}

	.layout--two-col__main .breakout .wrapper {
		background-size: 66.66%;
	}


	/**
	 * TILES
	 */
	.tile--link__title {
		font-size: 30px;
	}





	/**
	 * CONTACT
	 */
	.contact-main__details .has-padding {
		padding-left: 20px;
		padding-right: 20px;
	}
}



/* Special breakpoint for the header */
@media screen and (max-width: 1150px) {
	/**
	 * HEADER
	 */
	.header-main__search__input {
		width: 140px;
	}
}



/* TABLET - PORTRAIT */
@media only screen and (max-width: 1023px) {

	h1 {
		font-size: 32px;
	}

	/**
	 * TYPESET CONTENT
	 */
	.typeset-content h1,
	.typeset-content h2 {
		font-size: 32px;
	}


	/**
	 * HEADER
	 */
	.header-main {
		padding-top: 80px; /* make room for absolutely positioned nav bar */
		padding-bottom: 20px;
		border-bottom: solid 1px #c1bdb9;
	}

	.header-main__logo {
		width: 66%;
	}

		.header-main__search {
			border-right: none;
		}

		.header-main__search__input {
			background-color: transparent;
			color: white;
			height: 40px;
		}

		.header-main__search__input::-webkit-input-placeholder { color: white; }
		.header-main__search__input:-moz-placeholder { color: white; }
		.header-main__search__input::-moz-placeholder { color: white; }
		.header-main__search__input:-ms-input-placeholder { color: white; }

		.header-main__search__button {
			color: white;
			height: 40px;
		}


		.header-main__navigation {
			position: absolute;
			top: 0;
			left: 0;
			margin-top: 0;
			background-color: #111E3E;
			border-top: solid 4px #091021;
			border-bottom: none;
			width: 100%;
		}

		.header-main__navigation .wrapper {
			padding-left: 0;
			padding-right: 0;
		}

	/**
	 * NAVIGATION
	 */

	.navigation-main {
		display: none;
	}


	.navigation-mobile {
		display: block;

	}


		.navigation-main__hamburger {
			border: none;
			background: transparent;
			height: 40px;
			position: relative;
			/*border-left: solid 1px #c1bdb9;*/
			border-right: solid 1px #c1bdb9;

			float: left;
		}

		.navigation-main__hamburger:focus {
			border-top: none;
			border-bottom: none;
			border-left: none;
			border-right-color: #c1bdb9;
		}



		.navigation-main__list {
			/*max-width: 300px;*/
			width: auto;
			/*top: 40px;*/
		}

		.navigation-main__item {
			float: none;
		}

		.navigation-main__link {
			color: white;
			border-bottom-width: 1px;
			border-bottom-color: #c1bdb9;
			margin-bottom: 0;
		}

		.navigation-main__link.current {
			color: white;
			font-weight: 900;
			border-bottom-color: #c1bdb9;
			background: rgba(0,0,0,0.2);
		}

		.navigation-main__link:hover {
			color: white;
			border-bottom-color: #c1bdb9;
		}



			.navigation-main--subnav {
				visibility: visible;
				opacity: 1;
				border-top: none;
				margin-top: 0;
				/*max-width: 300px;
				min-width: 300px;*/
			}

			.navigation-main--subnav__item {
				border: none;
			}

			.navigation-main--subnav__link,
			.dl-back a {
				display: block;
				color: white;
				border-bottom: solid 1px #c1bdb9;
				padding: 15px;

				font-weight: 400;
				font-size: 0.805rem;
				text-transform: uppercase;
				text-decoration: none;
			}

			.navigation-main--subnav__link.current {
				font-weight: 900;
				color: white;
				background: rgba(0,0,0,0.2);
			}

			.navigation-main--subnav__link:hover {
				color: white;
			}




		.dl-back:after,
		.dl-menuwrapper li > a:not(:only-child):after {
			position: absolute;
			top: 50%;
			-ms-transform: translateY(-50%);
			-webkit-transform: translateY(-50%);
			transform: translateY(-50%);
			font-family: 'fontello';
			speak: none;
			-webkit-font-smoothing: antialiased;
			content: "\e809";
			color: #c1bdb9;
		}

		.dl-back:after {
			content: '\e81d';
			left: 15px;
		}




	/**
	 * FORMS
	 */
	.form__label {
		font-size: 1.00em;
	}

	.form__text-input,
	.form__textarea,
	.form__drop-select select {
		font-size: 1.00em;
		min-height: 51px;
		padding-top: 10px;
		padding-bottom: 10px;
	}




	/**
	 * TILES
	 */
	.tile--link__title {
		padding-right: 50px;
		font-size: 26px;
	}
	.tile--link__icon {
		right: 10px;
	}

	.tile--link__icon.has-border-left--dashed {
		width: 40px;
	}



	.tile--media__title {
		font-size: 1.00em;
	}

	.tile--media__excerpt {
		font-size: 0.750em;
	}



	/**
	 * ACCORDIONS
	 */
	.accordion__title {
		font-size: 26px;
	}


	/**
	 * COMPONENTS
	 */
	.action-link__text {
		padding-left: 10px;
/* 		padding-right: 10px; */
		font-size: 1.125em;
	}


	/**
	 * PROFILES
	 */
	.profile__information__list,
	.profile__information ul {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}

	.profile__information__item {
		display: block;
	}


	/**
	 * FOOTER
	 */
	.footer-main-policies__list {
		margin-top: 15px;
		margin-bottom: 40px;
	}

	.footer-main-flags__list {
		padding-top: 100px;
	}


	/**
	 * CONTACT PAGE
	 */
	.contact-main__map__container {
		height: 525px;
	}

	.contact-main__details {
		font-size: 0.900em;
	}

	.contact-main__details .has-padding {
		padding: 20px 10px;
	}


	.contact-regional__item {
		font-size: 0.900em;
	}

	.contact-regional .grid__item:nth-child(odd) {
		border-left: none;
	}

	.contact-staff {
		font-size: 0.900em;
	}

	.team-list {
		margin-bottom: 29px;
	}

	.team-list--larger {
		font-size: 1.00em;
	}

}



/* MOBILE - LANDSCAPE */
@media only screen and (max-width: 767px) {

	/**
	 * TWO COLUMN LAYOUT
	 */
	.layout--two-col__main .wrapper {
		padding-right: 20px;
	}

	.layout--two-col__sidebar {
		width: 100%;
		position: static;
		margin-bottom: 40px;
	}
		.layout--two-col__sidebar__content {
			position: static;
		}

	/**
	 * two col layout - breakout section
	 */
	.layout--two-col__main .breakout .wrapper {
		background-size: 100%;
	}



	/**
	 * TILES
	 */
	.tile--link__title--small {
		font-size: 22px;
	}



	.carousel-control {
		line-height: 1;
		background: rgba(0,0,0,0.5);
		padding: 5px;
		font-size: 40px;
		top: 10px;
		-ms-transform: none;
		-webkit-transform: none;
		transform: none;
	}

	.carousel-control.left {
		left: 10px;
	}
	.carousel-control.right {
		right: 10px;
	}



	/**
	 * FEATURE IMAGE
	 */
	.feature {
		height: auto;
	}
	.feature__content__text {
		font-size: 30px;
	}


	/**
	 * PROFILES
	 */
	.profile__list {
		margin-left: -10px;
	}

		.profile__item {
			padding-left: 10px;
		}

		.profile__information {
			margin-left: 10px;
			width: calc(100% - 10px);
		}
		.profile__link__rollover {
			padding: 8px;
		}
		.profile__link__rollover-action {
			bottom: 8px;
			left: 8px;
		}




	/**
	 * LATEST NEWS PREVIEW (eg on homepage)
	 */
	.latest-news-preview__last-col {
		border-left: none;
		margin-top: 40px;
	}


	/**
	 * Tiles
	 */
	.tile--media__thumbnail--square {
		min-height: 160px;
	}




	/**
	 * FOOTER
	 */
	.footer-main-social {
		margin-top: 40px;
	}
	.footer-main-flags__list {
		padding-top: 15px;
	}



	/**
	 * APPLICATION PAGE
	 */
	.application-download {
		padding-right: 0;
	}

	.application-form {
		padding-left: 0;
		border-left: none;
	}
	.application-form__or-label {
		display: inline-block;
		position: static;
		margin: 30px 0;
	}



	/**
	 * CONTACT PAGE
	 */
	.contact-main__map {
		float: none;

	}

	.contact-main__map__container {
		height: 300px !important; /* override js equal height script. */
		margin-right: 0;
		margin-bottom: 20px;
	}
	.contact-main__details {
		float: none;
	}


	.contact-regional .grid__item {
		border-left: none;
	}

}



/* MOBILE - PORTRAIT */
@media only screen and (max-width: 480px) {
	/**
	 * HEADER
	 */
	.header-main__logo {
		width: 100%;
	}


	/**
	 * FORMS
	 */
	[class*="one-whole"] .form__text-input,
	[class*="one-whole"] .form__textarea,
	[class*="one-whole"] .form__drop-select {
		width: 100%;
	}


	/**
	 * FEATURE IMAGE
	 */
	.feature__content__text {
		font-size: 26px;
	}





	/**
	 * LATEST NEWS PREVIEW (eg on homepage)
	 */
	.latest-news-preview .has-border-left--dashed {
		border-left: none;
	}

	.latest-news-preview .article-snippet {
		margin-bottom: 40px;
	}


	/**
	 * Team list
	 */
	.team-list--larger .team-list__title,
	.team-list--larger .team-list__definition {
		display: block;
	}

	.team-list--larger .team-list__title {
		padding-bottom: 5px;
	}

	.team-list--larger .team-list__definition {
		padding-top: 0;
	}
	.team-list--larger .team-list__definition.add-dash:before {
		display: none;
	}

}

/* MOBILE - TINY (iphone4/5 etc) */
@media only screen and (max-width: 320px) {

	/**
	 * FOOTER
	 */
	.footer-main-policies__item:before {
		margin-left: 5px;
		margin-right: 5px;
	}

}

/* SUMMIT PAGE STYLES */

.summit-intro{
	margin-bottom: 50px;
}

	
.summit-intro h2{
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px;
}
.questions h2{
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px;
	padding-left: 10px;
}
.questions p{
	padding-left: 10px;
}	


.ticket-btn.banner{
	background: #b25208;
    border-radius: 10px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0px 30px;
    width: 220px!important;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
}

.program-btn.banner{
	background: #f7b624;
    border-radius: 10px;
    color: #000;
    height: 40px;
    line-height: 40px;
    padding: 0px 30px;
    width: 220px!important;
    text-align: center;
    display: inline-block;
    margin-right: 20px;
}


.ticket-btn.p10{
	
	background: #b25208;
	border-radius: 10px!important;
	color: #fff!important;
	height: 40px!important;
	line-height: 40px;
	padding: 10px 30px!important;
	min-width: 220px!important;
	text-align: center;
	text-decoration: none!important;
	margin-right: 20px;
}
.ticket-btn:hover{
	text-decoration: underline!important;
}


.report-btn.p10{
	
	background: #f7b624;
	border-radius: 10px!important;
	color: #000!important;
	height: 40px!important;
	line-height: 40pxs;
	padding: 10px 30px!important;
	min-width: 220px!important;
	text-align: center;
	text-decoration: none!important;
	margin-right: 20px;
}
.program-btn.p10{
	
	background: #111E3E;
	border-radius: 10px!important;
	color: #fff!important;
	height: 40px!important;
	line-height: 40px;
	padding: 10px 30px!important;
	min-width: 220px!important;
	text-align: center;
	text-decoration: none!important;
	margin-right: 20px;
}
@media (max-width: 1023px) {
	.report-btn.p10,  .ticket-btn.p10, .program-btn.p10 {
		white-space:  nowrap;
	}
}


.report-btn:hover{
	text-decoration: underline!important;
}

@media only screen and (max-width: 767px) {
	.report-btn.p10{
		width: 100%;
		margin-bottom: 20px;
	}	
	
	
}	




.ticket-btn:after, .program-btn:after{
	content: ''!important;
	margin-left: 0px;
}

h2.question{
	margin: 0;
	padding: 15px 20px 40px 20px!important;;
	line-height: 1.15;
	font-family: 'Roboto Slab', serif;
	font-size: 26px!important;
	font-weight: 300;
}
.summit-image-text{
	background:#f7f4f2;
}


@media only screen and (max-width: 767px) {

	.summit-image-text {
	    background: #f7f4f2;
	    padding-right: 0px;
	    margin-left: 0px;
	}
}
.summit-image-text h2{
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px;
}

.summit-image-text .text-left{
	padding: 20px 50px 20px 50px
}

.summit-image-text .text-right{
	padding: 20px 50px 20px 50px
}

.program-intro h2{
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 0px;
}

#book-tickets{
	margin-top: 50px;
}

.questions .grid__item{
	padding: 0px 10px!important;
}
.image-left, .image-right, .text-left, .text-right{
	min-height: 420px;
	}
	

@media only screen and (max-width: 767px) {
	
	body.summit .grid{
		margin-left: 0px!important;
	}
	.image-left, .image-right, .text-left, .text-right{
		width: 100%;
		display: block;
		padding-left: 0px;
		min-height: 250px;
	}
	
	.questions .grid__item{
		padding: 0px!important;
	}

	.questions .grid__item.mob-land--one-half {
		width:  calc(50% - 20px);
		margin-right: 20px;
	}
	.questions .grid__item.mob-land--one-half:even {
		margin-right: 0;
		margin-left: 20px;
	}
	
}	

@media only screen and (max-width: 767px) {
	.summit-intro a{
		width: 100%!important;
		display:block!important;
		margin-bottom: 20px!important;
		line-height: 20px!important;
	}
	
	body.summit .accordion--in-breakout .accordion__content .is-question,
	body.summit .accordion--in-breakout .accordion__content .is-answer {
		padding-left: 0px!important;
	}
	
	body.summit .accordion--in-breakout .accordion__content .is-question p,
	body.summit .accordion--in-breakout .accordion__content .is-answer p {
		margin-top: 0;display: inline-block;width: 100%;vertical-align: top;
		}
	
	
}

#js-accordion-program .accordion__content:nth-child(1){
	display: none!important;
	height: 1px!important;
}
#js-accordion-program-two .accordion__content:nth-child(1){
	display: none!important;
	height: 1px!important;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
	display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
	visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #000;
	padding: 0.2em 0;
}