/*----COLORS

header background: 0088BA medium blue
nav background: #0076A4 darker blue
yellow: #FFCF00
---*/






/*--reset--*/

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size:16px;
  width:100%;
	overflow-x:hidden;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }
  
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	z-index:1;
	line-height: 1;
	font-size:1em;
	min-height:100%;
	max-width:100%;
	overflow-x:hidden;
}
ol, ul {
	list-style: none;
	margin: 0 0 1em 0;
}
em {
	font-style: italic;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*----- fonts --------*/
@font-face {
    font-family: 'Caviar Dreams';
    src: url('../fonts/CaviarDreams-webfont.woff2') format('woff2'),
         url('../fonts/CaviarDreams-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Caviar Dreams Bold';
    src: url('../fonts/Caviar-Dreams-Bold-webfont.woff2') format('woff2'),
         url('../fonts/Caviar-Dreams-Bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'League Spartan Bold';
    src: url('../fonts/leaguespartan-bold-webfont.woff2') format('woff2'),
         url('../fonts/leaguespartan-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/*--body, html--*/
html{
	position:relative; 
	height: 100%;
	background-color: #eee;
}
body{
	position:relative; 
	height: 100%;

}


/*--header--*/

header{
	z-index:100;
	position:relative;
	display:block;
	width:100%;
	height:auto;
	background-color:#0088BA;
	padding:1em;
	font-size:1.5em;
}

header #logo{
	font-size:0.7em;
	position:relative;
	display:inline-block;
	width: 48em;
	height: auto;
}

header #logo img{
	position:relative;
	display:inline-block;
}


header #logo a.mobile-only{
	display:none;
}
header #logo a{

	font-size:3em;
	font-family:Arial;
	text-decoration:none;
	color:#fff;
	text-transform: uppercase;

}


@media screen and (max-width: 480px){
	header{	
		font-size:1.25em;
		
	}
}
	
/*--- header search bar ---*/	
	
#frmSearch{
	float: right;
	display:inline-block;
	margin-top:1em;
}

#txtSearch{
	position:relative;
	display:inline-block;
	vertical-align: top;
	width:22.875em;
	height:3.313em;
}

#frmSearch input.button{
	display:inline-block;
	vertical-align: top;
	position:relative;
	top:0;
	width:5.625em;
	height:3.438em;
	background-image:url('../img/search-button.jpg');
	background-size:cover;
	border:none;
}


#search-button{
	display:none;
}

.full-conference-price{
	display:none;
}
@media screen and (max-width: 992px){

	#search-button{
		display:inline-block;
		right:4em;
		
	}
	#search-img{
		display:inline-block;
		width:2em;
		height:auto;
	}
	#frmSearch{
		display:none;
		position: absolute;
		top: 9.3em;
		left:0;
		width: 100%;
		background-color: #0076A4;
		padding:0 0 1em 0;
		margin: 0;
		float: none;
		z-index:1000;
		}
	#txtSearch {
		height:3.5em;
		width:87%;
		border: 0;
		}
	#frmSearch input.button {
		width: 13%;
		height: 3.5em;
		background-position:center;
		background-size:contain;
		background-repeat:no-repeat;
		background-color:#FFCF01;
		border: 0;
		}	


}

@media screen and (max-width: 1483px){
	html {
		font-size: 14px;
	}
	
}
@media screen and (max-width: 1190px){
	
	header #logo a{
		
		font-size:2em;
	}
	
	#frmSearch{
		font-size:0.5em;
	}
	
}
@media screen and (max-width: 992px){

	
	header #logo img {	
	width: 4.75em;
	}
	
	header #logo a {
	max-width: 23.438em;
	}
	
	
	nav.desktop {
	height:3.125em;
	}
	
	nav.desktop ul li {
		line-height:3.125em;
	}
	nav.desktop ul li a {
		
		padding:0em 0.625em;
	}


	header #logo img{
	width:3.063em	
	}

	header #logo a{
		display:none;
	}
	header #logo a.mobile-only{
		display:inline-block;
		font-size:2.5em;
	}
	
	
	nav.desktop{
		display:none;
	}
	nav.mobile{
	}
	nav.mobile ul li{
		background-color:#0088bb;
		line-height:3.375em;
		border-top: solid 0.063em #cce7f1;
		padding-left:1.813em;
	}
	
	nav.mobile ul li a{
	font-size:1.587em;
	font-family:'League Spartan Bold';
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	}
	nav.mobile li.region{
		margin-top:0.5em;	
	}
	nav.mobile li.region a{
		color:#FFCF00 !important;
	}
	nav.mobile ul li ul{
		padding-bottom:1.25em;
	}
	
	
	nav.mobile ul li ul li{
	line-height:1.6em;
	padding-left:1.25em;
	border:none;
	}
	
	nav.mobile ul li ul li a{
		font-size:1.150em;
	}
	

}

