/* IMAGES
----------------------------------------------- */
img {
  &.align-left {
    margin: 0 1rem .5rem 0;

    &:first-child {
      margin-block: .375rem;
    }
  }

  &.align-right {
    margin: 0 0 .5rem 1rem;

    &:first-child {
      margin-block: .375rem;
    }
  }


	/*** OLD ****/
	&.imgleft {
		float: left;
		margin: 1rem 1rem 1rem 0;
	}
	
	&.imgright {
		float: right;
		margin: 1rem 0 1rem 1rem;
	}
	/*** OLD ****/

}


/* URL HASH TARGET
----------------------------------------------- */
*:first-child > img.imgleft, *:first-child > img.imgleft {
	margin-top: 0;
}

*:target {
	position: relative;
}

*:not('#main-content'):target:before {
	content: "";
	position: absolute;
	top: -10rem;
	visibility: hidden;
	z-index: -1;
}


/* RESPNSIVE VIDEO
----------------------------------------------- */
.responsive-video {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.23%;
	position: relative;
}

.responsive-video iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}


/* UNPUBLISHED CONTENT
----------------------------------------------- */
.node-unpublished {
	background-color: #fff4f4;
	border: 1px dashed #820000;
	border-radius: 5px;
	-webkit-box-shadow: inset 0 0 0 2px #fff;
	        box-shadow: inset 0 0 0 2px #fff;
	padding: 2rem;
}


/* EXTEND BAND BEYOND CONTAINER
----------------------------------------------- */
.extend-content,
.extend-content-left,
.extend-content-right {
	position: relative;
}

.extend-content:before,
.extend-content:after,
.extend-content-left:before,
.extend-content-right:after {
	background: inherit;
	bottom: 0;
	content: "";
	position: absolute;
	top: 0;
	width: 50vw;
}

.extend-content:before,
.extend-content-left:before {
	right: 100%;
}

.extend-content:after,
.extend-content-right:after {
	left: 100%;
}


/* STYLES AVAILABLE IN WYSIWYG EDITOR
----------------------------------------------- */
p.hero {
  color: #e8e8e8;
  font-size: 1.3125em;
  font-weight: 100;
}


/* Shared Styles
----------------------------------------- */
table th {
	font-weight: bold;
}

table td, table th {
	padding: 9px 10px;
	text-align: left;
}

@media only screen and (max-width:900px) {
	table.responsive {
    	margin-bottom: 0;
	}

	.pinned {
	    background: #fff;
	    border-right: 1px solid #ccc;
	    border-left: 1px solid #ccc;
	    left: 0;
	    overflow: hidden;
	    overflow-x: scroll;
		position: absolute;
	    top: 0;
	    width: 35%;
	}

	.pinned table {
    	border-right: none;
		border-left: none;
		width: 100%;
	}

	.pinned table th, .pinned table td {
    	white-space: nowrap;
	}

	.pinned td:last-child {
		border-bottom: 0;
	}

	div.table-wrapper {
    	border-right: 1px solid #ccc;
		margin-bottom: 20px;
		overflow: hidden;
		position: relative;
	}

	div.table-wrapper div.scrollable {
    	margin-left: 35%;
	}

	div.table-wrapper div.scrollable {
    	overflow: scroll;
		overflow-y: hidden;
	}

	table.responsive td, table.responsive th {
    	overflow: hidden;
    	position: relative;
		white-space: nowrap;
	}

	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td {
    	display: none;
	}
}



/* responsive table */

.responsive-table {
  overflow-x: auto;
}

.responsive-table table {
  table-layout: unset;
}



/* views block classes works similar to (https://foundation.zurb.com/sites/docs/xy-grid.html#block-grids) */

.views-block-small-up-1 > .views-wrapper,
.views-block-small-up-2 > .views-wrapper,
.views-block-small-up-3 > .views-wrapper,
.views-block-small-up-4 > .views-wrapper,
.views-block-small-up-5 > .views-wrapper,
.views-block-small-up-6 > .views-wrapper,
.views-block-small-up-7 > .views-wrapper,
.views-block-small-up-8 > .views-wrapper,
.views-block-small-up-9 > .views-wrapper,
.views-block-small-up-10 > .views-wrapper,
.views-block-small-up-11 > .views-wrapper,
.views-block-small-up-12 > .views-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
}

