/*
Theme Name: Winter Park Mountain Lodge
Description: Custom theme for client
Author: Creative Dimensions - Denver, CO
Template: jumpstart
*/

/* Your custom CSS here */

@import url('https://fonts.googleapis.com/css?family=Montserrat:300,700|Raleway:400,400i|Meow+Script&amp;display=swap');

/* Contents
 * 1. Colors
 * 2. Global
 * 3. Typography
 * 4. Header
 * 5. Footer
 * 6. Home Page
 * 7. Sub Pages
 * 8. Components
 * 9. Food Menu
 * 10. Peak Privilege Page
 */

/**** Temp Notice Header ****/
#notice {
	display: none;
    background: rgba(255,0,42,1);
	padding: 10px;
    text-align: center;
}

#notice h2 {
    color: #fff;
    font-weight: bold;
	margin: 0;
}

/**** Black Friday Popup ****/

#popmake-3484 {
    background: rgb(28,52,102);
    background: linear-gradient(90deg, rgba(28,52,102,1) 0%, rgba(59,87,150,1) 70%);
}

#popmake-3484 .btn {
    border-color: #fff;
    display: block;
    margin: 20px auto;
    width: fit-content;
}
 
/*************************************************
 * Temporary Header Alert Section (in header.php)
 * ***********************************************/

section#header_alert {
	display: none;
    background-color: #4a4a4a;
	color: #fff;
	font-size: .750rem;
    padding: 6px 0;
    text-align: center;
}

section#header_alert a {
    color: #fff;
}

section#header_alert .element-content {
    /* max-width: 800px;*/
	padding-bottom: 6px;
}

section#header_alert h1 {
	font-size: 1rem;
	font-weight: bold;
    margin-bottom: 4px;
}

/************************************
 * 1. Colors
 * Dark Blue - #141a32 (20,26,50)
 * Medium Blue - #262f4e (38,47,78)
 * Light Blue - #5e77ad (94,119,173)
 */

/************************************
 * 2. Global
 * **********************************/
.bkgnd-white-70 {
    background: rgba(255,255,255,0.7) !important;
}
.nowrap {
    white-space: nowrap;
}

@media (min-width: 992px) {
	.col-md-4.has-bg {
		width: 31.33333333%;
	}
	.col-md-4.has-bg {
		margin-right: 2%;
	}
	.col.has-bg + .col.standard {
		padding-left: 30px !important;
	}

	.col.standard + .col.has-bg{
		padding-right: 30px !important;
	}
	/* Add to columns with background photo using blank image */
	.full-height img {
		height: 100%;
	}
}
@media (max-width: 991px) {
	.hide-tablet {
		display: none;	
	}
	.col.has-bg + .col.standard {
        padding-top: 30px !important;
    }
}

a {
	text-decoration: underline;
}

/* Lists */
ul.rules {
    font-size: 14px;
}

.site-main li {
    margin-bottom: 10px;
}

.site-main li:last-of-type {
    margin-bottom: 0;
}

.tb-thumb-link .thumb-link-icon {
    display: none;
}

/* Skip Links */
.skip-link {
	position: absolute;
	left: -99999px;
	top: 10px;
}

.skip-link:focus, .skip-link:active{
	left: 10px;
	z-index:9999;
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	color: #333;
	background: #fff;
	border: 1px dotted #333;
	font-size: 20px;
}

/************************************
 * 3. Typography
 * **********************************/

body {
	font-family: 'Montserrat',Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: .5px;
}

.subtitle, .tb-headline p {
	font-family: 'Raleway',Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	font-style: italic;
	font-weight: 400;
}

h1, h2 {
    font-weight: 400;
    text-transform: uppercase;
}
.text-light .tb-headline h1, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 {
    color: #fff;
}

.tb-headline h1, .text-dark h1, .text-dark h2, .text-dark h3, .text-dark h4, .text-dark h5, .text-dark h6 {
    color: #141a32;
}

.tb-headline p {
    font-size: 1.3em;
}

h2+.subtitle {
    margin-top: -20px;
    margin-bottom: 10px;
}

.smaller {
	font-size: 90%;
}

/************************************
 * 4. Header
 * **********************************/

.header-nav {
    background: #596185;
}

.header-top, .site-header.transparent .header-top, .tb-mobile-header {
    background: #141a32;
	z-index: 10;
}

.header-top>.wrap {
    padding: 4px 10px;
}

.header-text, .header-text a {
    color: #fff;
	font-size: 13px;
	text-decoration: none;
}

