.no-js {
  @include breakpoint(small only) {
    .top-bar {
      display: none;
    }
  }

  @include breakpoint(medium) {
    .title-bar {
      display: none;
    }
  }
}

/*
 * Shadeout
 */
.shade-out{position:fixed;width:100%;height:100%;top:0em;bottom:0;background-color:rgba(55,64,68,0.85);z-index:100;cursor:pointer;}


/* 
 * vertical offset
 */
.default-spacer{height:1.5em;}
.space-5{margin-top:7.5em;}
.space-4{margin-top:6em;}
.space-3{margin-top:4.5em;}
.space-2{margin-top:3em;}
.space-1{margin-top:1.5em;}


/*
 * row with border bottom
 */
.devider-after::after{clear:both;content:"";display:block;position:absolute;bottom:0;left:0;right:0;border-bottom:solid 1px $light-gray;position:relative;height:1.25em;margin-bottom:2.25em;}
.devider-before::after{clear:both;content:"";display:block;position:absolute;top:0;left:0;right:0;border-top:solid 1px $light-gray;position:relative;height:1.25em;margin-bottom:2.25em;}


/*
@media screen and #{breakpoint(large)}{
	.grid-container > section{margin-right: -1rem;margin-left: -1rem;}
}
*/

.padded-border{
    border: solid 1px $light-gray;
    padding: 0.25em;
}

.responsive-embed{border:solid 1px $light-gray;margin-bottom:1.5rem;}
.responsive-embed.pdf{padding-bottom:129%;}


.grid-default{position:relative;padding:3em 0 1.5em 0}

.button.gray{background-color:$medium-gray;}
.button.gray:hover{
	background:scale-color($medium-gray, $lightness: -15%);
	color:$white;
}

.button.transparent{background-color:transparent;}
.button.transparent:hover{
	background:scale-color($medium-gray, $lightness: -15%);
	color:$white;
}

.overlay-link{display:block;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-5000px;}
/*.overlay-link::after{content:"";display:block;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;}*/

.large-line-right{position:relative;}
.large-line-right::after{content:"";border-right:solid 1px $light-gray;position:absolute;top:0;right:-3em;bottom:0;}


.show-large-image{cursor:pointer;position:relative;@include has-shadow(0.05,1rem);border:solid 1px $light-gray;padding:1.5rem;display:inline-block;}
.show-large-image::after{content:"\f00e";font-family:FontAwesome;font-size:1rem;color:$dark-gray;position:absolute;top:0.5rem;right:0.75rem;}
.show-large-image img{}
.show-large-image:hover{@include has-shadow(0.25,1rem);}
.show-large-image:hover::after{color:$black;}
/*.show-large-image::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;}*/

.hide-after-5{height:7.5em;overflow:hidden;}