/* 
 * Widget Choose Adventure
 */

.widget-choose-adventure {
	margin-top: 20px;
	overflow: hidden;
	margin-bottom: 10px;
}
.widget-choose-adventure > .row > .columns {
	padding-left: 0;
	padding-right: 0;
}
.widget-choose-adventure .main-image {
	position: relative;
	margin-bottom: 40px;
}
.widget-choose-adventure .main-image img {width: 100%;}
.widget-choose-adventure .main-image .title {
	position: absolute;
	top: 16px;
	width: 100%;
	left: 0;
}
.widget-choose-adventure .main-image .title-top {
	font-size: 25px;
	line-height: 25px;
	color: #06416d;
	font-family: "mostra-nuova", sans-serif;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 0px;
}
.bmp_brand .widget-choose-adventure .main-image .title-top {
	color: var(--bmp-microsite-fuchsia);
}
.widget-choose-adventure .main-image .title-bottom {
	font-size: 40px;
	line-height: 40px;
	font-family: "mostra-nuova", sans-serif;
	font-weight: 700;
	color: #1aa4d5;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 35px;
}
.bmp_brand .widget-choose-adventure .main-image .title-bottom {
	color: var(--bmp-microsite-dark-green);
}
.widget-choose-adventure .main-image .down-arrow {
	height: 45px;
	width: 45px;
	background-image: url("/includes/public/assets/images/icon-down-arrow.png");
	background-repeat: no-repeat;
	bottom: 8px;
	left: 0;
	right: 0;
	margin: auto;
	position: absolute;
}
/* secondary imagme */
.widget-choose-adventure .secondary-image {margin-bottom: 30px;}
.widget-choose-adventure .secondary-image .reveal-content {
	padding: 23px 15px 33px 15px;
	background-color: #06416d;
	text-align: center;
	color: #fff;
}
.bmp_brand .widget-choose-adventure .secondary-image .reveal-content {
	background-color: var(--bmp-microsite-dark-green);
}
.widget-choose-adventure .secondary-image .image-col {}
.widget-choose-adventure .secondary-image .image-col .image {display: block;}
.widget-choose-adventure .secondary-image .image > img {
	width: 100%;
	position: relative;
}
.widget-choose-adventure .secondary-image .title {
	text-transform: uppercase;
	color: #fff;
	font-size: 21px;
	line-height: 25px;
	font-family: "mostra-nuova", sans-serif;
	font-weight: 400;
	display: block;
	margin-bottom: 16px;
}
.widget-choose-adventure .secondary-image .text {
	font-size: 13px;
	line-height: 20px;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
	margin-bottom: 39px;
}
.widget-choose-adventure .secondary-image .button {
	width: 100%;
	margin-bottom: 0;
}
.widget-choose-adventure .secondary-image .big-text {
	display: none;
	color: #f0f3f8;
	font-size: 200px;
	font-family: "mostra-nuova", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	line-height: 314px;
}
.widget-choose-adventure .secondary-image .image-col .reveal-content {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 35px;
}
.tablet-mobile a.image{
	display: none !important;
}
@media only screen and (min-width: 40.063em){
	/* > 641px  */ 
	.widget-choose-adventure {margin-top: 30px;}
	.widget-choose-adventure > .row > .columns {
		padding-left: 15px;
		padding-right: 15px;
	}
	.widget-choose-adventure .main-image .title {top: 27px;}
	.widget-choose-adventure .main-image .title-top {
		font-size: 55px;
		line-height: 48px;
		margin-bottom: 2px;
	}
	.widget-choose-adventure .main-image .title-bottom {
		font-size: 70px;
		line-height: 60px;
	}
	.widget-choose-adventure .main-image .down-arrow {bottom: 30px;}
	.widget-choose-adventure .secondary-image .button {width: auto;}
	/*reverse for odd*/
	.widget-choose-adventure .secondary-image:nth-of-type(odd) .image-col {float: right;}
	.widget-choose-adventure .secondary-image:nth-of-type(odd) .content-col {float: left;}
}
@media only screen and (min-width: 40.0623em) and (max-width: 47.9375em) {
	/* > 641px < 767px */ 
	.widget-choose-adventure .secondary-image .image-col img {
		width: auto;
		max-width: 369px;
		min-width: 100%;
		left: -184.5px;
		position: relative;
		margin-left: 50%;
	}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	/*  > 641px < 1024px   */
	.widget-choose-adventure .secondary-image {margin-bottom: 40px;}
	.widget-choose-adventure .secondary-image .image-col {padding-right: 0;}
	.widget-choose-adventure .secondary-image .image-col .image {overflow: hidden;}
	.widget-choose-adventure .secondary-image .content-col {padding-left: 0;}
	.widget-choose-adventure .secondary-image .reveal-content {padding: 15px 15px 10px 15px;}
	.widget-choose-adventure .secondary-image .text {margin-bottom: 23px;}
	/*reverse for odd*/
	.widget-choose-adventure .secondary-image:nth-of-type(odd) .image-col {
		padding-right: 15px;
		padding-left: 0;
	}
	.widget-choose-adventure .secondary-image:nth-of-type(odd) .content-col {
		padding-left: 15px;
		padding-right: 0;
	}
}
@media only screen and (min-width: 64.063em) {
	/*  > 1024px  */ 
	.widget-choose-adventure {
		margin-top: 40px;
		margin-bottom: 60px;
	}
	.widget-choose-adventure .main-image {margin-bottom: 45px;}
	.widget-choose-adventure .main-image .title {top: 70px;}
	.widget-choose-adventure .main-image .down-arrow {bottom: 21px;}
	.widget-choose-adventure .secondary-image {margin-bottom: 0px;}
	.widget-choose-adventure .secondary-image .big-text {display: block;}
	.widget-choose-adventure .secondary-image .content-col .reveal-content {display: none;}
	.widget-choose-adventure .secondary-image .title {
		font-size: 30px;
		line-height: 36px;
	}
	.widget-choose-adventure .secondary-image .text {
		font-size: .91em;
		line-height: 25px;
	}
	.widget-choose-adventure .secondary-image .image-wrapper {
		position: relative;
		overflow: hidden;
		max-height: 315px;
		width: 100%;
	}
	.widget-choose-adventure .secondary-image .image-wrapper .skrollr-container {
		position: relative;
	}
	.widget-choose-adventure .secondary-image .image-wrapper span{
		background-attachment: fixed;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
	}
	.widget-choose-adventure .secondary-image .image-col.right-pad {
		padding-right: 21px;
	}
	.widget-choose-adventure .secondary-image .image-col.left-pad {
		padding-left: 21px;
	}
	.widget-choose-adventure .secondary-image .image-col .reveal-content {
		background-color: rgba(0,65,109,0.00);
		display: block;
		transform: scale(1.2);
		-webkit-transition: all 550ms ease-in-out;
		-moz-transition:    all 550ms ease-in-out;
		-o-transition:      all 550ms ease-in-out;
		transition:         all 550ms ease-in-out;
	}
	.widget-choose-adventure .secondary-image .image-col:hover .reveal-content {
		background-color: rgba(0,65,109,0.85);
		transform: scale(1);
	}
	.bmp_brand .widget-choose-adventure .secondary-image .image-col:hover .reveal-content {
		background-color: rgba(50, 89, 74, 0.85);
		transform: scale(1);
	}
	.widget-choose-adventure .secondary-image .image-col .reveal-content > * {opacity: 0;}
	.widget-choose-adventure .secondary-image .image-col:hover .reveal-content > * {
		opacity: 1;
		-webkit-transition: all 500ms ease-in-out;
		-moz-transition:    all 500ms ease-in-out;
		-o-transition:      all 500ms ease-in-out;
		transition:         all 500ms ease-in-out;
	}
}
@media only screen and (max-width: 64.063em) {
	.widget-choose-adventure .secondary-image {
		background-color: #06416d;
	}
	.bmp_brand .widget-choose-adventure .secondary-image {
		background-color: var(--bmp-microsite-dark-green);
	}
}

@media only screen and (min-width: 1026px) and (max-width: 1081px) {
	.widget-choose-adventure .secondary-image .big-text {
		font-size: 189px;
		line-height: 264px;
	}
	.widget-choose-adventure .secondary-image .text {
	    font-size: .86em;
	    line-height: 22px;
	    margin-bottom: 20px;
	}
}

@media only screen and (min-width: 642px) and (max-width: 702px) {
	.widget-choose-adventure .secondary-image .text {
		font-size: 12px;
		margin-bottom: 12px;
	}
}
@media only screen and (min-width: 641px) and (max-width: 641px) {
	.widget-choose-adventure .secondary-image .image-col img {
		width: 100%;
		left: 0;
		margin-left: 0;
	}
}
@media only screen and (max-width: 40.063em) {
	.widget-choose-adventure .secondary-image .reveal-content{
		padding: 23px 24px 34px 24px;
	}
	.widget-choose-adventure .secondary-image .title{
		font-weight: 100;
	}
	.widget-choose-adventure .secondary-image .text{
		opacity: .9;
	}
}
@media only screen and (min-width: 830px) and (max-width: 1020px) {
	.widget-choose-adventure .secondary-image .text {
		font-size: 14px;
		line-height: 24px;
	}
}