#region-content .views-block-small-up-1 > .views-wrapper,
#content-bottom .views-block-small-up-1 > .views-wrapper,
#region-content .views-block-small-up-2 > .views-wrapper,
#content-bottom .views-block-small-up-2 > .views-wrapper,
#region-content .views-block-small-up-3 > .views-wrapper,
#content-bottom .views-block-small-up-3 > .views-wrapper,
#region-content .views-block-small-up-4 > .views-wrapper,
#content-bottom .views-block-small-up-4 > .views-wrapper,
#region-content .views-block-small-up-5 > .views-wrapper,
#content-bottom .views-block-small-up-5 > .views-wrapper,
#region-content .views-block-small-up-6 > .views-wrapper,
#content-bottom .views-block-small-up-6 > .views-wrapper,
#region-content .views-block-small-up-7 > .views-wrapper,
#content-bottom .views-block-small-up-7 > .views-wrapper,
#region-content .views-block-small-up-8 > .views-wrapper,
#content-bottom .views-block-small-up-8 > .views-wrapper,
#region-content .views-block-small-up-9 > .views-wrapper,
#content-bottom .views-block-small-up-9 > .views-wrapper,
#region-content .views-block-small-up-10 > .views-wrapper,
#content-bottom .views-block-small-up-10 > .views-wrapper,
#region-content .views-block-small-up-11 > .views-wrapper,
#content-bottom .views-block-small-up-11 > .views-wrapper,
#region-content .views-block-small-up-12 > .views-wrapper,
#content-bottom .views-block-small-up-12 > .views-wrapper {
	margin-left: -1rem;
	margin-right: -1rem;
}

.views-block-small-up-1 > .views-wrapper > .cell { width: 100%; }
.views-block-small-up-2 > .views-wrapper > .cell { width: 50%; }
.views-block-small-up-3 > .views-wrapper > .cell { width: 33.33333%; }
.views-block-small-up-4 > .views-wrapper > .cell { width: 25%; }
.views-block-small-up-5 > .views-wrapper > .cell { width: 20%; }
.views-block-small-up-6 > .views-wrapper > .cell { width: 16.66667%; }
.views-block-small-up-7 > .views-wrapper > .cell { width: 14.28571%; }
.views-block-small-up-8 > .views-wrapper > .cell { width: 12.5%; }
.views-block-small-up-9 > .views-wrapper > .cell { width: 11.111%; }
.views-block-small-up-10 > .views-wrapper > .cell { width: 10%; }
.views-block-small-up-11 > .views-wrapper > .cell { width: 9.09091%; }
.views-block-small-up-12 > .views-wrapper > .cell { width: 8.33333%; }

@media print, screen and (min-width: 901px) {

	.views-block-medium-up-1 > .views-wrapper,
	.views-block-medium-up-2 > .views-wrapper,
	.views-block-medium-up-3 > .views-wrapper,
	.views-block-medium-up-4 > .views-wrapper,
	.views-block-medium-up-5 > .views-wrapper,
	.views-block-medium-up-6 > .views-wrapper,
	.views-block-medium-up-7 > .views-wrapper,
	.views-block-medium-up-8 > .views-wrapper,
	.views-block-medium-up-9 > .views-wrapper,
	.views-block-medium-up-10 > .views-wrapper,
	.views-block-medium-up-11 > .views-wrapper,
	.views-block-medium-up-12 > .views-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
	}

	#region-content .views-block-medium-up-1 > .views-wrapper,
	#content-bottom .views-block-medium-up-1 > .views-wrapper,
	#region-content .views-block-medium-up-2 > .views-wrapper,
	#content-bottom .views-block-medium-up-2 > .views-wrapper,
	#region-content .views-block-medium-up-3 > .views-wrapper,
	#content-bottom .views-block-medium-up-3 > .views-wrapper,
	#region-content .views-block-medium-up-4 > .views-wrapper,
	#content-bottom .views-block-medium-up-4 > .views-wrapper,
	#region-content .views-block-medium-up-5 > .views-wrapper,
	#content-bottom .views-block-medium-up-5 > .views-wrapper,
	#region-content .views-block-medium-up-6 > .views-wrapper,
	#content-bottom .views-block-medium-up-6 > .views-wrapper,
	#region-content .views-block-medium-up-7 > .views-wrapper,
	#content-bottom .views-block-medium-up-7 > .views-wrapper,
	#region-content .views-block-medium-up-8 > .views-wrapper,
	#content-bottom .views-block-medium-up-8 > .views-wrapper,
	#region-content .views-block-medium-up-9 > .views-wrapper,
	#content-bottom .views-block-medium-up-9 > .views-wrapper,
	#region-content .views-block-medium-up-10 > .views-wrapper,
	#content-bottom .views-block-medium-up-10 > .views-wrapper,
	#region-content .views-block-medium-up-11 > .views-wrapper,
	#content-bottom .views-block-medium-up-11 > .views-wrapper,
	#region-content .views-block-medium-up-12 > .views-wrapper,
	#content-bottom .views-block-medium-up-12 > .views-wrapper {
		margin-left: -1rem;
		margin-right: -1rem;
	}

	.views-block-medium-up-1 > .views-wrapper > .cell { width: 100%; }
	.views-block-medium-up-2 > .views-wrapper > .cell { width: 50%; }
	.views-block-medium-up-3 > .views-wrapper > .cell { width: 33.33333%; }
	.views-block-medium-up-4 > .views-wrapper > .cell { width: 25%; }
	.views-block-medium-up-5 > .views-wrapper > .cell { width: 20%; }
	.views-block-medium-up-6 > .views-wrapper > .cell { width: 16.66667%; }
	.views-block-medium-up-7 > .views-wrapper > .cell { width: 14.28571%; }
	.views-block-medium-up-8 > .views-wrapper > .cell { width: 12.5%; }
    .views-block-medium-up-9 > .views-wrapper > .cell { width: 11.111%; }
	.views-block-medium-up-10 > .views-wrapper > .cell { width: 10%; }
	.views-block-medium-up-11 > .views-wrapper > .cell { width: 9.09091%; }
	.views-block-medium-up-12 > .views-wrapper > .cell { width: 8.33333%; }
}