/*--nav css in nav.css--*/


/*--main content--*/

#main-content{
	position:relative;
	min-height:100%;
	padding:4.375em;
	background-color:#f4f4f4;
	color:#2e2e2e;
	font-size:1em;

}
@media screen and (max-width: 768px){
	#main-content{
		padding:2em;
	}
}
@media screen and (max-width:480px){
	#main-content{
		padding:1em;
	}
}



/*------Globals------*/

.float-right{
	
	float:right;
}

.float-right{
	
	float:right;
}

.blue-text{
	color:#0088bb;
}
.blue-bg{
	background-color:#0088bb;
}
.black-text{
	color:#111;
}
.black-bg{
	background-color:#111;
}
.blue-bottoms{
	border-bottom:solid 0.2em  #0088bb;	
}
h1{
	
	position:relative;
	font-family:'League Spartan Bold';
	font-weight:bold;
	font-size:2.5em;
	width:100%;
	margin:0 auto 1em auto;
	border-bottom:solid 0.2em  #0088bb;
	text-transform: uppercase;
	text-align:center;
}
h1 a{
	float:right;
	font-size:0.5em;
	color:#fff !important;
	background-color:#0088bb;
	line-height:2.25em;
	padding:0 1.25em;
	vertical-align: middle;
}	

@media screen and (max-width: 768px){
	h1 a{
		display:block;
		width:100%;
		margin:1.75em 0 1.5em;
		line-height:3em;
	}
}


h1 a.calendar-link{
	position:absolute;
	left:0; 
	background-color:transparent;
	color:#000 !important;
	background-image:url('img/arrow-left.png');
	background-size:1em 1em;
	background-position:left;
	background-repeat:no-repeat;
	padding-left:1.25em;
	float:none;
}	

@media screen and (max-width: 992px){
	h1 a.calendar-link{
		position:relative;
		display:block;
		width:14em;
		margin:0 auto;
		
	}	

}

	

h2{
	
	font-family:'League Spartan Bold';
	font-weight:bold;
	font-size:2em;
	width:100%;
	margin:0 auto 1em auto;
	color:  #0088bb;
	
}
h2.event-title{
	font-family:"Caviar Dreams";
	font-size:2.5em;
	color:#000;
	text-align:center;
	display:block;
	width:100%;

	
}

h3{
	
	font-family:'League Spartan Bold';
	font-weight:bold;
	font-size:2.5em;
	width:100%;
	margin:0 auto 1em auto;
	border-bottom:solid 0.2em  #0088bb;
}

h4{
	
	font-family:'League Spartan Bold';
	font-weight:bold;
	font-size:1.5em;
	width:100%;
	margin-bottom:1em;
}
h4 a{
	color:#000;
	text-decoration:underline !important;
}

h5{
	
	font-family:'League Spartan Bold';
	font-weight:bold;
	font-size:1.2em;
	width:100%;
}

#main-content li{
	width:100%;
	font-family:Arial ;
	font-size:1.5em;
	
}
#main-content a{
	color:#0088BA;
	text-decoration:none;
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	-ms-word-break: break-all;
	/* This is the dangerous one in WebKit, as it breaks things wherever */
	word-break: break-all;
	/* Instead use this non-standard one: */
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}

ul.body-ul{
	list-style-type:disc;
	margin:0 0 0 1em;
}

ul.body-ul li{
	margin:0 0 0.5em 1em;
}
ul.links-ul{
	margin:0 0 0 1em;
	
	
}
ul.links-ul li{
	margin:0 0 0.5em 0;	
}
ul.job-ul{
	margin:0;

}
ul.job-ul li{
	margin:0 0 0.5em 0;	

}

a:visited{
	color:#0076A4;
}
p{
	width:100%;
	font-family:Arial ;
	font-size:1.5em;
	margin:0 auto 1em auto;
}
p.account-notification{
	display:block;
	text-align:center;
	width:100%;
	padding:2em;
	border:solid 1px red;
	background-color:#fff;
	}
p.caviar{
	font-family:"Caviar Dreams Bold";
}
i{
	font-style:italic;
}

.italic{
	font-style:italic;
}
small{
	font-size:0.8em;
	font-weight:normal;
}
strong{
	
	font-weight:700;
}
hr{
	color: #0088BB;
	border: none;
	background-color: #0088BB;
	height: 0.25em;
	margin: 2em 0;
	font-size: 1em;
}

hr.horizontal-row {
	background-color: grey;
	height: 1px;
	margin: 0px;
}

.show-sm{
	display:none;
	}