.site-header .header-text {
    margin: 0 1% 0 0;
    text-align: left;
    width: 49%;
}

.site-header.transparent .header-nav, .tb-sticky-header, .tb-primary-menu ul.non-mega-sub-menu, .tb-primary-menu .sf-mega {
    background-color: rgba(49,59,103,.8);
}

.tb-primary-menu ul.sub-menu .menu-btn, .tb-sticky-header .tb-primary-menu>li>.menu-btn {
    color: #fff;
    font-size: 13px;
	line-height: 1.2;
    min-height: 60px;
	padding: 15px 10px !important;
	text-align: center;
}

.header-top-nav {
	float: right;
    margin: 0 0 0 1%;
    text-align: right;
    width: 49%;
}

.tb-social-icons.light>li>a {
    color: #fff;
	cursor: pointer;
}

.tb-social-icons li, .header-text .list-inline>li {
    padding: 0 14px;
}

.themeblvd-contact-bar li.reserve>a {
    background: url(../jpg/blue-wood-texture.jpg) no-repeat;
    background-size: cover;
    box-shadow: 3px 3px 4px rgba(20,26,50,.8);
    margin-top: -8px;
    padding: 10px 14px;
}

.themeblvd-contact-bar li.reserve>a:hover {
    background: rgba(49,59,103,1);
    color: #fff !important;
}

.header-top .tb-social-icons.social-trans {
    display: none;
}

@media (max-width: 1199px) {
    .header-top>.wrap {
        max-width: 100%;
    }
}

/* Main Menu */
.header-nav .wrap {
    text-align: center;
}

ul#menu-main-navigation {
    display: table;
    width: 100%;
}

#menu-main-navigation.sf-menu>li {
    display: table-cell;
    float: none;
    vertical-align: middle;
    width: 14.285714%;
}

.tb-primary-menu>li>.menu-btn {
    font-size: 14px;
    padding: 20px 4px;
    text-transform: uppercase;
}

.tb-primary-menu>li.menu-item-has-children>.menu-btn {
    padding-right: inherit;
}

.tb-primary-menu .menu-btn:hover, .tb-primary-menu ul.sub-menu .menu-btn:hover, .menu-item.current-menu-item a {
    color: #899cc3;
}

.tb-primary-menu>li.mobile-home, .tb-primary-menu>li>a .sf-sub-indicator {
    display: none !important;
}

/* Centered logo (menu item)*/

.menu-logo a.menu-btn {
    background: transparent url(../png/wpml-logo-text.png) no-repeat center center !important;
    background-size: 100% auto !important;
    height: 100%;
	margin: 0 10px;
    text-indent: -9999px;
	transition: none;
    width: 170px;
}

/* Sticky Menu */
.tb-sticky-header .logo-sticky {
    display: none;
}

.tb-sticky-header .menu-sticky {
    margin: 0 auto;
}

.tb-sticky-header .tb-primary-menu>li {
    height: fit-content;
}

/* Mobile Menu */
.tb-mobile-menu>li.menu-logo>.menu-btn {
	display: none;
}

.tb-mobile-header .site-logo {
    padding-top: 10px;
}

#mobile-panel {
    background: #262f4e;
}

.tb-mobile-panel .header-text {
    padding: 0 !important;
}

.tb-mobile-panel .header-text.panel-item>a {
    display: block;
    font-size: 13px;
    padding: 10px;
}

.tb-mobile-panel .tb-mobile-menu>li {
    border-bottom-color: rgba(255,255,255,.2);
}

.tb-mobile-panel .tb-mobile-menu>li>.menu-btn:hover, .tb-mobile-panel .tb-mobile-menu>li>.menu-btn:focus, .tb-mobile-panel .tb-mobile-menu>li>.menu-btn:active {
    background: #899cc3;
}

.tb-mobile-panel .header-text a:hover svg, .tb-mobile-panel .header-text a:focus svg, .tb-social-icons.light>li>a:hover {
    color: rgba(94,119,173,1);
}

/************************************
 * 5. Footer
 * **********************************/
div#bottom {
    background: #262f4e;
    color: #fff;
}

#bottom h1, #bottom h2, #bottom h3, #bottom h4, #bottom h5, #bottom h6 {
    color: #899cc3;
}

#bottom h2 {
	font-size: 18px;
}

#bottom a {
    color: #fff;
}

#bottom a:hover, #bottom a:active, #bottom a:focus {
    color: #899cc3;
}

