/*
 * Template Name: Discover Portland
 */

.ip-banner{
	display: none;
}

#inner-page-wrapper{
	margin-bottom: 0;
}

#inner-page-wrapper > .container{
	width: 100%;
	padding: 0 0;
}

#dpl-ip{
	
}
.dpl-banner{
	position: relative;
	z-index: 0;
}
.dpl-banner:before{
	content:'';
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.45;
}
.dpl-banner canvas{
	display: block;
	width: 100%;
	height: auto;
	position: revert;
	z-index: 0;
	background-position: center center;
	background-size: cover;
	min-height: 300px;
}

.dpl-top{
	position: relative;
	padding: 0 0 80px;
	background: url(../../images/discover-portland/dpl-bg_01.jpg) center center no-repeat;
	background-size: cover;
}
.dpl-top:before{
	content:'';
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 150%);
}
.dpl-top > div{
	position: relative;
	z-index: 1;
}
.dpl-top-title{
	margin: 46px 0 0;
}

.dpl-top-desc {
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    letter-spacing: 0.020em;
    line-height: 1.2;
    margin: 52px auto 0;
    padding: 0 15px;
    max-width: 1278px;
}
.dpl-top-img{
	max-width: 1160px;
	margin: 58px auto 0;
	width: calc(100% - 30px);
}
.dpl-top-img img{
	display: block;
	width: 100%;
	height: auto;
}
.dpl-sections{}
.dpl-section{
	padding: 40px 0;
	position: relative;
}
.dpl-section-container{
	width: 1400px;
	margin: 0 auto;
	max-width: calc(100% - 30px);
	position: relative;
	z-index: 1;
}
.dpl-section-inner{}
.dpl-section-col{
	position: relative;
}

.dpl-section-photo{
	position: relative;
	z-index: 0;
}
.dpl-section-photo > img{
	display: block;
	width: 100%;
	height: auto;
	position: relative;
	z-index: 0;
}
.dpl-section-thumbnail{
	position: absolute;
	z-index: 1;
	width: 32.857%;
}

.dpl-section-thumbnail img{
	display: block;
	width: 100%;
	height: auto;
}
.dpl-text{
	font-size: 17px;
	line-height: 1.444;
}
.dpl-text h3{
	font-size: 1.556em;
	color: #c9ae85;
	font-weight: 500;
	letter-spacing: 0.100em;
	margin: 0 0 21px;
}
.dpl-text p{}
.dpl-section.style-1{
	background-position: center center;
	background-size: cover;
	background-color: #000;
}
.dpl-section.style-1:before{
	content:'';
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.3;
}
.dpl-section.style-1 .dpl-section-inner{
	background: rgba(255,255,255,0.9);
}
.dpl-section.style-4{
	background-position: center center;
	background-size: cover;
	background-color: #000;
}
.dpl-section.style-4:before{
	content:'';
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.6;
}
.dpl-section.style-4 .dpl-section-inner{
	background: rgba(255,255,255,0.9);
}
.dpl-section.mid{
	background: url(../../images/discover-portland/dpl-bg_04.jpg) center center no-repeat;
	background-size: cover;
}
.dpl-section.mid:before{
	content:'';
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: 0.5;
}
.dpl-section.mid .dpl-text{
	color: #fff;
}
.dpl-section-info{}
.dpl-section-info > div{}
.dpl-section-info > div:first-child{
	margin: 0 0 0;
}
.dpl-section-info > div > span{
	display: block;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 0.040em;
	margin: 0 0 10px;
}
.dpl-section-info > div a{
	display: inline-flex;
	vertical-align: middle;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	font-size: 19px;
	letter-spacing: 0.040em;
}
.dpl-section-info > div a:hover{
	color: #c9ae85;
}
.dpl-section-info > div a em{
	font-size: 0.9em;
	margin-right: 9px;
}
.dpl-section.style-6{
	background: url(../../images/discover-portland/dpl-bg_05.jpg) center top no-repeat;
	background-size: cover;
}
.dpl-section.style-6:before{
	content:'';
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,0.7) 0%, rgba(255,255,255,1) 100%);
}

