/*! Generated by Fontspring (https://www.fontspring.com) on August 27, 2018. Fully installable fonts can be purchased at http://www.fontspring.com. The fonts included in this stylesheet are subject to the End User License you purchased from Fontspring. The fonts are protected under domestic and international trademark and copyright law. You are prohibited from modifying, reverse engineering, duplicating, or distributing this font software. (c) 2010-2018 Fontspring */
@font-face { font-family: 'Amsi pro condlight'; src: url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Amsi pro condbold'; src: local('Amsi pro condbold'), local('Amsi-pro-condbold'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff) format('woff'); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/_assets/_fonts/opensans/opensans-regular.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-regular.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Semibold'), local('OpenSans-semibold'), url(/_assets/_fonts/opensans/opensans-semibold.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-semibold.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/_assets/_fonts/opensans/opensans-light.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-light.woff) format('woff'); font-display: swap; }

#title h1 {
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 55px;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.05;
	margin-top: 14px;
	position: relative;
}
#title img {
	display: none;
}
#content p,
#content input {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
}
#content form fieldset label {
	box-sizing: border-box;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 10px;
}
#content form#registrationForm {
	background: #ffffff;
	box-shadow: 0 2px 5px #e4e4e4, 0 20px 40px #f5f5f5;
}
#content form#registrationForm fieldset {
	border-radius: 6px;
	
	padding: 35px;
}
#content form fieldset input {
	background: #f9f9f9;
	border: 2px solid #cccccc;
	box-sizing: border-box;
	max-width: 100%;
	width: 100%;
	padding: 10px;
}
#content form fieldset label[for="start_time"],
#content form fieldset label[for="end_time"],
#content form fieldset label[for="venue"] {
	clear: left;
	display: inline-block;
	width: 100%;
}
#content form fieldset input#start_time,
#content form fieldset input#end_time {
	width: 50%;
}
#content form fieldset input:focus {
	border: 1px solid #416ebf;
}
#content form fieldset input + label {
	margin-top: 21px;
}
#content form#registrationForm fieldset {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 16px;
}
#content form#registrationForm fieldset legend {
	font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 30px;
	font-weight: 700;
}
#content form label span.red {
	color: red;
}
#content form fieldset textarea {
	background: #f9f9f9;
	border: 2px solid #cccccc;
	box-sizing: border-box;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	margin-top: 14px;
	width: 100% !important;
}
#content form input[type=checkbox] {
	float: left;
	width: 100%;
	margin-bottom: 7px;
	margin-top: 7px;
}
#content form  input[type=checkbox] label {
	margin: 0;
	padding-top: 0px;
	margin-left: 7px;
	width: 85%;
}
#content form .g-recaptcha {
    margin-left: 28px;
    margin-right: 28px;
}
#content form .g-recaptcha + p {
    margin-left: 28px;
    margin-right: 28px;
}
#content form button.continue {
	background: url(/_assets/_gfx/circle-white-confirm.svg) no-repeat 7px center #86b239;
border: 2px solid #6D842D;
	border-radius: 20px;
color: #ffffff;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-size: 16px;
	font-weight: 700;
	padding-left: 35px;
    text-shadow: 0 0 4px rgba(0,0,0,0.4);
    width: auto;
}
#content form fieldset h3 {
	clear: both;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	margin-top: 14px;
	padding-top: 21px;
}
#content form button.continue:hover {
	background-color: #6D842D;
	color: #ffffff;
    transform: translateY(3px);
}

#content form fieldset label.longestlabel { width: 95%; }
#content form fieldset fieldset.leftright fieldset { width: 69%; }
#content form fieldset fieldset.leftright label.longerlabel { width: 65%; margin: 0 0 20px 0;}
#content form fieldset select {min-height: 23px; height: auto;}
#content button { margin-top: 20px; float: right; }
#content button#login { margin-top: 0; float: left; }
#content a.btn-link { margin-top: 3px; float: left; }

.g-recaptcha { float: left; }