@media print, screen and (min-width: 1201px) {

	.views-block-large-up-1 > .views-wrapper,
	.views-block-large-up-2 > .views-wrapper,
	.views-block-large-up-3 > .views-wrapper,
	.views-block-large-up-4 > .views-wrapper,
	.views-block-large-up-5 > .views-wrapper,
	.views-block-large-up-6 > .views-wrapper,
	.views-block-large-up-7 > .views-wrapper,
	.views-block-large-up-8 > .views-wrapper,
	.views-block-large-up-9 > .views-wrapper,
	.views-block-large-up-10 > .views-wrapper,
	.views-block-large-up-11 > .views-wrapper,
	.views-block-large-up-12 > .views-wrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-flow: row wrap;
		        flex-flow: row wrap;
	}

	#region-content .views-block-large-up-1 > .views-wrapper,
	#content-bottom .views-block-large-up-1 > .views-wrapper,
	#region-content .views-block-large-up-2 > .views-wrapper,
	#content-bottom .views-block-large-up-2 > .views-wrapper,
	#region-content .views-block-large-up-3 > .views-wrapper,
	#content-bottom .views-block-large-up-3 > .views-wrapper,
	#region-content .views-block-large-up-4 > .views-wrapper,
	#content-bottom .views-block-large-up-4 > .views-wrapper,
	#region-content .views-block-large-up-5 > .views-wrapper,
	#content-bottom .views-block-large-up-5 > .views-wrapper,
	#region-content .views-block-large-up-6 > .views-wrapper,
	#content-bottom .views-block-large-up-6 > .views-wrapper,
	#region-content .views-block-large-up-7 > .views-wrapper,
	#content-bottom .views-block-large-up-7 > .views-wrapper,
	#region-content .views-block-large-up-8 > .views-wrapper,
	#content-bottom .views-block-large-up-8 > .views-wrapper,
	#region-content .views-block-large-up-9 > .views-wrapper,
	#content-bottom .views-block-large-up-9 > .views-wrapper,
	#region-content .views-block-large-up-10 > .views-wrapper,
	#content-bottom .views-block-large-up-10 > .views-wrapper,
	#region-content .views-block-large-up-11 > .views-wrapper,
	#content-bottom .views-block-large-up-11 > .views-wrapper,
	#region-content .views-block-large-up-12 > .views-wrapper,
	#content-bottom .views-block-large-up-12 > .views-wrapper {
		margin-left: -1rem;
		margin-right: -1rem;
	}

	.views-block-large-up-1 > .views-wrapper > .cell { width: 100%; }
	.views-block-large-up-2 > .views-wrapper > .cell { width: 50%; }
	.views-block-large-up-3 > .views-wrapper > .cell { width: 33.33333%; }
	.views-block-large-up-4 > .views-wrapper > .cell { width: 25%; }
	.views-block-large-up-5 > .views-wrapper > .cell { width: 20%; }
	.views-block-large-up-6 > .views-wrapper > .cell { width: 16.66667%; }
	.views-block-large-up-7 > .views-wrapper > .cell { width: 14.28571%; }
	.views-block-large-up-8 > .views-wrapper > .cell { width: 12.5%; }
  .views-block-large-up-9 > .views-wrapper > .cell { width: 11.111%; }
	.views-block-large-up-10 > .views-wrapper > .cell { width: 10%; }
	.views-block-large-up-11 > .views-wrapper > .cell { width: 9.09091%; }
	.views-block-large-up-12 > .views-wrapper > .cell { width: 8.33333%; }
}






/* improvements to foudnations broken visibility classes */
.hide-for-small-only,
.hide-for-medium-only,
.hide-for-large-only {
	display: inherit;
}

@media(min-width:75.0625rem) {
	.hide-for-large-only {
	    display: none;
	}
}

@media(min-width:1201px) and (max-width:900px) {
	.hide-for-medium-only {
	    display: none;
	}
}

@media(max-width:900px) {
	.hide-for-small-only {
	    display: none;
	}
}