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

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

/*
h1, .h1 {
  font-size: 2.5rem;
  line-height: 3rem;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  
  @include breakpoint(small only) {
	  font-size:1.5rem;
	   line-height: 1.5rem;
  }
}

h2, .h2 {
    font-size: 2rem;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
	
    @include breakpoint(small only)
	{
		position:relative;
		font-size:1.5rem;
		line-height: 1.5rem;
		margin-bottom: 0rem;
    }
}

h3, .h3 {
    font-size: 2rem;
    line-height: 1.5rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
	
    @include breakpoint(small only)
	{
		position:relative;
		font-size:1.5rem;
		line-height: 1.5rem;
		margin-top:0;
		margin-bottom:1.5rem;
    }
}

h4, .h4 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 1.5rem;
  margin-bottom: 0;
  
}

h5, .h5 {
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 0rem;
  margin-bottom: 1.5rem;
}
*/
p, ul, ol, pre, table, blockquote {
  margin-top: 0rem;
  margin-bottom: 1.5rem;
}
ul ul, ol ol, ul ol, ol ul {
  margin-top: 0rem;
  margin-bottom: 0rem;
}

/* Let's make sure all's aligned */
hr, .hr {
  margin: -1px 0;
}

sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}

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

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


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


.row-default{
	position:relative;
	z-index:10;
	&.collapse-grid{overflow:hidden;}
}
.row-default.first-section{padding:0;margin: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;
	@include breakpoint(medium down){
		display:none;
	}
}


.collapse-grid .grid-container{@include xy-grid-container(100%,0);}



#hide{display:none;}


/* 
 * Make a button hidden and extend click area to clostest relative parent
 */
.overlay-link{display:block;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;text-indent:-5000px;}


/* 
 * horizontal ruler
 */
.hr-devider{
	
	margin:1.5rem 0;
	hr{margin:0.75rem 0;}
	
	@include breakpoint(medium down)
	{
		margin:0;
	}
	
	
}

.vert-offset-1{margin-top:3rem;}

.devider{padding-left:0.75rem;margin-right:0.75rem;display:inline-block;position:relative;}
.devider::after{content:"";position:absolute;top:0;left:0;bottom:0;border-right:solid 1px rgba($white,0.5);height:1.5rem;width:1px;}