/* Align map icon */
svg.svg-inline--fa.fa-map.fa-w-18.fa-fw {
    float: left;
    margin: 4px 8px 20px 0;
    vertical-align: top;
}

.site-copyright {
    background: #141a32;
    padding-top: 20px;
}

.site-copyright>.wrap {
    padding-bottom: 20px;
}

/* MailChimp Form */
#mc_embed_signup label {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.mc-field-group.name-field {
    display: inline-block;
    width: 49%;
}

#mce-success-response {
    background: rgba(137,156,195,.4);
    font-weight: 600;
    padding: 4px 10px;
}

/************************************
 * 6. Home Page
 * **********************************/

.hero-section, .hero-section-winter, .hero-section-summer {
	overflow: hidden;
    padding-bottom: 0;
}

.hero-slider {
    margin-bottom: 0 !important;
	pointer-events: none !important;
}

.hero-slider .tb-text-block-wrap.text-large {
    background-color: rgba(20,26,50,0.5);
    padding: 10px 20px;
}

.hero-slider .tb-text-block-wrap.text-small {
    background-color: rgba(20,26,50,0.5);
    margin: 0 auto;
    padding: 6px 10px;
    width: fit-content;
}

.hero-slider h1 {
    font-weight: 400;
    letter-spacing: 2px;
}

.home .booking-form .btn-default {
    outline: rgba(255,0,42,1) 4px solid;
    padding: 20px 30px;
    font-size: 18px;
    font-weight: bold;
}

@media (max-width: 767px) {
	.element-section>.element.hero-columns.popout.last {
    	margin-bottom: -50px;
	}
	.tb-jumbotron .tb-text-block-wrap.text-large .tb-text-block {
		font-size: 2rem;
		letter-spacing: 1px;
	}
}

@media (min-width: 768px) {
    .hero-slider .tb-jumbotron-slider, .tb-jumbotron-slider.has-nav {
        max-height: 90vh;
    }
}

@media (min-width: 992px) {
	.hero-slider .tb-jumbotron.jumbotron.entry-content {
    	margin-top: -25%;
	}
}