.dpl-links{
	padding: 50px 0;
	background: url(../../images/discover-portland/dpl-bg_06.jpg) center bottom no-repeat;
	background-size: cover;
	position: relative;
}
.dpl-links:before{
	content:'';
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%);
}
.dpl-links-container{
	width: 1400px;
	margin: 0 auto;
	max-width: calc(100% - 30px);
	position: relative;
	z-index: 1;
}
.dpl-links-inner{
	background: #c9ae85;
	color: #fff;
	padding: 50px 15px;
}
.dpl-links-title{
	text-align: center;
	font-size: 48px;
	line-height: 1.2;
	letter-spacing: 0.100em;
	text-transform: uppercase;
	font-family: var(--font-family-title);
	margin: 0 0 67px;
}
.dpl-links-content{}
.dpl-links-row{
	position: relative;
}
.dpl-links-row:not(:first-child){
	margin: 43px 0 0;
}
.dpl-links-row:not(:first-child):before {
    content: '';
    display: block;
    height: 1px;
    background: #e0cfb9;
    max-width: calc(100% - 40px);
    width: 100%;
    margin: 0 auto 39px;
}
.dpl-links-col{}
.dpl-links-col .dpl-links-hdr{
	font-size: 25px;
	letter-spacing: 0.050em;
	font-family: var(--font-family-title);
	text-transform: uppercase;
	font-weight: 700;
	margin: 0 0 22px;
}
.dpl-links-col .dpl-links-box{
	background: #fff;
	border: 1px solid #fff;
	position: relative;
}
.dpl-links-col .dpl-links-img{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0.20;
	filter: grayscale(75%);
	-webkit-filter: grayscale(75%);
	background-size: cover;
	background-position: center center;
}
.dpl-links-col .dpl-links-list{
	position: relative;
	z-index: 1;
	min-height: 207px;
	padding: 28px 15px 10px 0;
}
.dpl-links-col .dpl-links-list ul {
    list-style-type: disc;
    margin-left: 57px;
}
.dpl-links-col .dpl-links-list li{
	font-size: 16px;
	color: #323232;
	margin: 12px 0 0;
}
.dpl-links-col .dpl-links-list li:first-child{
	margin: 0 0 0;
}
.dpl-links-col .dpl-links-list li a{}
.dpl-links-col .dpl-links-list li a:hover{
	color: #c9ae85;
}
@media only screen and (min-width: 992px) {
	.dpl-top-desc{
		font-size: min(1.748vw,25px);
	}
	.dpl-section .dpl-section-inner{
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
	}
	.dpl-section .dpl-section-col{
		width: 50%;
	}
	.dpl-section .dpl-section-inner .dpl-section-content {
	    margin: 0 auto;
	    max-width: calc(100% - 30px);
	    width: 495px;
	}
	.dpl-text{
		font-size: min(1.189vw,17px);
	}
	.dpl-text h3{
		margin: 0 0 min(1.469vw,21px);
	}
	.dpl-section-thumbnail.bottom{
		left: 9.571%;
		bottom: -7%;
	}
	.dpl-section-thumbnail.left{
		left: -5%;
		top: 11%;
	}
	.dpl-section.style-1{
		padding: 80px 0;
	}
	.dpl-section.style-1 .dpl-section-inner{
		padding: 80px 0;
	}
	.dpl-section.style-1 .dpl-section-col:first-child{
		padding-left: min(8.252vw,118px);
	}
	.dpl-section.style-2{
		padding: 76px 0;
	}
	.dpl-section.style-2:before{
		content:'';
		display: block;
		position: absolute;
		z-index: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: calc(50% + min(11.438vw,183px));
		background: #c9ae85;
	}
	.dpl-section.style-2 .dpl-section-inner{
		flex-flow: row-reverse wrap;
	}
	.dpl-section.style-2 .dpl-section-inner .dpl-section-content{
		width: 460px;
	}
	.dpl-section.style-3{
		padding: 28px 0 110px;
	}
	.dpl-section.style-4{
		padding: 80px 0;
	}
	.dpl-section.style-4 .dpl-section-inner{
		padding: 80px 0;
		flex-flow: row-reverse wrap;
	}
	.dpl-section.style-4 .dpl-section-col:first-child{
		padding-right: min(8.252vw,118px);
	}
	.dpl-section.style-5 {
	    padding: 76px 0;
	}
	.dpl-section.style-5:before {
	    content: '';
	    display: block;
	    position: absolute;
	    z-index: 0;
	    top: 0;
	    left: 0;
	    bottom: 0;
	    right: calc(50% + min(11.438vw, 183px));
	    background: #c9ae85;
	}
	.dpl-section.mid{
		padding: 146px 0;
	}
	.dpl-section.mid .dpl-section-content{
		max-width: 1040px;
		margin: 0 auto;
	}
	.dpl-section.mid .dpl-text{
		font-size: min(1.678vw,24px);
	}
	.dpl-section.mid .dpl-text h3{
		font-size: 1.167em;
	}
	.dpl-section.style-6{
		padding: 80px 0 120px;
	}
	.dpl-section.style-6 .dpl-section-inner{
		flex-flow: row-reverse wrap;
	}
	.dpl-section.style-6 .dpl-section-inner .dpl-section-content{
		width: 500px;
	}
	.dpl-section-info{
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: flex-start;
	}
	.dpl-section-info > div{
		margin-left: min(3.147vw,45px);
	}
	.dpl-section-info > div > span{
		font-size: min(1.538vw,22px);
		margin: 0 0 min(0.699vw,10px);
	}
	.dpl-section-info > div a{
		font-size: min(1.329vw,19px);
	}
	.dpl-section-info > div a em{
		margin-right: min(0.629vw,9px);
	}
	.dpl-links{
		padding: 120px 0 134px;
	}
	.dpl-links-inner{
		padding: 64px min(6.923vw,99px) 110px;
	}
	.dpl-links-title {
	    font-size: min(3.357vw,48px);
	    margin: 0 auto 67px;
	    max-width: min(65.734vw,940px);
	}
	.dpl-links-row{
		display: flex;
		flex-flow: row wrap;
		align-items: flex-start;
		justify-content: center;
	}
	.dpl-links-col {
	    margin-left: min(3.217vw,46px);
	    width: calc(100% / 3 - min(2.168vw,31px));
	}
	.dpl-links-col:first-child{
		margin: 0 0 0;
	}
	.dpl-links-col .dpl-links-hdr {
	    font-size: min(1.68vw,25px);
	    margin: 0 0 min(1.539vw,22px);
	}
	.dpl-links-col .dpl-links-list ul {
	    margin-left: min(3.986vw,57px);
	}
	.dpl-links-col .dpl-links-list li {
	    font-size: min(1.2vw,16px);
	    margin: min(0.839vw,12px) 0 0;
	}
}