@media screen and (max-width: 768px){
	.hide-sm{
	display:none !important;	
	}
	.show-sm{
	display:block;
	}
}






/*---- buttons -----*/


.blue-button{
	font-size:1em;
	font-weight:600;
	line-height:3em;
	color:#fff; 
	background-color:#0088bb;
	border:none;
	font-family:'League Spartan Bold';
}

.blue-button:hover{
	background-color:#00a1d4;
}

/*-- sidebar nav --*/

.sidebar-nav{
	display:block;
	width:100%;
	background-color:#fafafa;
	padding:0.5em 0.5em 1em 0.5em;
	
	
}
.sidebar-nav ul{
	display:block;
	width:100%;
}


.sidebar-nav ul li{
	display:block;
	width:100%;
	font-family:Arial ;
	font-size:1.25em;
	text-align:left;
	padding:0.5em 0.5em 0.5em  2em;

}

.sidebar-nav ul li a{

}
.sidebar-nav ul li.active{
	color:#fff;
	background-image:url('../img/icons.png');
	background-position: 0.5em -15em;
	background-repeat:no-repeat;
}
.sidebar-nav ul li:hover{
	color:#fff;
	background-image:url('../img/icons.png');
	background-position: 0.5em -15em;
	background-repeat:no-repeat;
}

/*-- forms ----*/

#join{
	display:block;
	width:100%;

	margin:0 auto;
	position:relative;
	
	
}

#join input, #join label, #join select, #join button{
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
}

#join input{
	display:inline-block;
	width:100%;
	line-height:1em;
	font-family:'League Spartan Bold';
	font-size:1em;
	padding:0.5em;
	border:solid 1px #999;
	margin:0.5em 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f9f0+0,f9fcf7+100 */
	background: #f5f9f0; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f9f0 0%, #f9fcf7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f5f9f0 0%,#f9fcf7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f5f9f0 0%,#f9fcf7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f9f0', endColorstr='#f9fcf7',GradientType=0 ); /* IE6-9 */
}
#join select{
	display:inline-block;
	width:100%;
	background:#fff url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96%;
	line-height:1em;
	font-family:'League Spartan Bold';
	font-size:1em;
	padding:0.313em 0.5em;
	border:solid 1px #999;
	margin:0.5em 0;
}
#join label{
	display:block;
	width:100%;
	text-align:left;
	font-family:'League Spartan Bold';
	font-weight:bold;
	font-size:1em;
	margin:0.5em 0;
}
#join label span{
	color:red;
}


.form-container{
	display:block;
	max-width:40em;
	margin:0 auto;
	
}
/*---login----*/
.login{}

.login input, .login label{
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;	
	
}

.login label{
	display:block;
	width:100%;
	text-align:left;
	font-family:'League Spartan Bold';
	font-weight:bold;
	font-size:1em;
	margin:0.5em 0;
}

.login label span{
	color:red;
}
.login input{
	display:inline-block;
	width:100%;
	line-height:1em;
	font-family:'League Spartan Bold';
	font-size:1em;
	padding:0.5em;
	border:solid 1px #999;
	margin:0.5em 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f9f0+0,f9fcf7+100 */
	background: #f5f9f0; /* Old browsers */
	background: -moz-linear-gradient(top, #f5f9f0 0%, #f9fcf7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f5f9f0 0%,#f9fcf7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f5f9f0 0%,#f9fcf7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f9f0', endColorstr='#f9fcf7',GradientType=0 ); /* IE6-9 */
}

.login input[type="checkbox"]{
	height:1em;
	width:1em;
	float:left;
}

/*---- event single ----*/
div.single-event-content{
	text-align:initial;
}
div.single-event-content span{
	color:#0076A4;
}
div.single-event-content ul.event-single{
	position:relative;
	text-align: left;
	width:100%;
	margin:0 0 2em 0;
	list-style: none;
}
ul.event-single li{
	font-family:"Caviar Dreams Bold" !important;
	line-height:1.6em;
}

ul.event-single li ul{
	margin-left:1em;
	padding:0.25em 0;
	
}
ul.event-single li:last-of-type ul{
	list-style: inside;
}
ul.event-single li:last-of-type span{
	color:inherit;
}
ul.event-single li ul li{
	font-size:1em !important;
	
}
form.register-form{
	display:block;
	margin:0 auto;
	max-width:800px;
}
form.register-form label{
	font-size:1.3em;
	font-family: "Caviar Dreams Bold" !important;
	line-height: 1.6em;
	text-align:left !important;
}
form.register-form .session-select {
	border-top: .2em solid #0088bb;
	border-bottom: .1em solid #999;
	padding-top: 1em;
}
form.register-form .session-time p {
	margin: .5em 0 0 0;
	font-size:1.3em;
}
form.register-form ul {
	list-style: disc outside;
	margin: 1em 2em;
}
#main-content form.register-form ul li {
	font-size: 1.2em;
}
form.register-form input[type="text"]{
	display:block;
	width:100%;
	font-size:1em;
	padding:0 1em;
	line-height:1.6em;
}	
form.register-form select{
	display:block;
	font-size:1em;
	padding:0 1em;
	line-height:1.6em;
}	
form.register-form button.blue-button{
	padding-left:2em;
	padding-right:2em;
	display:block;
	margin:0.5em auto;
}
#submit-message{
	text-align:center;
	font-weight:bold;
}
.fail{
color:red;

}
.success{
color:green;
}	