#content form#registrationForm table  {
	width: 100% !important;
}
#content #registrationForm table td:nth-of-type(1) {
	width: 25% !important;
}
#content table tr td {
	font-size: 16px;
	line-height: 1.5;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    #content form fieldset input[type='checkbox'],
    #content form fieldset input[type='radio'] {
        -webkit-appearance: none;
        -moz-appearance: none;
        background: #ffffff;
        border: 1px solid #aaaaaa;
        cursor: pointer;
        display: inline-block;
        height: 21px;
        margin: 0 15px 0 0;
        min-height: 21px;
        outline: none;
        position: relative;
        -webkit-transition: background .3s, border-color .3s, box-shadow .2s;
        transition: background .3s, border-color .3s, box-shadow .2s;  
        vertical-align: top;
    }
    #content form fieldset input[type='checkbox'] {
        width: 21px;
    }
    #content form fieldset input[type='checkbox'],
    #content form fieldset input[type='radio'] {
			border: 2px solid #cccccc;
        border-radius: 7px;
        cursor: pointer;
        display: inline-block;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom: 10px;
        margin-right: 7px;
        margin-top: 4px;
        vertical-align: top; 
        width: 21px !important;
    }
    #content form fieldset input[type='radio'] {
        border-radius: 50%;
        margin-top: 3px;
        width: 21px;
    }
    #content form fieldset input[type='checkbox']:after {
        content: '';
        display: block;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        transition: all 0.3s ease-out;
    }
    #content form fieldset input[type='radio']:after {
        content: '';
        display: block;
        left: 0;
        opacity: 0;
        position: absolute;
        transition: all 0.3s ease-out;
        top: 0;
    }
    #content form fieldset .checkbox-label input[type='checkbox'] {
        margin-right: 7px;
        width: 21px;
    }
    #content form fieldset input[type='checkbox']:after {
        border: 2px solid #ffffff;
        border-top: 0;
        border-left: 0;
        height: 9px;
        left: 6px;
        opacity: 1;
        top: 3px;
        transform: rotate(43deg);
        width: 5px;
    }
    #content form fieldset input[type='radio']:after {
        border: 2px solid #ffffff;
        border-top: 0;
        border-left: 0;
        height: 9px;
        left: 7px;
        opacity: 1;
        top: 4px;
        transform: rotate(43deg);
        width: 5px;
    }
    #content form fieldset input[type="radio"]:checked {
        background: #416ebf;
        border: 2px solid #416ebf;
    }
    #content form fieldset input[type="checkbox"]:checked {
        background: #416ebf;
        border: 2px solid #416ebf;
    }
	#content form fieldset input[type='radio'],
	#content form fieldset input[type='checkbox'] {
		clear: left;
		display: block;
		float: left;
		margin-bottom: 15px;
		margin-right: 15px;
		margin-top: 0;
	}  
	#content form#registrationForm fieldset input[type='radio'] + label,
	#content form#registrationForm fieldset input[type='checkbox'] + label {
    cursor: pointer;
    display: block;
		float: left;
		font-weight: normal;
    	line-height: 1.4;
		margin-bottom: 15px;
		margin-top: 0;
		padding-bottom: 3px;
		padding-top: 1px;
    	vertical-align: top;
		width: 70% !important;
	}
	#content form#registrationForm fieldset input[type='radio'] + label {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	#content form fieldset label[for="free_host_text"] {
		font-weight: normal;
		clear: left;
		display: block;
		margin-bottom: 15px;
		margin-top: 15px;
		width: 100%;
	}
}




/* Hide filter box for actions in admin.html */
#content input.tablesorter-filter.disabled { background: none; border: 0; }

#content div.collapse {
    overflow: hidden;
    animation: slideup 2s;
    animation-delay: 2s;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;
}