@media only screen and (max-width: 991px) {
	.dpl-section.style-1 .dpl-section-inner,
	.dpl-section.style-4 .dpl-section-inner {
	    padding: 40px 15px;
	}
	.dpl-section-col:first-child{
		max-width: 700px;
		margin: 0 auto;
		position: relative;
	}
	.dpl-section-thumbnail {
	    right: 0;
	    bottom: 0;
	}
	.dpl-section-content{
		text-align: center;
		padding: 30px 0 0;
	}
	.dpl-section-info > div {
	    margin-top: 50px;
	}
	.dpl-links-col {
	    max-width: 364px;
	    margin: 20px auto 0;
	}
	.dpl-links-col:first-child{
		margin-top: 0;
	}
	.dpl-links-col .dpl-links-hdr{
		text-align: center;
	}
}
@media only screen and (max-width: 767px) {
	.dpl-top-desc{
		font-size: 20px;
	}
	.dpl-text {
	    font-size: 15px;
	}
	.dpl-text h3 {
	    letter-spacing: 0.020em;
	    margin: 0 0 15px;
	}
}
@media only screen and (max-width: 567px) {
	.dpl-links-title{
		font-size: 30px;
	}
}
@media only screen and (max-width: 480px) {
	.dpl-links-title{
		font-size: 25px;
	}
	.dpl-links-col .dpl-links-list ul {
	    margin-left: min(11.875vw,57px);
	}
}