/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #1c2d7c;
}

body {
	color: #1c2d7c;
	font-family: "proxima-nova",sans-serif;
	font-size:16px;
	font-weight:400;
    line-height: 1.2;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Coordinate Styles
   ========================================================================== */
html, body { min-height:100%; }
main {
	background:#000 url(../img/background-image.jpg) no-repeat center bottom; background-size:cover;
	padding-top: 95px;
}

#top-bar { position: absolute; top: 0; left: 0; right: 0; }
#top-bar h2 { height:65px; margin:0 auto; width:250px; }
#top-bar h2 a { background:url(../img/svg/local-liquor-logo.svg) no-repeat 0 0; display:block; height:100%; width:100%; }
#top-bar h1 { height:102px; margin:0 auto; width:300px; }
#top-bar h1 a { background:url(../img/svg/it-takes-two-logo.svg) no-repeat 0 0; display:block; height:100%; width:100%; }

#bottom-bar { padding-bottom:1.875rem; padding-top: 1.875rem; }
#bottom-bar h2 {
	font-size: 1.5em;
	font-weight: 400;
}
#bottom-bar h3 {
	font-size: 1.125em;
	font-weight: 500;
}
.footer-content {
	background: url("../img/thredbo-logo.png") no-repeat top center;
	padding-top: 150px
}

