@charset "UTF-8";

.pagelayout-sidemenu>div.sidemenu{
 padding-left: 15px;
 padding-right: 15px
}

@media ( min-width: 992px ){
	
 .pagelayout-sidemenu>div.sidemenu{
  padding-left: 30px
 } 
 
}

@media ( min-width: 1200px ){
	
 .pagelayout-sidemenu{
  display: flex; 
  flex-wrap: nowrap;
  flex-basis: 0;
  align-items: flex-start
 }
 .pagelayout-sidemenu>div.pagelayout{
  flex: 1 1 auto;
  width: auto;
  order: 2
 }
 .pagelayout-sidemenu>div.sidemenu{
  flex: 0 0 auto;
  width: auto;
  order: 1
 }

}

/*
 Top spacing
 */

.pagelayout>.page-panel,
.pagelayout-sidemenu .sidemenu{
 margin-top: 40px
}
.pagelayout>.page-panel.panel-spacing-thin{
 margin-top: 20px
}
.pagelayout>.page-panel.panel-spacing-large{
 margin-top: 60px
}

/*
 Bottom Spacing
 */

.pagelayout.bottom-spacing-default,
.pagelayout-sidemenu.bottom-spacing-default{
 padding-bottom: 40px
}
.pagelayout.bottom-spacing-thin,
.pagelayout-sidemenu.bottom-spacing-thin{
 padding-bottom: 20px 	
}
.pagelayout.bottom-spacing-large,
.pagelayout-sidemenu.bottom-spacing-large{
 padding-bottom: 60px 
}
 
/*
 Bg colour block
 */

.pagelayout>.page-panel.panel-bgcolour>.page-panel-inner{
 padding-top: 40px;
 padding-bottom: 40px
}
.pagelayout>.page-panel.panel-bgcolour.panel-spacing-thin>.page-panel-inner{
 padding-top: 20px;
 padding-bottom: 20px
}
.pagelayout>.page-panel.panel-bgcolour.panel-spacing-large>.page-panel-inner{
 padding-top: 60px;
 padding-bottom: 60px
}

.pagelayout>.page-panel.panel-bgcolour>.page-panel-inner.collapse,
.pagelayout>.page-panel.panel-bgcolour.panel-spacing-thin>.page-panel-inner.collapse,
.pagelayout>.page-panel.panel-bgcolour.panel-spacing-large>.page-panel-inner.collapse{
 padding-top: 0;
 padding-bottom: 0
}

/*
 Remove margin top from first panel and no spacing panel 
 */

.pagelayout>.page-panel.panel-bgcolour:first-child,  
.pagelayout>.page-panel.panel-spacing-none, 
.pagelayout>.page-panel.panel-bgcolour+.page-panel.panel-bgcolour{
 margin-top: 0
}

/*
 Screen grid panels
 */
 
@media ( max-width: 991px ){

 .column-queued{
  margin-top: 40px !IMPORTANT
 }

}

@media ( min-width: 992px ){
	
 .page-panel.line-separator-horizontal .container .row.screen-grid-panel>div:not( :last-child ){
  padding-right: 20px  
 }
 .page-panel.line-separator-horizontal .container .row.screen-grid-panel>div+div{
  padding-left: 20px  
 }
 .page-panel.line-separator-horizontal .row.screen-grid-panel>div.column-queued{
  position: relative;
 }
 .page-panel.line-separator-horizontal .row.screen-grid-panel>div.column-queued:before{
  position: absolute;
  top: 0;
  left: -.5px;  
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background-color: #ebebeb
 }

}


/*
 Nested grid panels
 */

.pagelayout>.page-panel .nested-grid-panel{
 height: 100%
}

.pagelayout>.page-panel .nested-grid-panel.panel-bgcolour{
 padding: 20px;
}

.pagelayout>.page-panel .stacked-grid-panel+.stacked-grid-panel{
 margin-top: 20px	
}