@charset "utf-8";
@font-face {
    font-family: Nav_Font;
	src: url('../ttf/raleway-medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Raleway';
	src: url('../ttf/raleway-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway';
	src: url('../ttf/raleway-italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Raleway';
	src: url('../ttf/raleway-bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway';
	src: url('../ttf/raleway-bolditalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: 'Raleway_Heavy';
	src: url('../ttf/raleway-heavy.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway_Bold';
	src: url('../ttf/raleway-bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway_Semi';
	src: url('../ttf/raleway-semibold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway_Light';
	src: url('../ttf/raleway-light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

 footer, .navwrapper, .container, .fullwidth {
    max-width: 1140px;
    margin: 0 auto;
} 
header{max-width:1300px; margin: 0 auto}
header img {width: 500px; height:auto;} 
.mobileonly, .skinny { display:none; }
body {
	background: #eff1f5 url(../bg-body.html) repeat-x center 11px;
	font-family:  Raleway, Arial, Helvetica, "San Serif";
	color: #808285;
	font-size: 18px;
}
/* FONTS  */

h2 {
	color: #03F;
	color: #5d89b4;
	font-weight:bold;
	line-height: 1.5em;
	margin: 1em 0em 0.5em;
}
H3 {
	font: bold 22px Raleway, Verdana, Geneva, sans-serif;color: #553397;
}
a {color: #8347ad; }
a:hover{color:#553379; }
b, strong {font-weight:bold;}
em { font-style:italic; }
strong em {
	font-weight:bold;
	font-style:italic;
}
.dkpurple {color: #553379;}
.ltpurple { Color: #8347AD; }
.font26 {
	font: bold 26px Raleway, Verdana, Geneva, sans-serif;color: #553379; }
strong.semi {font-family: Raleway_Semi, Verdana, Geneva, sans-serif; font-weight: normal }
.purple {color: #8347AD; font-family: Raleway_Semi, Verdana, Geneva, sans-serif;  }
.content p {line-height:1.5em}
/*General layouts */

img {Max-width:100%}
.frozen {max-width: 1300px; width:100%;
margin: 0 auto;	
left: 0;
right: 0;
	position: fixed;
z-index: 1000;
height: 95px;}
header {background:none; padding-top:0px; padding: 20px 0px; background-color: #ffffff;}
header .container {background-color:#ffffff; padding:1px 50px }
header .hygdates { 
    font-size: 15px;
	border-left: 1px solid #aab6be;
margin:10px 0px 10px 5%;
padding-left: 5%;
text-align: right;
}
header .hygdates strong {font-family: Raleway_Heavy;
    color: #C1D72F;
    font-size: 26px;
}
header .hygdates em {
    font-style: normal;
    font-size: 1em;
}

/* //////////////////////////////  RESPONSIVE MENU ///////////////////////////////////// */

.navwrapper {

}
.main-nav { Background: none; max-width:1300px; border-bottom: solid 8px #d8c4e5;}

.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
    font-family: Nav_Font, Verdana, Geneva, sans-serif;
   font-size: 16px;
    color: #455560;
}
.sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active, .sm-simple a.highlighted {
    color: #500b99; text-decoration:none }

.sm li.separator {
  background: #455560; width: 1px; max-width: 1px;
}

.sm-simple > li:first-child {
    border-left: 0;
    margin-left: 4%;
}
#main-menu-state:not(:checked) ~ #main-menu {
width: 100%;
max-width: 1140px;	
}
/* MAIN CONTENT  *******************/

.content {background: #FFFFFF;
     color: #808285;  line-height: 1.4em; 
	 padding-bottom: 30px; 
	 max-width: 1300px;
margin: 0 auto;
padding-top: 132px;
}
.banner {min-height: 300px;
height:60px; /* Fix for IE */
  display:-webkit-box;
    display:-webkit-flex;
    display:-webkit-flexbox;
    display:flex; 
	 -webkit-box-pack: center; 
        -ms-flex-pack: center; 
            justify-content: center;
 }
.banner h1  {
	color: #553379;
	font-variant: normal;
	text-transform: capitalize;
line-height: 1.5em;
font-size: 50px;
max-width: 1140px;
	background: rgba(255, 255, 255, 0.8);
	border-bottom: solid 8px #d8c4e5;
padding-left: 66px;
margin: 0px;
  display:-webkit-box;
    display:-webkit-flex;
    display:-webkit-flexbox;
    display:flex;
 -webkit-align-self: flex-end; /* add prefixed version */
       -ms-flex-item-align: end; /* add prefixed version */
     align-self: flex-end;
 
width: 100%;
margin-bottom: -8px;
margin-top:200px; /* Safari hack */
}
.attendees .banner {background: url(../jpg/banner-attendees.jpg) no-repeat center center; background-size: cover; }
.gallery .banner {background: url(../jpg/banner-gallery.jpg) no-repeat center center;	background-size: cover; }
.hotelinfo .banner {background: url(../jpg/banner-hotel.jpg) no-repeat center center;	background-size: cover;}
.speakers .banner{background: url(../jpg/banner-speakers.jpg) no-repeat center center;	background-size: cover;}
.speakerbio .banner{background: url(../jpg/banner-speakerbio.jpg) no-repeat center center;	background-size: cover;}
.register .banner{background: url(../jpg/banner-reg.jpg) no-repeat center center;	background-size: cover;}
.tabletop .banner{background: url(../jpg/banner-tabletop.jpg) no-repeat center center;	background-size: cover;}
.sponsor .banner{background: url(../jpg/banner-sponsors.jpg) no-repeat center center;	background-size: cover;}
.conf .banner{background: url(../jpg/banner-conf.jpg) no-repeat center center;	background-size: cover;}
.ahcourse .banner{background: url(../jpg/banner-sponsors.jpg) no-repeat center center;	background-size: cover;}
#maincontent { 
width: 100%;
max-width:1140px;
margin: 60px auto 20px;
}
/* Column divisions */
.twothirds {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;	  
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	}
.thirds { display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;	  
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	  align-items: center;}
.thirds div {margin-right:30px; }
.thirds div:last-child {margin-right:0px; }	
.firsttwo {
        flex: 2 1 auto; width:63%;
      }

.lastthird{
        flex: 1 1 auto; width: 30%;margin-left:30px;
      }
.thirds div {flex: 1 1 auto; width: 30%;}	  


.half {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;	  
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
	}
.half div {flex: 1 1 auto; width: 45%;}
.half div:last-child {margin-left:60px; }	

a.button, input.button {
	background-color: #8347AD;
	color: #D8C4E5;
	text-decoration: none;
	width: 100%;
	display: inline-block;
	text-align: center;
	padding: 15px 10px;
	text-transform: uppercase;
	font-weight: bold;
	border:none;
}
.reglink {max-width:250px; 	float:right; margin-left:20px}
a.button:hover, input.button:hover  {background-color:#553379; color:#D8C4E5; }

a.PDFbutton {background:#D8C4E5;
		color: #8347AD;
	width: 100%;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	padding: 15px 10px;
	text-transform: uppercase;
	font-weight: bold;
	border:none;

}
a.PDFbutton:hover  {background-color:#8347AD; color:#D8C4E5}
.arrows {font-family: Raleway_Heavy; font-size:28px; color: #D8C4E6 }


.important {width:100%;  background-color:#e0d0eb; color:#553379;margin-top: -52px;
float: right;
text-align: right;
padding: 20px 40px 15px;
margin-bottom: 20px; }
.important strong {font-weight:bold; font-size:24px; }
.half .important {margin-top:10px; padding: 10px 20px }


/* PRIOR ATTENDEE PAGE ONLY *************************** */
.att-list ul {
    float: left;
    width: 360px;
    margin-left: 30px;
}
.att-list ul:first-child {margin-left:0px }
.att-list .twice {color:#553379; font-family: Nav_Font;}
.att-list li, .listnote{font-size:16px; color: #808285 }

/*   Galler Page**************************** */

.gallery .nailthumb-container img.nailthumb-image {margin:30px }
/*   SPeaker List*****************************  */
#maincontent .speakerlist p {line-height: 1.3em }
.speakerlist {
	  margin-left:-60px;
	  }
.speakerlist .dontsplit { margin-left:60px; margin-bottom: 60px; }
.SpName, .boldpurple {color: #553379; font-weight:700;}
.SpTitle {font-family:Raleway_Semi;}
.speakerlist .abstract {font-weight:normal;}
.speakerlist a:link, .speakerlist a:visited {font-family:Raleway_Semi; color:#808285; text-decoration: none; white-space: nowrap;}
.biodate { border-left: solid 8px #d8c4e5; padding-left:20px; color: #553379; }
.noabst {padding-right: 60px }


/*  REGISTER  ***************************** */
#maincontent.registration {margin-top:8px }
.fees { width:100%;}

.fees td, .fees th { line-height:1.1em;
	padding: 18px 1px; color: #553379; background-color: #f2f3f3; text-align:center }
.fees th {font-family: Raleway_Bold, Arial, Helvetica, sans-serif; font-size:20px; color:#553379; text-transform:uppercase}
.fees td {border-bottom: 1px solid #d8c4e6;font-family: Raleway_Semi, Arial, Helvetica, sans-serif; font-size:18px}
.fees .small {font-family: Raleway, Arial, Helvetica, sans-serif; font-size:16px; color:#808285}
.fees .mem { background: #ece1f2; }
.fees .graytext { color:#808285}
.fees .spacer { width:30px; background-color:#ffffff; border:none; padding:0 }
.fees .space15 { width:15px; background-color:#ffffff;  border:none; padding:0}
.fees .rowspacer { height:15px;background-color:#ffffff;  border:none; padding:0 }
.fees strong  {font-family: Raleway_Semi, Arial, Helvetica, sans-serif; font-weight: normal}
.fees .noborder {border:none; }
.fees .nobg { background-color:#ffffff; border:none; padding:0;  }
.fees .topmargin {height:50px; background-color:#ffffff; border:none; padding:0  }
.fees .plaintext {text-align:left; color:#553379; font-family: Raleway; vertical-align: top; padding:30px 0px }
.fees h3.aligntop {margin-top:27px }
.tabletop {padding-top: 50px; }
.package li {list-style-image:url(../png/li-raq.png)}

/* Sponsorship Page************************************  */
.sponsor .intro {font-size:22px; color:#808285; }
.sponsor .lastthird {align-self: center; }
.sponsor strong {font-family: Raleway_Semi, Arial, Helvetica, sans-serif; font-weight: normal; }
.sponsor p {margin:.4em 0px;}
.sponsor h3 {margin-top:50px;}
.sponsor .fullwidth {margin: 10px -80px;
background-color: #F2F3F3;
max-width: 1300px;;}  
.sponsor .fullwidthpadding {max-width: 1140px; margin: 0 auto;
padding: 30px 60px;}
.soldout {
    margin-left: 10px;
    margin-top: -5px;
}

/* HOtel page  *******************************************/
.hotelinfo #maincontent {max-width: 1300px;}
.hotelinfo .twothirds {max-width: 1140px;
margin: 0px auto;}
.hotelinfo p.purple {margin-bottom: -.8em;}
.hotelinfo .disc li {margin-bottom: .5em}
.hotelinfo .fullwidth {margin: 10px auto; background-color:#F2F3F3; max-width: 1300px;}  
.hotelinfo .fullwidthpadding {max-width:1140px; margin:0 auto; padding:30px 0px;}
.fullwidth input{width:100%; padding: 10px;}
.pagewidth {max-width: 1140px;
    margin: 0px auto;}

/* CONFERENCE  ***************FOR FONT FACES ONLY> Otherwise see Hyg-Confpage.css*************************************** */
.conf #tabs {font-family: Raleway, Arial, Helvetica, sans-serif; font-weight: normal; }
.conf #tabs .tabs__trigger {font-family: Raleway_Bold, Arial, Helvetica, sans-serif; font-weight: normal; fonfont-size: 20px; 
text-transform: uppercase; }
.conf h3.date  {font-family: Raleway_Bold, Arial, Helvetica, sans-serif; font-weight: normal; font-size:24px }
.essential .course  {font-family: Raleway_Heavy, Arial, Helvetica, sans-serif; font-weight: normal; }
 h3.session, .session H3, .ConfBold  {font-family: Raleway_Bold, Arial, Helvetica, sans-serif; font-weight: normal; font-size:22px; color: #553379;}
.session .times {font-family: Raleway_Semi, Arial, Helvetica, sans-serif; font-weight: normal;} 
.session strong, .session b {font-family: Raleway_Semi, Verdana, Geneva, sans-serif; font-weight: normal}
.session a:link, .session a:visited, .conference .essential a, .conference .essential a:visited {font-family:Raleway_Semi; color:#808285; text-decoration: none; white-space: nowrap;}
.session a:hover, .speakerlist a:hover, .conference .essential a:hover {color:#8347AD; }
.session h3 .small  {font-family: Raleway, Arial, Helvetica, sans-serif; font-weight: normal;color: #808285; }


/****************WORKSHOP ABS HYG DIAPERS ******************/
.workshop {padding-top: 150px;
padding-bottom: 5px;
background: #fef8e8 url(../jpg/bg-essentials.jpg) no-repeat 40px top;

display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;}
		  
.traintime { width:250px; margin:5%; color: #2d2d2d;}
.traintext {width:60%; color: #2d2d2d; font-size:20px}
@font-face {
    font-family: osw_demibold;
    src: url('../ttf/oswald-demibold.ttf') format('truetype');  
}
@font-face {
    font-family: osw_lt;
    src: url('../ttf/oswald-light.ttf') format('truetype');  
}
.traintext h1 {font: 42px "osw_demibold";}
.traintext h1 em {font: 40px "osw_lt";}
.inst img {float: right;c
border-left: solid 10px #0063a7;
margin-left: 40px; }
.inst {font-size:18px;}
.inst h5 { font-size:20px; margin: 1em 0;}
.workshop a, workshop a:visited {font-family: Raleway_Semi;
color: #808285; text-decoration: none;
white-space: nowrap;}
.workshop a:hover {color: #8347AD;}


.workshop a.course {    background: #6ec9ba;
    color: #000;
    padding: 15px 4%;
    text-decoration: none;
    margin-right: 4%;
    min-width: 175px;}

.workshop a.course:hover {background-color: #f1b91c; color:#000}

ul.disc{
	margin-left: 20px;
	list-style: url(../gif/bullets-2.gif) none;
}

.sponsor-logo {padding: 10px 6%;
	display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
		    -ms-flex-pack: distribute;
      justify-content: space-around;}
.sponsor-logo  img{margin: 1px 5%; max-width:200px}	


footer {max-width: 1300px;
	background: none;								/* FOOTER  */
    background-color: #808285;
	
}
footer .address {color:#ffffff;}






  
.contact {
    font-size: 1.1em;
}
.contact img {
    margin-top: -5px;
    margin-right: 10px;
}
.contact a:link, .contact a:visited {
    color: #455560;
    font-weight: normal;
    font-size: 1.2em;
}
.sponsors { width:100% }
.sponsors h4 {
    font-weight: 400;
    font-size: 16px;
    color: #553397;
    text-align: center;
	border-bottom: 1px solid #999;
line-height: 0.1em;
margin: 50px 0px 20px;
}
.sponsors h4 span {
    background: #fff;
    padding: 0 10px;
}

@media (max-width:1145px) {
#maincontent{	padding: 0px 1%;}
}


@media (max-width: 770px) {                /* NARROW WIDTH ONLY */
body {font-size:16px }
.frozen {
	position: relative;
}

.navwrapper {  padding-bottom: 0px; background-image:none; }
.mobileonly {
	display: block;
	/* [disabled]max-width: 100%; */
	/* [disabled]padding: 0px; */
	/* [disabled]border-bottom: solid 2px #d8c4e5; */
	/* [disabled]background: #FFF; */
} 
.nomobile{ display:none; }
.pinned {position:fixed;
width: 100%;
overflow: visible;
z-index: 2000;
top: 0;
max-height:120px;
background: #ffffff;}
.mobilelogo {width:35%; height:auto; float: left; margin: 10px 5% 10px 10px; max-height:75px}
.mobileonly .hygdates {
    font-size: 15px;
    border-left: none;
    margin: 10px 0px;
}
.mobileonly .hygdates strong {font-size: 14px; letter-spacing: .1em;  font-family: Raleway_Heavy;
color: #C1D72F;
}
#main-menu { 
    box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.71);
	width: 70%;
float: right;
margin-top: 96px;
}
.main-nav {border: none;
position: fixed;
top: 0px;
width:100%;
 }  /* Move menu to upper right corner */
.burger{
height: auto;
width: 40px;
}

.main-menu-btn {
 margin: 2% 2% 0 0 ;
position: absolute;
top: 0px;
right: 0px;}

.sm-simple a, .sm-simple a:hover, .sm-simple a:focus, .sm-simple a:active {
    color: #553379;
}
.sm-simple > li:first-child {margin-left:0px; }
.sm li.separator { display:none } /* get rid of bars */
.sm li {background-color:rgba( 255, 255, 255, .85);
font-size:1.1em;
line-height:1.4em; }
.content {margin-top: 0px;
padding-top: 75px;}
.banner {min-height:150px }
.banner h1 { font-size: 20px;  padding-left:5%;
}

#maincontent {margin-top:20px}
.twothirds {  -webkit-box-orient: vertical;
  -webkit-box-direction: column;
      -ms-flex-direction: column;
-webkit-flex-direction: column;	  
          flex-direction: column; }
.firsttwo, .lastthird, .thirds div {width:100%; margin-left:0px }
.fullwidth, .sponsor .fullwidth {margin: 10px 0px; width:100% }	
.important {margin-top:10px }	  
.fees .space15, .fees .spacer {width:2%}
.tabletop {padding-top:10px; }
.sponsor .intro { font-size: 20px; }
	
}                                    
@media (max-width: 430px) {                /* MOBILE - SMALL WIDTH ONLY */

.mobilelogo { width:50% margin: 10px 5% 0px 10px;}
.mobileonly .hygdates {
 display:none;
}
#main-menu {margin-top: 130px;}
 /* end of mobile */
.skinny { display:block;
    text-align: center;
	margin:0px;
	margin-top: 68px;
	background-color:#ffffff;
}
.content {padding-top:0px}
.skinny strong {font-size: 14px; letter-spacing: .1em;  font-family: Raleway_Heavy;
color: #C1D72F;}