/* FONT STYLES */
	.brand-font{
        font-family: 'Avenir Next W02 Light', helvetica, arial, sans-serif !important;
        text-transform: uppercase;
        font-size: 48px;
        letter-spacing: 16px;
        line-height: 72px;
		-webkit-font-smoothing: antialiased;
    }
	
	.sport-page-h1{
        font-family: 'Avenir Next LT W02 Bold', helvetica, arial, sans-serif;
        font-size: 48px;
        line-height: 72px;
		-webkit-font-smoothing: antialiased;
		display: block;
    }

    .sport-page-h2{
        font-family: 'Avenir Next LT W02 Bold', helvetica, arial, sans-serif;
        font-size: 45px;
        line-height: 72px;
		-webkit-font-smoothing: antialiased;
		display: block;
    }	
	
    .sport-page-h3{
        font-family: 'Avenir Next LT W02 Bold', helvetica, arial, sans-serif;
        font-size: 32px;
        line-height: 48px;
		-webkit-font-smoothing: antialiased;
		display: block;
    }

    .sport-page-h4{
        font-family: 'Avenir Next LT W02 Bold', helvetica, arial, sans-serif;
        font-size: 28px;
        letter-spacing: 0;
        line-height: 48px;
		-webkit-font-smoothing: antialiased;
		display: block;
    }

    .sport-page-h5{
        font-family: 'Avenir Next LT W02 Bold', helvetica, arial, sans-serif;
        font-size: 18px;
        letter-spacing: 0;
        line-height: 32px;
		-webkit-font-smoothing: antialiased;
		display: block;
    }

    .sport-page-body {
        font-size: 18px;
        letter-spacing: -0.3px;
        line-height: 36px;
		-webkit-font-smoothing: antialiased;
		display: block;
    }

/* BUTTON AND LINK STYLES */
	.button-black{
        background-color: #000000;
        font-family: 'Avenir Next LT W02 Demi', helvetica, arial, sans-serif;
        font-size: 15px;
        line-height: 18px;
        color:rgba(255, 255, 255,0.85);
        border-radius: 25px;
        text-align: center;
        text-decoration: none;
        padding: 12px 28px;
        display: inline-block;
		-webkit-font-smoothing: antialiased;
    }

    .button-black:hover{
        color: #ffffff;
    }

    .button-black:visited{
        color: #ffffff;
    }

	.button-white{
        background-color: #ffffff;
        font-family: 'Avenir Next LT W02 Demi', helvetica, arial, sans-serif;
        font-size: 15px;
        line-height: 18px;
        color:rgba(0, 0, 0,0.85);
        border-radius: 25px;
        text-align: center;
        text-decoration: none;
        padding: 12px 28px;
        display: inline-block;
		-webkit-font-smoothing: antialiased;
		transition: all .25s cubic-bezier(0.25,0.1,0.25,1);
    }

    .button-white:hover{
		color: #000000;
		background-color: #ffffff;
    }
	
	.text-link-bold-white{
		font-family: 'Avenir Next LT W02 Bold', helvetica, arial, sans-serif;
		font-size: 18px;
		border-bottom: 2px solid #ffffff;
		padding-bottom: 2%;
		text-decoration: none;
		color: #ffffff;
		transition: all .25s cubic-bezier(0.25,0.1,0.25,1);
		-webkit-font-smoothing: antialiased;
	}
	
	.text-link-bold-white:hover {
		color: #ffffff;
		padding-bottom: 1%;
	}
	
	.text-link-bold-white:active {
		color: #ffffff;
	}
	
	.text-link-bold-white:visited {
		color: #ffffff;
	}
	
	.text-link-bold-black{
		font-family: 'Avenir Next LT W02 Bold', helvetica, arial, sans-serif;
		font-size: 18px;
		border-bottom: 2px solid #000000;
		padding-bottom: 2%;
		text-decoration: none;
		color: #000000;
		transition: all .25s cubic-bezier(0.25,0.1,0.25,1);
		-webkit-font-smoothing: antialiased;
	}
	
	.text-link-bold-black:hover {
		color: #000000;
		padding-bottom: 1%;
	}
	
	.text-link-bold-black:active {
		color: #000000;
	}
	
	.text-link-bold-black:visited {
		color: #000000;
	}
	
	.static-play-button{
		transition: opacity 0.3s ease-out;
	}
	
	.static-play-button:hover {
		opacity: 0.6;
	}
	
/* COLOR SHORTCUTS */
    .background-gray{
        background-color: #eaeaea;
    }
	
	.black{
		color: #000000;
	}
	
	.white{ 
		color: #ffffff;
	}
	
/* TEXT POSITIONING SHORTCUTS */
	.text-left {
		text-align: left;
	}
	.text-center{
		text-align: center;
	}
	
	.text-right{
		text-align: right;
	}

/* VIDEO AND IMAGE STYLE */
	.sport-video{
		display: block;
	    width: 100%;
	    height: auto;
		margin: auto;
	}
	
	.video-thumbnail{
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        width:100px;
        height:auto;
    }

    .video-thumbnail:hover{
        opacity: 0.8;
    }
	
	.patagonia-video{
        background: none !important;
        box-shadow: none !important;
        margin: 5% 0;
    }
	
	.insetVideoThumb{
        position: absolute;
        top:0;
        left: 0;
    }
	
	.parallax-window {
 		min-height: 80vh;
 		background: transparent;
	}
	
/* CONTENT POSITIONING STYLES */
	.content-block{
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
    }
	
	.middle-middle{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
	}

	.middle-bottom{
		position: absolute;
		top:75%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
	}	
	
	.relative{
		position: relative;
	}
	
	.container-padding{
        padding: 8% 0 8% 0;
    }
	
	.copy-block{
		padding: 8% 0;
	}
	