/*--jobs list--*/

.post ul {
	list-style: disc inside;
	margin: 0 0 1em 2em;
}

/*--footer--*/

footer{
	display:block;
	width:100%;
	height:auto;
	background-color:#0077a4;
	position:relative;
}

footer ul.desktop{
	display:block;
	width:100%;
	padding:2.063em 6.25em;
}
footer ul.desktop li{
	display:inline-block;
	vertical-align:middle;
	padding:0.625em 1.25em;
	line-height:1.603em;
}

footer ul.desktop li.hide-dot{
	display:none;
}

footer ul.desktop li a, footer ul li a:visited{
	font-family:'League Spartan Bold';
	font-weight:bold;
	font-size:1.5em;
	color:#fff !important;	
	text-decoration:none;

}

footer ul.desktop li a:hover{
	color:#000;
}


#footer-current-link a{
	color:#000 !important;
}

@media screen and (max-width: 768px){
	footer ul.desktop{
	display:block;
	width:100%;
	padding:1em 0;

	}
	footer ul.desktop li{
		text-align:center;
	}
	footer ul.desktop li.footer-link-closed{
	display:none;
	width:100%;
	background-color:#0088BA;
	}
	footer ul.desktop li.dot{
	display:none;
	}

	footer ul.desktop li.footer-current-closed{
		display:block;
		width:100%;
		background-color:#0088BA;
		background-image:url('../img/downarrow.png');
		background-size:contain;
		background-position:right center;
		background-repeat:no-repeat;		

	}
	footer ul.desktop li.footer-current-open{
		display:block;
		width:100%;
		background-color:#0088BA;
		background-image:url('../img/uparrow.png');
		background-size:contain;
		background-position:right center;
		background-repeat:no-repeat;		

	}
	
	#footer-current-link a{
		color:#FFF !important;
	}
}

#sub-footer{
	display:block;
	width:100%;
	background-color:#0088bb;
	height:auto;
	padding-top:0.25em;
}

#sub-footer p{
	display:inline-block;
	vertical-align:middle;
	line-height:2em;
	font-size:1em;
	width:100%;
	text-align:center;
	font-family:'League Spartan Bold';
	font-weight:bold;
	color:#fff;
	margin-bottom: 0;
}


#sub-footer p.cwd-link{
	font-size: 1em;
}


#sub-footer p.cwd-link a, #sub-footer p.cwd-link a:hover, #sub-footer p a:visited{
color:#fff;
text-decoration:none;

}
	
#sub-footer p.cwd-link a img{
	display:inline-block;
	width:1.3em;
	height:auto;
	margin-left:0.625em;
	vertical-align:middle;
	
}
	
.event-session{
	zoom: 2.5;
}

.reg-checkbox{
	zoom: 1.5;
}
.reg-radio{
	zoom:1.5;
	position: relative;
    top: 3px;
}

.event-registration
{
    border-top: .3em solid #0088bb;
    margin-bottom: 15px;
    margin-top: 15px
}
.total-price{
	font-size: 1.3em;
	font-family: "Caviar Dreams Bold";
}
.total-amount{
	display: flex;
}
.event-item{
	padding-right: 30px;
}
form.register-form .event-checkbox label {
	position: relative; top:-2px;
}
.event-register-form{
	display: flex; 
	align-items: start;
}	
.event-price{
    position: relative;  
	top:-2px;
}
.reg-donation{
    font-size: 1em;
    padding: 0 1em;
    line-height: 1.6em;
	margin-top:4px;
}
/*
@media screen and (max-width: 1200px){
	body{
	font-size:0.7em;	
	}
	
	#banner-text p {
	padding:0 3.125em;
	}
	header #logo {
		
	margin-left: 2.5em;	
	}
	
	header form {
	right:2.5em;
	}
	
	Header form #txtSearch{
		width:12.5em;
	}
	nav.desktop ul li a {
		
		padding:0em 0.938em;
	}
	
}*/