/* Hero Banners - using testimonial slider */
@media (min-width: 992px) {
	.hero-columns {
		bottom: 30px;
		left: 0;
		right: 0;
		margin-bottom: 0 !important;
		position: absolute;
		z-index: 10;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.hero-columns .col {
		margin-bottom: 40px !important;
		padding: 0 0 40px;
	}
}

@media (max-width: 767px) {
	.hero-columns .col {
    	padding: 0;
	}
}

.hero-columns .tb-block-slider {
    background: #252f4e;
	margin: 0 auto 0 80px;
	max-width: 280px;
    padding: 14px;
	pointer-events: none !important;
 }

.hero-columns .tb-testimonial.standard .arrow {
    display: none;
}

.hero-columns .tb-testimonial.standard .testimonial-text {
    background: transparent;
    color: #fff;
	font-size: 14px;
	line-height: 1.4em;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
}

.hero-columns .tb-testimonial.standard .testimonial-text .promo-pop {
	font-family: "Meow Script", cursive;
	font-weight: 400;
	font-style: normal;
	text-transform: none;
	font-size: 36px;
	line-height: 1em;
}

.hero-columns .tb-testimonial.standard .author {
    height: unset !important;
	padding: 10px 0 0;
}

.hero-columns .tb-testimonial.standard .author-image {
    position: relative;
    top: auto;
    left: auto;
}

.hero-columns .tb-testimonial .author-image img {
    border-radius: 0;
    display: block;
    width: auto;
}

.hero-columns .tb-testimonial .author-tagline {
    background: rgba(94,119,173,.8);
    position: absolute;
    pointer-events: all !important;
    cursor: pointer;
    bottom: 10px;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 11;
}

.hero-columns .tb-testimonial .author-tagline a {
	color: #fff;
	display: block;
	font-size: 1em;
	font-weight: bold;
	padding: 10px;
}

.hero-columns .tb-testimonial .author-name {
    display: none;
}

/* Hero Footer/Tagline Section */

section.home-hero-tagline {
    padding: 30px;
	z-index: 20;
}

.widget-area.home-hero-footer .textwidget {
    text-align: center;
}

.hero-footer {
    letter-spacing: 1px;
}

.hero-footer h1 {
	font-size: 1.4em;
	margin-bottom: 4px;
	text-transform: uppercase;
}

.hero-slider .tb-slider-arrows {
    display: none;
}

@media (min-height: 500px) and (min-width: 992px) {
    .hero-slider .item,.hero-slider .item>.image, .element.popout .jumbotron-wrap {
        min-height: 80vh;
    }
	.element.popout .jumbotron-wrap {
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}

	.home-hero-footer {
		padding: 30px;
	}
}

section.dark-blue-stripe {
    padding: 60px 30px;
}

/* Testimonials */
body.home section.testimonials .tb-testimonial .author-image {
    display: none;
}

body.home section.testimonials .tb-testimonial.standard .author {
    padding-left: 0;
}

body.home section.testimonials .tb-testimonial.standard .testimonial-text {
    background: rgba(255,255,255,.8);
}

body.home section.testimonials .tb-slider-arrows a.primary {
    background-color: rgba(38,47,78,.5);
}

body.home section.testimonials .tb-slider-arrows a.primary:hover {
    background-color: rgba(38,47,78,1);
}

/************************************
 * 7. Sub Pages
 * **********************************/

.epic-thumb .epic-thumb-content {
    padding: 0 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    z-index: 1;
}

.epic-thumb .epic-thumb-header .entry-title {
	background-color: rgba(20,26,50,0.5);
	color: #fff;
	font-weight: 400;
    letter-spacing: 2px;
    margin: 0 auto;
    padding: 10px 20px;
	text-transform: uppercase;
    width: fit-content;
}

@media (min-width: 768px) {
	.epic-thumb.tb-parallax .parallax-figure.on img, .epic-thumb.fw img {
    	opacity: 1;
	}
}

@media (min-width: 992px) {
	.epic-thumb.fw {
		max-height: 70vh;
	}
}

/* Warm up photos */
section.rooms .element-image {
	position: relative;
}
section.rooms .element-image::before {
	background: rgba(200, 158, 130, 0.15);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

/* Add contrast/warmth */
/* Weddings thumb */
.page-id-352 .epic-thumb img {
    -webkit-filter: contrast(1.1) hue-rotate(-10deg);
    filter: contrast(1.1) hue-rotate(-10deg);
}

/* Groups Hero Slideshow */
.groups-headline h1 {
    background-color: rgba(20,26,50,0.5);
    color: #fff;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0 auto;
    padding: 10px 20px;
    text-transform: uppercase;
    width: fit-content;
    max-width: 18em;
}

.element-headline.groups-headline {
    padding: 40px 20px 100px;
}

@media (max-width: 767px) {
    .groups-headline h1 {
        font-size: 36px;
    }
}

/* RFP Page Only */
.btn.show-weddings {
    margin-right: 20px;
}

.form-weddings, .form-meetings {
    display: none;
	position: relative;
    width: 100%;
}

.nf-form-title h3 {
    font-size: 1.75em;
}

.nf-form-title h3, .nf-field-element h3 {
    font-weight: normal;
}

.list-checkbox-wrap .nf-field-element li, .list-checkbox-wrap .nf-field-element ul, .list-radio-wrap .nf-field-element li, .list-radio-wrap .nf-field-element ul {
    text-align: left;
}

.nf-field-container {
    margin-bottom: 10px !important;
}

.nf-field-element h3 {
    text-align: left;
}

.nf-form-content hr.ninja-forms-field {
    border-color: #ddd;
    padding-bottom: 20px !important;
}

.nf-form-content label {
    font-size: 16px !important;
}

.nf-field-element label {
    font-size: 14px !important;
	font-weight: normal;
}

/************************************
 * 8. Components
 * **********************************/

.tooltip {
	display: none !important;
}

/* Booking Form */
.widget-area.booking-form {
    background: transparent; /*#252f4e;*/
    text-align: center;
}

.booking-form.fixed-sidebar .widget {
    background: transparent !important;
	padding: 10px 20px;
}

#resform {
    display: table;
	margin: 0 auto;
}

.resfield {
    display: table-cell;
}

.resfield select, .resfield input {
    margin-bottom: 0;
}

.booking-form label {
    position: absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.booking-form input[type="text"],.booking-form select {
    font-size: 13px;
    width: auto;
    margin-right: 10px;
}

/* Date picker */
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    background: #fff !important;
    font-weight: bold !important;
    outline: #252f4e 1px solid;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e !important;
	background: #fffa90 !important;
}

#ui-datepicker-div {
    z-index: 99 !important;
}

