/****************************************************************************
 * Row
 ****************************************************************************/

.row {
    max-width: 108rem;
}
.row.narrow {
    max-width: 70rem;
}

/****************************************************************************
 * Wrapper
 ****************************************************************************/
/*
.wrapper {
    overflow: hidden;
}
*/

.wrapper:after {
	content: ''; position: absolute;
	top: 0; left: 0; right: 0;
	width: 100%; height: 5rem; pointer-events: none;
	background: linear-gradient(rgba(0,0,0,0.5), transparent);
}

/****************************************************************************
 * Offset Content
 ****************************************************************************/
/*.offset_content .item_content_inner,
.offset_content p,
.offset_content p + * {
    padding-left: 2rem;
}*/

.offset_content .content_title p {
    padding-left: 0;
}

.offset_content p,
.offset_content ul,
.offset_content ol,
.offset_content .button-group {
    padding-left: 0rem;
}

@media screen and (min-width:64em){
    .offset_content p,
    .offset_content ul,
    .offset_content ol,
    .offset_content .button-group {
        padding-left: 3.5rem;
    }
}

@media screen and (min-width:100em){
    .offset_content p,
    .offset_content ul,
    .offset_content ol,
    .offset_content .button-group {
        padding-left: 5rem;
    }
}

/****************************************************************************
 * Rounded Image
 ****************************************************************************/
.round_image .data_ratio {
    border-radius: 50%;
}

/****************************************************************************
 * Blog
 ****************************************************************************/
.blog_teaser .item .content_title >*:not(p) {
	font-size: 1.375em;
	margin-top:0;
	line-height: 1.2;
}

.wrapper .content form.form_wrapper {
	margin: 0 auto 1rem;
	max-width: 40rem;
}

@media screen and (min-width:40em){
	.blog_teaser .item .content_title >*:not(p) {
		font-size: 1.5em;
	}
}


/****************************************************************************
 * Pagination
 ****************************************************************************/
.content .pagination a:not(.button) {
	text-decoration:none;
}

.pagination_section .pagination {
    padding: 2em 1em;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
	list-style:none;
}

.pagination_section .pagination > li {
    padding: 0.25em;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%; 
    line-height: 2em;
}
.pagination_section .pagination > li.current {
    padding: 0.25em 0.75em;
	font-weight:700;
}

.pagination_section ul.pagination li.ellipsis::after {
    content: '…';
}

.pagination_section .pagination > li.pagination-previous,
.pagination_wrapper .prev-col{
	padding-right:2.5rem;
}
.pagination_section .pagination > li.pagination-next,
.pagination_wrapper .next-col{
	padding-left:2.5rem;
}


/****************************************************************************
 * Gallery
 ****************************************************************************/
.gallery .gallery-item {
	position:relative;
}

.gallery .gallery-item figcaption {
	position:absolute;
	bottom:1rem;
	left:1rem;
	right:1rem;
	z-index:30;
	background-color:rgba(255,255,255,0.8);
	padding:0.5rem;
	pointer-events:none;
}


@media screen and (min-width:64em){
	.gallery .gallery-item figcaption {
		opacity:0;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
	
	.gallery .gallery-item:hover figcaption {
		opacity:1;
		-webkit-transition: all .25s ease;
		-moz-transition: all .25s ease;
		-ms-transition: all .25s ease;
		-o-transition: all .25s ease;
		transition: all .25s ease;
	}
}

.gallery.gallery-columns-4 .gallery-item {
	width:100%;
}


@media screen and (min-width:64em){
	.gallery.gallery-columns-4 .gallery-item {
		width:25%;
	}
}