.comp-images {
	text-align: center;
}
.comp-images__skier {
	margin: -80px auto 0;
}
.comp-images__title {
	display: block;
	padding-bottom: 0;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.page-content,
.boxed-content {
	background-color: rgba(255,255,255,0.75);
	margin-left: -0.625rem;
	margin-right: -0.625rem;
	padding: 0.9375rem;
}

article { overflow:hidden; }
article p { font-size:1em; }
article h2 { font-size:1.25em; }

/** Layouts **/
.outer-row { padding-left:0.3125rem; padding-right:0.3125rem; }

.content-area { padding-bottom:1.875rem; padding-top:1.875rem; }
.content-area.x2 { padding-bottom:3.75rem; padding-top:3.75rem; }
.content-area.bottom-x0 { padding-bottom:0 !important; }
.content-area.top-x0 { padding-top:0 !important; }

.divider,
.divider-small,
.divider-medium,
.divider-large { padding-top:1.875rem; }

/* ==========================================================================
   Typography
   ========================================================================== */
h1, h2, h3 {
	font-weight: 600;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, p:first-child, ul:first-child, ol:first-child { margin-top:0 !important; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, p:last-child, ul:last-child, ol:last-child { margin-bottom:0 !important; }

.underline { text-decoration:underline; }

/* ==========================================================================
   Links
   ========================================================================== */
a { color:#1c2d7c; text-decoration:underline;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
     -moz-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
       -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
a:hover { text-decoration:none; }

a.btn { background:#e87774; color:#fff; display:inline-block; font-size:1.5em; line-height:1; padding:0.6em 1.2em; position:relative; text-decoration:none; text-transform:uppercase; }
a.btn::before { border:1px solid #fff; content:''; display:block; position:absolute; top:5px; right:5px; bottom:5px; left:5px;
	transition:border-color 0.25s ease-out;
}
a.btn:hover { background-color:#fff; color:#e87774; }
a.btn:hover::before { border-color:#e87774; }

/* ==========================================================================
   Forms
   ========================================================================== */

input, textarea, select, button { background-color:#f5f5f5; border:none; border-radius:4px; color:#1c2d7c; cursor:pointer; display:block; font-size:1em; height:50px; margin:0; padding:1em; outline:none; text-shadow:none; width:100%;
  -webkit-appearance: none;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
input:hover, textarea:hover, select:hover { background-color:#fff; }
input:focus, textarea:focus { background-color:#fff; color:#000; }
textarea,
textarea[rows] { height:140px; }

select { /*background-image:url(../img/select-arrow.png); background-position:center right; background-repeat:no-repeat;*/ }
.generatedcontent select { background-image:none; }
.ginput_container_select { position:relative; }
/*.ginput_container_select::before { content:'\f107'; color:#081749; display:block; font-size:1.5em; pointer-events:none; position:absolute; top:50%; right:1.563rem;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
	-webkit-transform:translateY(-50%);
			transform:translateY(-50%);
}*/

.hidden-label label { display:none !important; }

input[type="checkbox"], input[type="radio"] { background-color: transparent; border:2px solid #1c2d7c; float:left; height:20px; margin-right:0.625rem; width:20px;
-webkit-appearance:none;
    -moz-appearance:none;
    appearance:none; }
input[type="radio"] {
 border-radius:50%;
}
input:checked { background-color:#1c2d7c !important; background-clip:content-box; border-color:#1c2d7c; outline:none; padding:2px; }

.ginput_container_checkbox li input + label,
.ginput_container_radio li input + label { display:block !important; line-height:20px; margin-bottom:0; padding-left:30px; }

.ginput_container_date { position:relative; }
.ginput_container_date::before { content:'\f073'; color:#081749; display:block; font-size:1em; pointer-events:none; position:absolute; top:50%; right:1.563rem;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
	-webkit-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
	    transform:translateY(-50%);
}

.ginput_container_time { float:left; position:relative; width:33.33%; }
.ginput_container_time:nth-child(1) input,
.ginput_container_time:nth-child(2) input { border-right:none; }
.ginput_container_time i,
.ginput_container_time label { display:none; }

.gform_fileupload_multifile { color:#081749; border:2px dashed #00add8; margin-bottom:0.625rem; padding:1.875rem; text-align:center; }
.gform_fileupload_multifile input {
	border: none;
    background: transparent;
    display: inline-block;
    width: auto;
    padding: 0;
    font-size: 1em;
    height: auto;
    font-weight: 400;
	text-decoration:underline;
}
.gform_fileupload_multifile input:hover { text-decoration:none; }

.ginput_container_date .clear-multi {
	margin-left: -0.625rem;
	margin-right: -0.625rem;
}
.ginput_container_date .clear-multi .ginput_container_date {
	float: left;
	padding-left: 0.625rem;
	padding-right: 0.625rem;
	width: 33.33%;
}

label { display:block; font-size:0.875em; font-weight:500; margin-bottom:0.625rem; }
input[type="text"] + label { display:none; }
.placeholder-support label.checkbox,
.placeholder-support label.inline { display:block; font-size:1.125em; font-weight:500; }
.gfield_description { font-size:0.875em; padding-top:0.625rem; }

.gform_page { display:block !important; }
#gform_page_1_1 .gform_page_footer,
#gform_page_1_2 #gform_previous_button_1 { display:none !important; }

.gform_wrapper ul li .ginput_container_checkbox { }
.gform_wrapper ul li .ginput_container_checkbox li {  margin-bottom:0; margin-top:0.625rem; }
.gform_wrapper ul li .ginput_container_checkbox li input + label { display:block; margin-bottom:0; }

.ginput_container_checkbox::before, .ginput_container_checkbox::after, .ginput_container_checkbox ul::before, .ginput_container_checkbox ul::after {
  content: ' ';
  display: table; }

.ginput_container_checkbox::after, .ginput_container_checkbox ul::after {
  clear: both; }
  
.gsection,
#field_1_17 { margin-top:1.875rem; }
.gsection:first-child { margin-top:0; }

.gform_footer { clear:both; margin-top:0.9375rem; position:relative; text-align:left; }
button.gform_button { background:#1c2d7c; border-radius:4px; color:#fff; display:inline-block; font-size:1.25em; height:auto; line-height:1; padding:0.75em 2em; position:relative; text-decoration:none; text-transform:uppercase; width:auto; }
button.gform_button:hover,
button.gform_button:focus { background-color:#2469b5; color:#fff; }

.gform_wrapper ul { font-size:1em; list-style:none; margin:0; padding:0; }
.gform_wrapper ul li { margin-bottom:0.9375rem; text-align:left; padding:0; }
.gf_clear { clear:both; }

::-webkit-input-placeholder { color:#081749; }
:-moz-placeholder { color: #081749; }
::-moz-placeholder { color: #081749; }
:-ms-input-placeholder { color: #081749; }

/** Warnings **/
.validation_error { display:none; }
.validation_message { display:none !important; }
.gfield_contains_required.gfield_error input,
.gfield_contains_required.gfield_error textarea,
.gfield_contains_required.gfield_error select,
.gfield_contains_required.gfield_error .jcf-select { background-color:#ff9999; }
.gfield_contains_required.gfield_error label { color:#ff0000 !important; }


img.gform_ajax_spinner { height:30px; position:absolute; right:0; top:50%; width:30px;
	-webkit-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	        transform:translateY(-50%);
}

.input_left,
.input_right,
.name_first,
.name_last,
.input_mid { display:block; }
.name_first { margin-bottom:0.9375rem; }
.gf_clear { clear:both; }

.gform_body::before, .gfield::before, .clear-multi::before, .gform_body::after, .gfield::after, .clear-multi::after, .gform_page::after {
  content: ' ';
  display: table; }

.gform_body::after, .gfield::after, .clear-multi::after, .gform_page::after {
  clear: both; }

/* Small screens */
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {
	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens - min-width 640px */
@media only screen and (min-width: 40em) {
	
	main {
		padding-top: 125px;
	}
	#top-bar h1 { height:180px; margin:0 auto; width:530px; }
	
	.page-header h2 { font-size:2.875em; }
	.page-header::before { background:url(../img/wine-bottles.png) no-repeat 0 0; content:''; display:block; height:275px; position:absolute; left:95%; bottom:-60px; width:175px; z-index:-1; }
		
	article p { font-size:1.125em; }
	article h2 { font-size:1.375em; }
	
	#bottom-bar { padding-bottom:3.75rem; padding-top: 3.75rem; }
	
	.comp-images__title {
		padding-bottom: 1.875rem;
		padding-left: 1.875rem;
		padding-right: 1.875rem;
	}
	
	.page-content,
	.boxed-content {
		border-radius:6px;
		margin-left: 0;
		margin-right: 0;
		padding: 1.875rem;
	}
	
	#bottom-bar h2 {
		font-size: 2em;
	}
	#bottom-bar h3 {
		font-size: 1.25em;
	}
	
	.footer-content {
	background: url("../img/thredbo-logo.png") no-repeat top right;
	padding-right: 170px;
	padding-top: 0
}
	
	.outer-row { padding-left:0.9375rem; padding-right:0.9375rem; }
	
	.content-area { padding-bottom:3.750rem; padding-top:3.750rem; }
	.content-area.x2 { padding-bottom:7.5rem; padding-top:7.5rem; }
	.content-area.stop-small { padding-bottom:0; padding-top:0; }
	.content-area.stop-medium { padding-bottom:0; padding-top:0; }
	
	.divider-small { padding-top:0; }
	
	.input_left,
	.input_right,
	.name_first,
	.name_last,
	.input_mid { float:left; width:50%; }
	.input_left,
	.name_first { padding-right:0.625rem !important; }
	.input_right,
	.name_last { padding-left:0.625rem !important; }
	.name_first { margin-bottom:0; }
	
	.gform_wrapper ul#input_1_15 li { float:left; width:50%; }	

} @media only screen and (min-width: 40em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens - min-width 1024px */
@media only screen and (min-width: 64em) {
	
	main {
		padding-top: 145px;
	}
	
	.comp-images__title {
		padding-left: 0;
		padding-right: 0;
	}
	
	#bottom-bar h2 {
		font-size: 2.375em;
	}
	#bottom-bar h3 {
		font-size: 1.5em;
	}
		
	.content-area { padding-bottom:5rem; padding-top:5rem; }
	.content-area.x2 { padding-bottom:10rem; padding-top:10rem; }
	.content-area.stop-small { padding-bottom:0; padding-top:0; }
	.content-area.stop-medium { padding-bottom:0; padding-top:0; }
	.content-area.stop-large { padding-bottom:0; padding-top:0; }
	
	.divider-large { padding-top:0; }
	
	#gform_page_1_1,
	#gform_page_1_2 { float:left; width:50%; }
	#gform_page_1_1 { padding-right:1.875rem !important; }
	#gform_page_1_2 { padding-left:1.875rem !important; }

} @media only screen and (min-width: 64em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens - min-width 1440px */
@media only screen and (min-width: 90em) {
	
} @media only screen and (min-width: 90em) and (max-width: 97.500em) { } /* min-width 1441px and max-width 1560px, use when QAing xlarge screen-only issues */

/* XXLarge screens - min-width 1560px */
@media screen and (min-width: 97.500em) {
	
}


/* ==========================================================================
   Plugin Styles
   ========================================================================== */

/*!--------------------------------------------------------------------
STYLES "Outdated Browser"
Version:    1.1.0 - 2014
author:     Burocratik
website:    http://www.burocratik.com
* @preserve
-----------------------------------------------------------------------*/
#outdated{
    display: none; position: fixed; top: 0; left: 0; width: 100%; height: 170px;
    text-align: center; text-transform: uppercase; z-index:1500;
    background-color: #f25648; color: #ffffff;
}
* html #outdated{position: absolute;}
#outdated h6{font-size: 25px; line-height: 25px; margin: 30px 0 10px;}
#outdated p{font-size: 12px; line-height: 12px; margin: 0;}
#outdated #btnUpdateBrowser{
    display: block; position: relative; padding: 10px 20px; margin: 30px auto 0; width: 230px; /*need for IE*/
    color: #ffffff; text-decoration: none; border: 2px solid #ffffff; cursor: pointer;
}
#outdated #btnUpdateBrowser:hover{color: #f25648; background-color:#ffffff;}
#outdated .last{position: absolute; top: 10px; right: 25px; width: 20px; height: 20px;}
#outdated #btnCloseUpdateBrowser{ border-bottom:none;
    display: block; position: relative; width: 100%; height: 100%;
    text-decoration: none; color: #ffffff; font-size: 36px; line-height: 36px;
}

/* select */
.jcf-select {
	display: block;
	vertical-align: top;
	background:transparent;
	margin: 0;
	position:relative;
}
.jcf-select select {
	z-index: 1;
	left: 0;
	top: 0;
}

.jcf-select .jcf-select-text { background-color:#2469b5; border:none; border-radius:4px; color:#fff; cursor:pointer; display:block; font-size:1em; height:50px; line-height:1.2; margin:0; padding:1em; outline:none; text-shadow:none; width:100%;
  -webkit-appearance: none;
  -webkit-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          -o-transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out; 
          transition: color 0.25s ease-out, background-color 0.25s ease-out, border-color 0.25s ease-out;
}
.jcf-option-gf_placeholder { color:#fff; }
.jcf-drop-active.jcf-select .jcf-select-text { background-color:#2469b5; color:#fff; }
.jcf-drop-active.jcf-select .jcf-option-gf_placeholder { color:#fff; }

.jcf-select .jcf-select-opener { display:block; color:#fff;
	position: absolute;
	text-align: center;
	bottom: 0;
	right: 0;
	top: 0;
	-webkit-transition:color 0.25s ease-out, -webkit-transform 0.25s ease-out;
	transition:color 0.25s ease-out, -webkit-transform 0.25s ease-out;
	-o-transition:transform 0.25s ease-out, color 0.25s ease-out;
	transition:transform 0.25s ease-out, color 0.25s ease-out;
	transition:transform 0.25s ease-out, color 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
.jcf-select .jcf-select-opener::before { content:'\f0d7'; display:block; font-size:1.5em; pointer-events:none; position:absolute; top:50%; right:1rem;
  font-family: FontAwesome;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
	-webkit-transform:translateY(-50%);
			-ms-transform:translateY(-50%);
	    transform:translateY(-50%);
}
.jcf-drop-active.jcf-select .jcf-select-opener { color:#fff;
	-webkit-transform:scaleY(-1);
	    -ms-transform:scaleY(-1);
	        transform:scaleY(-1);
}
body > .jcf-select-drop {
	position: absolute;
	margin: -1px 0 0;
	z-index: 9999;
}
body > .jcf-select-drop.jcf-drop-flipped {
	margin: 1px 0 0;
}
.jcf-select .jcf-select-drop {
	position: absolute;
	margin-top: 0px;
	z-index: 9999;
	top: 100%;
	left: -1px;
	right: -1px;
}
.jcf-select .jcf-drop-flipped {
	bottom: 100%;
	top: auto;
}
.jcf-select.jcf-compact-multiple {
	max-width: 220px;
}
.jcf-select.jcf-compact-multiple .jcf-select-opener:before {
	display: inline-block;
	padding-top: 2px;
	content: '...';
}
.jcf-select-drop .jcf-select-drop-content {
	border: 2px solid #2469b5; border-radius:4px; overflow: hidden;
}
.jcf-select-drop.jcf-compact-multiple .jcf-hover {
	background: none;
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected {
	background: #e6e6e6;
	color: #000;
}
.jcf-select-drop.jcf-compact-multiple .jcf-selected:before {
	display: inline-block;
	content: '';
	height:4px;
	width:8px;
	margin:-7px 5px 0 -3px;
	border:3px solid #777;
	border-width:0 0 3px 3px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.7071067811865483, M12=0.7071067811865467, M21=-0.7071067811865467, M22=0.7071067811865483, SizingMethod='auto expand')";
}

/* multiple select styles */
.jcf-list-box {
	overflow: hidden;
	display: inline-block;
	border: 1px solid #b8c3c9;
	min-width: 200px;
	margin: 0 15px;
}
/* select options styles */
.jcf-list {
	display: inline-block;
	vertical-align: top;
	position: relative;
	background: #fff;
	width: 100%;
}
.jcf-list .jcf-list-content {
	vertical-align: top;
	display: inline-block;
	overflow: auto;
	width: 100%;
}
.jcf-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.jcf-list ul li {
	overflow: hidden;
	display: block;
}
.jcf-list .jcf-overflow {
	overflow: auto;
}
.jcf-list .jcf-option { color:#1c2d7c; font-size:1em; line-height:1; margin:0; padding:1em; text-align:left;
	white-space: nowrap;
	overflow: hidden;
	cursor: default;
	display: block;
	height: 1%;
	-webkit-transition:background-color 0.25s ease-out;
	-o-transition:background-color 0.25s ease-out;
	transition:background-color 0.25s ease-out;
}
.jcf-list .jcf-disabled {
	background: #fff !important;
	color: #aaa !important;
}
.jcf-select-drop .jcf-hover,
.jcf-list-box .jcf-selected {
	background-color:#eee;
	color: #1c2d7c;
}
.jcf-list .jcf-optgroup-caption {
	white-space: nowrap;
	font-weight: bold;
	display: block;
	padding: 5px 9px;
	cursor: default;
	color: #000;
}
.jcf-list .jcf-optgroup .jcf-option {
	padding-left: 30px;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}