@media (max-width: 768px) {
    #resform {
        display: block;
    }
    .resfield {
        display: inline-block;
    }
	.resfield select, .resfield input {
    	margin-bottom: 10px;
	}
}

/* Buttons */

button, .button, .btn-default, .nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit], input[type="submit"], input[type="reset"], input[type="button"] {
    background-color: #142a32;
    border-width: 1px !important;
    box-shadow: none;
    color: #fff;
    font-size: 13px;
    padding: 12px 20px;
	white-space: normal;
}

.btn-default.ga-reserve {
    border-color: #fff;
}

button:hover, .button:hover, .btn-default:hover, button:focus, .button:focus, .btn-default:focus, button:active, .button:active, .btn-default:active, button.active, .button.active, .btn-default.active, input.button[type="submit"]:hover {
	background-color: rgb(49,59,103);
    color: #fff;
}

/* Team Members */
.tb-team-member {
    border: #fff 12px solid;
    position: relative;
}

.tb-team-member .member-info {
    display: none !important;
}

.tb-team-member .member-text {
    position: absolute;
    bottom: 14px;
    right: 14px;
    left: 14px;
    z-index: 2;
}

.member-text h3 {
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 0;
    text-transform: uppercase;
}

.tb-team-member .member-text p {
    line-height: 1.3;
	margin-top: 8px;
}

.tb-team-member .member-text a {
    color: #fff;
}

.tb-team-member .member-image:before {
    background: linear-gradient(0deg, rgba(20,26,35,1) 20%, rgba(0,0,0,0) 100%);
    background-color: transparent;
    opacity: 1;
}

/* Packages (Post Grid) */

.grid-item article.post {
    background: rgba(255,255,255,.8);
    padding: 20px;
}

.post_grid .entry-content p {
    margin: 10px 0;
}

article.category-offers h5 {
    margin: 1.5em 0 0;
}

.post_grid article.category-offers .entry-content h5 + p {
    margin-top: 4px;
}

.post_grid .subtitle + a {
    margin-top: 10px;
}

/* Weather widget */
.fixed-sidebar.weather-widget .widget {
    background: transparent;
    padding: 0;
}

.awesome-weather-attribution {
    display: none;
}

.element-columns.weather-widgets .col.has-bg:first-of-type {
    padding-right: 10px;
}

.element-columns.weather-widgets .col.has-bg:last-of-type {
    padding-left: 10px;
}

aside#awesomeweatherwidget-2 {
    max-width: 200px;
    margin: 0 auto;
}

.awesome-weather-forecast, .awesome-weather-forecast-day {
    position: relative;
}
.awesome-weather-wrap.darken .awesome-weather-forecast:before {
    background-color: rgba(0,0,0,0.3);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Gallery */
.gallery-item .gallery-caption {
    display: none;
}

/*********** Promo Popups ***********/

/* Extended Stays - Winter */
div#popmake-809 {
    background: url(../jpg/extended-stay-dog-bkgnd.jpg) no-repeat;
    background-size: cover;
}

div#popmake-1187, div#popmake-1193 {
    background: url(../jpg/winter_park_google-royaltyfree-mountain_top.jpg) no-repeat;
    background-size: cover;
}

div#popmake-1187:before, div#popmake-1193:before {
    content: "";
    background: rgba(255,255,255,0.5);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    position: absolute;
}

#pum-1187 .pum-content p, #pum-1193 .pum-content p {
    font-weight: bold;
}

.pum-content.popmake-content h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
}

.pum-content.popmake-content h2, .pum-content.popmake-content p {
    text-shadow:
		-2px -2px 2px rgba(255,255,255,0.4),
		2px -2px 2px rgba(255,255,255,0.4),
		-2px 2px 2px rgba(255,255,255,0.4),
		2px 2px 2px rgba(255,255,255,0.4) !important;
}

div#popmake-809 .pum-content.popmake-content h2, div#popmake-809 .pum-content.popmake-content p {
    margin-left: 120px;
    text-align: right;
	text-shadow:
		-3px -3px 3px #fff,
		3px -3px 3px #fff,
		-3px 3px 3px #fff,
		3px 3px 3px #fff !important;
}

div#popmake-809 .pum-content.popmake-content h2 {
    font-size: 17px;
    font-weight: 700;
    margin-top: 80px;
    margin-bottom: 4px;
}

div#popmake-809 .pum-content.popmake-content h2 .line1 {
    color: #00559d;
}

div#popmake-809 .pum-content.popmake-content h2 .line2 {
    color: #179fb9;
}