/* PADDING STYLES */
	.no-padding{
		padding: 0;
	}

	.headline-cta-padding{
		padding: 4% 0;
	}
	
	.padding-top-four{
		padding-top: 4%;
	}
	
	.padding-top-eight{
		padding-top: 8%;
	}
	
	.padding-top-twelve{
		padding-top: 12%;
	}
	
	.padding-top-sixteen{
		padding-top: 16%;
	}
	
	.padding-top-twenty{
		padding-top: 20%;
	}
	
	.padding-bottom-four {
		padding-bottom: 4%;
	}
	
	.padding-bottom-eight {
		padding-bottom: 8%;
	}
	
	.padding-bottom-twelve {
		padding-bottom: 12%;
	}
	
	.padding-bottom-sixteen {
		padding-bottom: 16%;
	}
	
	.padding-bottom-twenty {
		padding-bottom: 20%;
	}
	
/* ROW STYLE */
	.row-eq-height {
  		display: -webkit-box;
  		display: -webkit-flex;
  		display: -ms-flexbox;
  		display: flex;
	}
	
	.align-middle{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		padding: 50px;
	}

/* SECTION HEIGHT STYLES */	
	.full-height{
		min-height: 100vh;
		width: 100vw;
	}
	
	.three-quarter-height{
		min-height: 75vh;
		width: 100vw;
	}
	
	.half-height{
		min-height: 50vh;
		width: 100vw;
	}

	
/* SELECTOR AND PRODUCT IMAGE STYLES */
	.selector-active{
		color: #121212;
		cursor: pointer;
		font-family: 'Avenir Next LT W02 Bold', helvetica, arial, sans-serif;
		font-size: 28px;
		letter-spacing: 0;
		line-height: 48px;	
	}
	
	.selector-inactive{
		color: #cccccc;
		cursor: pointer;
		font-family: 'Avenir Next LT W02 Bold', helvetica, arial, sans-serif;
		font-size: 28px;
		letter-spacing: 0;
		line-height: 48px;
	}
	
	.selector-inactive:hover{
		color: #4A4A4A;
	}
	
	.product-image{
        display: inline-block;
    }

    .product-image img{
        padding-bottom:5%;
    }

    .img-hover{
        display: none;
        position: absolute;
        top: 0;
        left:0;
        z-index:99;
        padding-left: 15px;
        padding-right: 15px;
    }

    .product-image:hover .img-hover{
        display: inline;
    }

	.full-width-image{
		width: 100%;
	}
	
	/* MISC STYLES */
	.pop-up-video{
		cursor: pointer;
	}
	
	/* MOBILE STYLE */
	@media (max-width: 767.98px){
	.brand-font{
        font-family: 'Avenir Next W02 Light', helvetica, arial, sans-serif !important;
        text-transform: uppercase;
        font-size: 35px;
        letter-spacing: 10px;
        line-height: 45px;
		-webkit-font-smoothing: antialiased;
    }
	
	.sport-page-h1{
        font-size: 40px;
        line-height: 50px;
    }
		
	.sport-page-h2{
        font-size: 35px;
        line-height: 47px;
    }
		
	.sport-page-h3{
        font-size: 24px;
        line-height: 34px;
    }
		
	.sport-page-h4{
        font-size: 20px;
        line-height: 28px;
    }
	
	.sport-page-body {
        font-size: 16px;
        line-height: 34px;
    }
		
	.middle-top {
		position: absolute;
		top: 25%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 100%;
		padding: 0 5%;
	}
		
	.row-eq-height {
  		display: block;
	}
	
	.align-middle{
		position: relative;
		top: inherit;
		left: inherit;
		transform: none;
		width: 100%;
		padding: 0;
	}
		
	.mobile-text-center{
		text-align: center;
	}
		
	.less-padding {
		padding: 0 1%;
	}
	
	.mobile-padding-top-four{
		padding-top: 4%;
	}
		
	.mobile-padding-top-eight{
		padding-top: 8%;
	}
		
	.mobile-padding-top-twelve{
		padding-top: 12%;
	}
		
	.mobile-padding-top-sixteen{
		padding-top: 16%;
	}
		
	.mobile-padding-top-twenty{
		padding-top: 20%;
	}
		
	.mobile-margin-top-twenty{
		margin-top: 20%;
	}
		
	.mobile-padding-top-twentyfour{
		padding-top: 24%;
	}
		
	.mobile-padding-bottom-four{
		padding-bottom: 4%;
	}
		
	.mobile-padding-bottom-eight{
		padding-bottom: 8%;
	}
		
	.mobile-padding-bottom-twelve{
		padding-bottom: 12%;
	}
		
	.mobile-padding-bottom-sixteen{
		padding-bottom: 16%;
	}
		
	.mobile-padding-bottom-twenty{
		padding-bottom: 20%;
	}
		
	.mobile-margin-bottom-twenty{
		margin-bottom: 20%;
	}
		
	.mobile-padding-bottom-twentyfour{
		padding-bottom: 24%;
	}
		
	.product-image:hover .img-hover{
    	display: none;
    }
		
	.text-link-bold-white{
		font-size: 14px;
	}
	
	.text-link-bold-black{
		font-size: 14px;
	}
		
	.selector-active{
		font-size: 24px;
	}
	
	.selector-inactive{
		font-size: 24px;
	}
		
	.button-black{
		font-size: 12px;
		padding: 8px 24px;
	}
		
	.button-white{
		font-size: 12px;
		padding: 8px 24px;
	}
	}