/********** DATE BOX AT TOP OF REGISTRATION FORM **********/
.date-box {
	color: #555;
	background: #f5f5f5 url(/_assets/_gfx/calendar-icon-grey.png) no-repeat 20px 20px;
	margin: 10px -23px 30px -23px;
	padding: 20px 23px 20px 46px;
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.date-box strong { font-size: 15px; }
.date { background: url(/_assets/_gfx/calendar-icon-grey.png) no-repeat 0 -1px; padding: 0px 0px 0px 20px; }



/********** ERROR AND SUCCESS STYLES **********/
[role=alert] {
    padding: 1.0em 1.0em 1.0em 50px;
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 32px;
    border-width: 1px;
    border-style: solid;
}
.errors { border-color: #f4c1c1; color: #790000; background-color: #FFE5E6; background-image: url(/_assets/_gfx/circle-red-cancel.svg); }
.success { border-color: #4F8A10; color: #4F8A10; background-color: #DFF2BF; background-image: url(/_assets/_gfx/circle-green-confirm.svg); }

#content input.error, #content textarea.error {
    color: #790000 !important;
    border: 1px solid #f4c1c1;
}
#content textarea.error { background-size: 16px; background-position: right 5px top 5px; }
div.error { width: 398px; margin-left: 190px; border-radius: 16px; transition: all 0.2s ease; }



/********** SHOPPING CART **********/
#right div.shoppingcart { width: 186px; position: absolute; top: 140px; margin-top: 10px !important; padding-top: 19px; }
#right div.shoppingcart.fixed { position: fixed; top: 0; }
#right div.shoppingcart dl { width: 186px; }

#right div.shoppingcart dt {
	display: block;
	clear: left;
	float: left;
	width: 65%;
	font-weight: bold;
	margin: 0.25em 0.25em 0.25em 0;
}
#right div.shoppingcart dd {
	margin: 0.25em 1.0em 0.25em 0.25em;
	text-align: right;
	padding: 0 0 0.5em 0;
	float: left;
	display: block;
	width: 25%;
	text-align: right;
}
#right div.shoppingcart .total { margin-top: 2.0em !important; font-weight: strong; }
#right div.shoppingcart dd.total { border-top: solid 1px #ccc; }



/********** Animation to use when collapsing messages **********/
@-webkit-keyframes slideup {
    0% { max-height: 300px; }
    100% { max-height: 0; }
}
@keyframes slideup {
    0% { max-height: 300px; }
    100% { max-height: 0; }
}



/*************************************************
	LARGEST @ MEDIA
	the default - base width: 1114px
cols    1     2      3      4
px      186   418    650    882

*************************************************/
@media only screen and (min-width: 1025px) {
}


/*************************************************
	MIDDLE @ MEDIA / iPad landscape
	base width: 882px
cols    1     2      3
px      186   418    650

**************************************************/
@media only screen and (min-width: 769px) and (max-width: 1024px) {
	#content form fieldset input {width: 100%;}
    #content form fieldset input[type=text] {width: 100%;}
    #content form fieldset textarea {width: 100%;}
    #content form fieldset label.longestlabel { width: 75%; margin: 0 0 20px 0;}
    /* #content form fieldset label {margin: 0 0 20px 0;} */
	.errors { background-image: none; }
	/* Error styles */
	div.error {
		margin-left: 0;
		width: auto;
	}
	#content div.shoppingcart { width: 100%; top: 475px;}
	#content div.shoppingcart dl { width: 100% !important; }
	#content div.shoppingcart dt { width: 67% !important; }
	#content div.shoppingcart dd { width: 20% !important; }
	
}

/*************************************************

	SMALLEST @ MEDIA / iPad portrait
	base width: 650px

**************************************************/
@media only screen and (max-width: 768px) {
	.errors { background-image: none; }
	#right div.shoppingcart { width: 186px; top: 475px; }
	/* Fix email field width */
	#content form fieldset input {width: 75%;}
    #content form fieldset input[type=text] {width: 75%;}
    #content form fieldset textarea {width: 75%;}
    #content form fieldset label {width: 85%;}
    #content form fieldset label.longestlabel { width: 75%; margin: 0 0 20px 0;}
    #content form fieldset fieldset.leftright label { width: 202px; margin: 0; }
	/* Error styles */
	div.error {
		margin-left: 0;
		width: 75%;
	}
	#content div.shoppingcart { width: 100%; top: 475px;}
	#content div.shoppingcart dl { width: 100% !important; }
	#content div.shoppingcart dt { width: 67% !important; }
	#content div.shoppingcart dd { width: 20% !important; }

    #content button { float: left; }
    
    .date-box { margin-left: 0; margin-right: 0; }
    .nice-select.wide { width: 85%; margin-bottom: 14px; }
    .nice-select.wide span.current { overflow: hidden; width: 100%; display: inline-block; }
    .nice-select.wide ul { width: 100%; }
}