div#popmake-809 .pum-content.popmake-content p {
    color: #01294c;
    font-size: 15px;
    font-style: italic;
}

div#popmake-809 a.btn.popup {
    border-radius: 8px;
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin: 0 auto;
    padding: 4px 10px;
    width: fit-content;
}

div#popmake-809 button.pum-close.popmake-close {
  text-shadow:
    -1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000 !important;
}

@media only screen and (max-width: 480px),
	only screen and (max-width: 480px) and (min-device-pixel-ratio: 2)
{
    div#popmake-809 {
        background-position: -40px 0 !important;
    }
}

/*********************
 * 9. Food Menu
 * *******************/

.menu-item {
    display: flex;
    justify-content: space-between;
}

.menu-price {
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
}

/***************************
 * 10. Peak Privilege Page
 * *************************/

.page-id-3231 .site-main {
    color: #000;
    font-family: ubuntu, Adobe Clean, sans-serif;
}

.page-id-3231 .site-main h2 {
    font: 30px Impact, Anton, sans-serif;
    border-bottom: #ccc 2px solid;
    padding-bottom: 20px;
    text-transform: none;
}

.peak-bold {
    font: 20px Impact, Anton, sans-serif;
}

.peak-em {
    color: #666;
    font-size: 18px;
    font-style: italic;
}

.passes {
    margin-top: 200px;
}

.element-section>.element.first.promo-boxes {
    top: -180px;
	margin-bottom: -140px;
}

.element-columns .col.has-bg.col-sm-6.promo-box {
    background: #fff;
    border-radius: 14px;
	border-top: #fc830d 30px solid;
    box-shadow: 0px 0px 6px 4px rgba(0,0,0,.3);
    margin: 0 0 40px;
    padding: 30px 40px 80px;
}

/* Border Arrow */
.promo-box:before {
    content:"";
    border-color: #fc830d transparent transparent transparent;
    border-style:solid;
    border-width:14px;
    width:0;
    height:0;
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.promo-button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-bottom: 0 !important;
    transform: translate(-50%, -50%) !important;
}

.peak-button, .peak-form .nf-form-content input[type=submit] {
    background: rgb(252,131,13);
    background: linear-gradient(180deg, rgba(252,131,13,1) 50%, rgba(242,122,5,1) 50%);
    border-radius: 30px;
    font: 30px Impact, Anton, sans-serif;
    padding: 10px 40px;
    text-transform: none;
	text-wrap: nowrap;
	transition: all 300ms linear;
}

.peak-form .nf-form-content input[type=submit] {
    font: 20px Impact, Anton, sans-serif;
	margin-top: 10px;
}

.peak-button:hover, .peak-form .nf-form-content input[type=submit]:hover {
	background: rgba(242,122,5,1);
    color: #fff;
}

.peak-details {
    border-radius: 14px 14px 0px 0px;
}

.peak-image .element-image img {
    margin: 0;
}

.peak-details .element, .peak-image .element {
    margin-bottom: 20px;
}

.element-section>.element.suck-down.peak-details {
    margin-bottom: 0;
}

.element-section>.element.suck-up.peak-image {
    padding-top: 0;
}

.peak-image {
    border-radius: 0 0 14px 14px;
}

.peak-form .element-content {
    max-width: 720px;
}

.nf-after-field {
    margin-top: 0;
}

.nf-error-msg.nf-error-required-error:after {
    content: "\2191";
}

@media (max-width: 767px) {
	.element-columns.peak-details.stack-sm>.row>.col:not(.has-bg) {
		margin-bottom: 0;
	}
}

@media (min-width: 768px) {
    .promo-boxes .row-sm-height {
        display: flex;
    }
	section.passes .element {
    	max-width: 900px;
	}
	.element-columns .col.has-bg.col-sm-6.promo-box {
    	margin: 0 20px 40px 0;
	}
	.element-columns .col.has-bg.col-sm-6.promo-box:last-of-type {
    	margin: 0 0 40px 20px;
	}
}

/** PEAK Pass Popup **/

#popmake-3269 {
    border-top: #fc830d 30px solid;
    padding-top: 40px;
}

#popmake-3269:before {
    content:"";
    border-color: #fc830d transparent transparent transparent;
    border-style:solid;
    border-width:14px;
    width:0;
    height:0;
    position:absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#popmake-3269 .popmake-content p {
    font-size: 18px;
    line-height: 1.4em;
}