.wn-section{left:var(--body-margin); width:calc(100vw - var(--body-margin)*2); background: var(--color-dark-blue);}
.wn-title{margin-bottom:0;}

.wn-icon {
	width: 2.5rem;
	font-size: 2rem;
	text-align: center;
  line-height: 1;
  color: inherit;
  margin-right: 2rem;
  flex: none;
}

.wn-close {
  position: absolute;
  top: 0;
  right: 15px;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: 0;
  transition: color 0.2s ease;
  outline: none;
	background: transparent; 
	color:#fff;
	font-size: 1rem;
}
.wn-close:hover, .wn-close:focus{color:var(--color-light-yellow);}
.wn-slider .slick-dots {bottom: 1rem;}

.wn-slider .slick-arrow {
position: absolute;
  line-height: 1;
  left: auto;
  border: 0;
  color: #fff;
	opacity:0.7;
  opacity: 1;
  width: 2rem;
  height: 2rem;
  top: 2.5rem;
  background: rgba(255,255,255,0.12);
  padding: 0;
  font-size:1.25rem;
	transition:background 0.2s ease;
}
.wn-slider .slick-prev{right:-2.63rem;}
.wn-slider .slick-next{right:-5.25rem;}

.wn-slider .slick-arrow:hover, .wn-slider .slick-arrow:focus{background:var(--color-light-yellow);}
.wn-slider .slick-disabled.slick-arrow{color:var(--color-black); opacity:0.2;}

@media (max-width: 991.98px) {
	.wn-slider{margin-right: 2rem;}
	.wn-slider .wn-item{margin-bottom: 2rem;}
	.wn-icon{margin-right: 1rem;}
	.wn-close{right: 1rem;}
	.wn-slider .wn-item:only-child{margin-bottom: 0;}
	.wn-section{border-bottom-left-radius: var(--radius-normal); border-bottom-right-radius: var(--radius-normal);}
	
	.wn-section ~ #page-wrap{margin-top:0;}
	.wn-section ~ #page-wrap header#header{position: relative; top:0;}
}